<UserControl x:Class="HistoryWallEditTool.Controls.ColorPicker"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" Width="322" Height="377" Background="Transparent">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition x:Name="uxRowDefine1" Height="90" />
            <RowDefinition x:Name="uxRowDefine2" Height="212" />
            <RowDefinition x:Name="uxRowDefine3" Height="50" />
            <RowDefinition x:Name="uxRowDefine4" Height="25" />
        </Grid.RowDefinitions>
        <Grid Grid.Row="1" >
            <Image Name="uxColorImage" Width="322" Height="212" Stretch="Fill" HorizontalAlignment="Left" VerticalAlignment="Top" Source="/HistoryWallEditTool;component/Image/color322x212.png" />
            <Canvas Name="uxCanvasImage" Width="322" Height="212" HorizontalAlignment="Center" Background="Transparent" VerticalAlignment="Top">
                <Ellipse Name="uxEllipsePixel" Width="10" Height="10" Stroke="Black" Fill="White" Canvas.Left="0" Canvas.Top="0"/>
            </Canvas>
        </Grid>
        <Rectangle Grid.Row="2" Margin="0,0,0,-9" Stroke="Black" Height="25" VerticalAlignment="Bottom">
            <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                    <GradientStop Offset="0.0" Color="White" />
                    <GradientStop x:Name="uxGrdientColor" Offset="1.0" Color="White" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Slider Name="uxAlphaSlider" Grid.Row="2" FlowDirection="LeftToRight" Orientation="Horizontal" 
                Minimum="0" Maximum="255" SmallChange="1" LargeChange="25" Value="255" FocusVisualStyle="{x:Null}" Margin="-6,0,-6,-9" Height="25" VerticalAlignment="Bottom" Style="{StaticResource OpacitySlider}" />
        <Image Margin="19.5,26.371,48.5,37.629"  Stretch="Fill" Source="/HistoryWallEditTool;component/Image/RGB_BG.png" />
        <TextBox HorizontalAlignment="Left" Margin="24,27.535,0,39.75" TextWrapping="Wrap" Width="45" Background="{x:Null}" BorderBrush="{x:Null}" MaxLength="3" Name="uxColorValueR" FocusVisualStyle="{x:Null}" Style="{StaticResource SimpleTextBox}" />
        <TextBox Margin="123.833,27.535,152.167,39.75" TextWrapping="Wrap" Background="{x:Null}" Width="45" BorderBrush="{x:Null}" MaxLength="3" Name="uxColorValueG" FocusVisualStyle="{x:Null}" Style="{StaticResource SimpleTextBox}" />
        <TextBox Margin="0,27.535,52.084,39.75" TextWrapping="Wrap" HorizontalAlignment="Right" Width="45" Background="{x:Null}" BorderBrush="{x:Null}" MaxLength="3" Name="uxColorValueB" FocusVisualStyle="{x:Null}" Style="{StaticResource SimpleTextBox}" />
        <TextBlock HorizontalAlignment="Left" Margin="0,24.871,0,36.747" TextWrapping="Wrap" Width="20" FontSize="18.667" Foreground="#FF897F66"><Run Language="zh-tw" Text="R:"/></TextBlock>
        <TextBlock HorizontalAlignment="Left" Margin="99.333,24.871,0,36.747" TextWrapping="Wrap" Width="20" FontSize="18.667" Foreground="#FF897F66"><Run Language="zh-tw" Text="G:"/></TextBlock>
        <TextBlock HorizontalAlignment="Right" Margin="0,24.871,103.169,36.747" TextWrapping="Wrap" Width="20" FontSize="18.667" Foreground="#FF897F66"><Run Language="zh-tw" Text="B:"/></TextBlock>
        <Label HorizontalAlignment="Left" Width="131.125" FontSize="16" Foreground="#FF897F66" Height="28.382" VerticalAlignment="Bottom">
            <Run Language="zh-tw" Text="{DynamicResource colorPickerColor}"/>
        </Label>
        <Label HorizontalAlignment="Left" Width="131.125" FontSize="16" Foreground="#FF897F66" Margin="0,5.243,0,16.375" Grid.Row="2">
            <Run Language="zh-tw" Text="{DynamicResource colorPickerOpacity}"/>
        </Label>
    </Grid>
</UserControl>
