PDFOffice_Windows_exe/PDF Office/CustomControl/ColorDropBoxPop.xaml

<UserControl
    x:Class="PDF_Office.CustomControl.ColorDropBoxPop"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:PDF_Office.CustomControl"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Width="194"
    Height="auto"
    d:DesignHeight="450"
    d:DesignWidth="800"
    mc:Ignorable="d">
    <UserControl.Resources>
        <local:ColorToBrushConverter x:Key="ColorToBrushConverter" />
        <Style TargetType="ListViewItem">
            <Setter Property="Width" Value="15" />
            <Setter Property="Height" Value="15" />
            <Setter Property="Padding" Value="0" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="BorderBrush" Value="#33000000" />
            <Setter Property="Margin" Value="1" />
        </Style>
    </UserControl.Resources>
    <Grid>
        <Border
            Name="ContainerBorder"
            Background="White"
            BorderThickness="1">
            <Border.Effect>
                <DropShadowEffect
                    BlurRadius="24"
                    Opacity="0.22"
                    ShadowDepth="0"
                    Color="#000000" />
            </Border.Effect>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto" />
                    <RowDefinition Height="auto" />
                    <RowDefinition Height="auto" />
                    <RowDefinition Height="auto" />
                    <RowDefinition Height="auto" />
                    <RowDefinition Height="auto" />
                    <RowDefinition Height="auto" />
                    <RowDefinition Height="auto" />
                </Grid.RowDefinitions>
                <TextBlock
                    x:Name="RecentlyColorText"
                    Margin="8,8,0,3"
                    VerticalAlignment="Bottom"
                    FontFamily="Segoe UI"
                    FontSize="14"
                    LineHeight="20">
                    Recently used color
                </TextBlock>
                <ListView
                    Name="RecentlyColorList"
                    Grid.Row="1"
                    Margin="9,0,9,0"
                    BorderThickness="0"
                    ScrollViewer.HorizontalScrollBarVisibility="Hidden">
                    <ListView.ItemsPanel>
                        <ItemsPanelTemplate>
                            <WrapPanel Width="{Binding ElementName=ThemeColorList, Path=ActualWidth}" />
                        </ItemsPanelTemplate>
                    </ListView.ItemsPanel>
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <Rectangle
                                Width="14"
                                Height="14"
                                Fill="{Binding Converter={StaticResource ColorToBrushConverter}}"
                                MouseLeftButtonDown="Rectangle_MouseLeftButtonDown" />
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
                <TextBlock
                    x:Name="ThemeColorsText"
                    Grid.Row="2"
                    Margin="8,5,0,1"
                    FontFamily="SegoeUI"
                    FontSize="14"
                    LineHeight="20">
                    Theme colors
                </TextBlock>
                <ListView
                    Name="ThemeColorList"
                    Grid.Row="3"
                    Margin="9,0,9,0"
                    BorderThickness="0"
                    ScrollViewer.HorizontalScrollBarVisibility="Hidden"
                    SelectionMode="Single">
                    <ListView.ItemsPanel>
                        <ItemsPanelTemplate>
                            <WrapPanel Width="{Binding ElementName=ThemeColorList, Path=ActualWidth}" />
                        </ItemsPanelTemplate>
                    </ListView.ItemsPanel>
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <Rectangle
                                Width="14"
                                Height="14"
                                Fill="{Binding Converter={StaticResource ColorToBrushConverter}}"
                                MouseLeftButtonDown="Rectangle_MouseLeftButtonDown" />
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
                <Separator
                    Grid.Row="4"
                    Width="190"
                    Height="1"
                    Margin="2,9,2,8"
                    HorizontalAlignment="Center"
                    Background="#26000000" />
                <StackPanel
                    Name="TransparentPanel"
                    Grid.Row="5"
                    Margin="0,0,0,8"
                    Orientation="Horizontal"
                    Visibility="Collapsed">
                    <Rectangle
                        Width="16"
                        Height="16"
                        Margin="8,0,2,0"
                        MouseLeftButtonDown="TransparentColor_MouseLeftButtonDown">
                        <Rectangle.Fill>
                            <DrawingBrush>
                                <DrawingBrush.Drawing>
                                    <DrawingGroup>
                                        <GeometryDrawing Brush="White">
                                            <GeometryDrawing.Pen>
                                                <Pen Brush="#E2E3E6" Thickness="1" />
                                            </GeometryDrawing.Pen>
                                            <GeometryDrawing.Geometry>
                                                <RectangleGeometry Rect="0,0,16,16" />
                                            </GeometryDrawing.Geometry>
                                        </GeometryDrawing>
                                        <GeometryDrawing>
                                            <GeometryDrawing.Pen>
                                                <Pen Brush="#FF3B30" Thickness="2" />
                                            </GeometryDrawing.Pen>
                                            <GeometryDrawing.Geometry>
                                                <LineGeometry StartPoint="16,0" EndPoint="0,16" />
                                            </GeometryDrawing.Geometry>
                                        </GeometryDrawing>
                                    </DrawingGroup>
                                </DrawingBrush.Drawing>
                            </DrawingBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                    <TextBlock
                        x:Name="TransparentText"
                        VerticalAlignment="Center"
                        FontFamily="Segoe UI"
                        FontSize="14">
                        Transparent
                    </TextBlock>
                </StackPanel>
                <StackPanel
                    Grid.Row="6"
                    MouseDown="SystemColorPicker_ClickPop"
                    Orientation="Horizontal">
                    <Ellipse
                        Width="16"
                        Height="16"
                        Margin="8,0,2,10"
                        VerticalAlignment="Center">
                        <Ellipse.Fill>
                            <DrawingBrush>
                                <DrawingBrush.Drawing>
                                    <ImageDrawing ImageSource="../Resources/PropertyPanel/colorIcon.png">
                                        <ImageDrawing.Rect>
                                            <Rect Width="16" Height="16" />
                                        </ImageDrawing.Rect>
                                    </ImageDrawing>
                                </DrawingBrush.Drawing>
                            </DrawingBrush>
                        </Ellipse.Fill>
                    </Ellipse>
                    <TextBlock
                        x:Name="OtherColorsText"
                        Margin="0,0,0,8"
                        VerticalAlignment="Center"
                        FontFamily="Segoe UI"
                        FontSize="14">
                        Other Colors
                    </TextBlock>
                </StackPanel>
            </Grid>
        </Border>
    </Grid>
</UserControl>