<UserControl x:Class="HistoryWallEditTool.ControlsForData.DetailDataMediaChild"
             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" 
             xmlns:local="clr-namespace:HistoryWallEditTool.ControlsForData.MediaControllerLayout"
             Stylus.IsPressAndHoldEnabled="False" Focusable="True">
    <Border Background="White" Width="265" Height="180">
            <Grid x:Name="uxRootGrid" >
                <Grid x:Name="uxMainMedia" />
                <Grid x:Name="uxControllerBoard" Background="#80403F41" VerticalAlignment="Bottom">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="30"/>
                        <ColumnDefinition Width="30"/>
                        <ColumnDefinition Width="85"/>
                        <ColumnDefinition Width="30"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <local:PlayCheckBoxStyle x:Name="uxPlayBtn" Grid.Column="0"
                                     Style="{StaticResource PlayCheckBox}"
                                     Checked="uxPlayBtn_Checked" 
                                     Unchecked="uxPlayBtn_Unchecked">
                        <local:PlayCheckBoxStyle.UncheckedBrush>
                            <ImageBrush ImageSource="/HistoryWallEditTool;component/Image/MediaController/pause.png" 
                                    Stretch="Uniform" 
                                    TileMode="None"/>
                        </local:PlayCheckBoxStyle.UncheckedBrush>
                        <local:PlayCheckBoxStyle.CheckedBrush>
                            <ImageBrush ImageSource="/HistoryWallEditTool;component/Image/MediaController/play.png" 
                                    Stretch="Uniform" 
                                    TileMode="None"/>
                        </local:PlayCheckBoxStyle.CheckedBrush>
                    </local:PlayCheckBoxStyle>

                    <local:StopButtonStyle x:Name="uxStopBtn" Grid.Column="1"
                                     Style="{StaticResource StopButton}"
                                     Click="uxStopBtn_Click">
                        <local:StopButtonStyle.TriggerBrush>
                            <ImageBrush ImageSource="/HistoryWallEditTool;component/Image/MediaController/stop.png" 
                                    Stretch="Uniform" 
                                    TileMode="None"/>
                        </local:StopButtonStyle.TriggerBrush>
                    </local:StopButtonStyle>

                    <local:CustomerSliderStyle x:Name="uxProgressSlider" Grid.Column="2"
                                       OnValueChanged="uxProgressSlider_OnValueChanged"
                                       OnSliderChangedEnd="uxProgressSlider_OnSliderChangedEnd">

                    </local:CustomerSliderStyle>

                    <local:PlayCheckBoxStyle x:Name="uxVolumeBtn" Grid.Column="3"
                                     Style="{StaticResource PlayCheckBox}"
                                     IsChecked="True"
                                     Checked="uxVolumeBtn_Checked" 
                                     Unchecked="uxVolumeBtnn_Unchecked">
                        <local:PlayCheckBoxStyle.CheckedBrush>
                            <ImageBrush ImageSource="/HistoryWallEditTool;component/Image/MediaController/mute.png" 
                                    Stretch="Uniform" 
                                    TileMode="None"/>
                        </local:PlayCheckBoxStyle.CheckedBrush>
                        <local:PlayCheckBoxStyle.UncheckedBrush>
                            <ImageBrush ImageSource="/HistoryWallEditTool;component/Image/MediaController/soundMedium.png" 
                                    Stretch="Uniform" 
                                    TileMode="None"/>
                        </local:PlayCheckBoxStyle.UncheckedBrush>
                    </local:PlayCheckBoxStyle>

                    <local:CustomerSliderStyle x:Name="uxVolumeSlider" Grid.Column="4"
                                       Percent="50" Width="90"
                                       OnValueChanged="uxVolumeSlider_OnValueChanged">
                    </local:CustomerSliderStyle>

                </Grid>
            </Grid>
        </Border>
</UserControl>
