xhwkclient/XHWK.WKTool/ScreenRecordingToolbarWindow.xaml

<Window x:Class="XHWK.WKTool.ScreenRecordingToolbarWindow"
        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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:XHWK.WKTool"
        mc:Ignorable="d"
        Title="ScreenRecordingToolbarWindow" Height="58" Width="423" AllowsTransparency="True" 
        Topmost="True"
    ShowInTaskbar="False"
    WindowStartupLocation="CenterOwner"
    WindowStyle="None" Margin="0" Left="0" Top="0">
    <Window.Background>
        <SolidColorBrush Opacity="0" Color="#292C2E" />
    </Window.Background>
    <Grid>
        <Grid x:Name="GridSrToobar" Visibility="Visible" MouseLeftButtonDown="Grid_MouseLeftButtonDown"  MouseLeave="gridToobarTwo_MouseLeave">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="56*"/>
                <ColumnDefinition Width="361*"/>
            </Grid.ColumnDefinitions>
            <Border Grid.ColumnSpan="2"  Background="White" BorderBrush="#FF638AFF"  BorderThickness="3" CornerRadius="29"/>
            <!--开始暂停-->
            <Grid Grid.Column="0">
                <Button Visibility="Visible" x:Name="BtnRecordingScreen" Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" ToolTip="开始" Click="BtnRecordingScreen_Click">
                    <Button.Template>
                        <ControlTemplate TargetType="{x:Type Button}">
                            <Image x:Name="BtnImages"  Source="/SkinImages/SR/SR_Start.png" />
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_Start_MI.png"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                    <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_Start.png"/>
                                </Trigger>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_Start.png"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
                <Button Visibility="Collapsed" x:Name="BtnRecordingScreenPause"  Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" ToolTip="暂停" Click="BtnRecordingScreen_Click">
                    <Button.Template>
                        <ControlTemplate TargetType="{x:Type Button}">
                            <Image x:Name="BtnImages"  Source="/SkinImages/SR/SR_Pause.png" />
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_Pause_MI.png"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                    <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_Pause.png"/>
                                </Trigger>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_Pause.png"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
            </Grid>
            <!--其他按钮-->
            <Grid Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="10*"/>
                    <RowDefinition Height="38*"/>
                    <RowDefinition Height="10*"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="10*"/>
                    <ColumnDefinition Width="38*"/>
                    <ColumnDefinition Width="28*"/>
                    <ColumnDefinition Width="92*"/>
                    <ColumnDefinition Width="28*"/>
                    <ColumnDefinition Width="38*"/>
                    <ColumnDefinition Width="4*"/>
                    <ColumnDefinition Width="38*"/>
                    <ColumnDefinition Width="28*"/>
                    <ColumnDefinition Width="38*"/>
                    <ColumnDefinition Width="17*"/>
                </Grid.ColumnDefinitions>
                <Grid Grid.Row="1" Grid.Column="1">
                    <!--停止-->
                    <Button x:Name="BtnStopRecordingScreen" Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="BtnStopRecordingScreen_Click" ToolTip="停止">
                        <Button.Template>
                            <ControlTemplate TargetType="{x:Type Button}">
                                <Image x:Name="BtnImages"  Source="/SkinImages/SR/SR_Stop.png" />
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                        <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_Stop_MI.png"/>
                                    </Trigger>
                                    <Trigger Property="IsPressed" Value="True">
                                        <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_Stop.png"/>
                                    </Trigger>
                                    <Trigger Property="IsEnabled" Value="False">
                                        <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_Stop_N.png"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Button.Template>
                    </Button>
                </Grid>
                <Grid Grid.Row="1" Grid.Column="2">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="9*"/>
                        <RowDefinition Height="20*"/>
                        <RowDefinition Height="9*"/>
                    </Grid.RowDefinitions>
                    <Label Grid.Row="1" Background="#FF638AFF" Width="2" Padding="5" Margin="0"/>
                </Grid>
                <Grid Grid.Row="0" Grid.Column="3" Grid.RowSpan="3" >
                    <Label x:Name="TxbTime" Content="00:00" FontSize="36" Foreground="#FF3F6FFF" Visibility="Visible" FontFamily="/星火微课;component/Resources/#Quartz" Padding="0" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Grid.Column="1"/>
                </Grid>
                <Grid Grid.Row="1" Grid.Column="4">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="9*"/>
                        <RowDefinition Height="20*"/>
                        <RowDefinition Height="9*"/>
                    </Grid.RowDefinitions>
                    <Label Grid.Row="1" Background="#FF638AFF" Width="2" Padding="5" Margin="0"/>
                </Grid>
                <Grid Grid.Row="1" Grid.Column="5">
                    <!--蓝笔-->
                    <Button x:Name="BtnPenBlue" Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="BtnBrush_Click" ToolTip="批注">
                        <Button.Template>
                            <ControlTemplate TargetType="{x:Type Button}">
                                <Image x:Name="BtnImages"  Source="/SkinImages/SR/SR_PenBlue.png" />
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                        <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_PenBlue_MI.png"/>
                                    </Trigger>
                                    <Trigger Property="IsPressed" Value="True">
                                        <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_PenBlue_CL.png"/>
                                    </Trigger>
                                    <Trigger Property="IsEnabled" Value="False">
                                        <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_PenBlue_N.png"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Button.Template>
                    </Button>
                    <!--选中-->
                    <Button x:Name="BtnPenBlue_CL" Visibility="Collapsed" Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="BtnBrush_Click" ToolTip="批注">
                        <Button.Template>
                            <ControlTemplate TargetType="{x:Type Button}">
                                <Image x:Name="BtnImages"  Source="/SkinImages/SR/SR_PenBlue_CL.png" />
                            </ControlTemplate>
                        </Button.Template>
                    </Button>
                </Grid>
                <Grid Grid.Row="1" Grid.Column="7">
                    <!--红笔-->
                    <Button x:Name="BtnPenRed" Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="BtnBlackPenTwo_Click" ToolTip="批注">
                        <Button.Template>
                            <ControlTemplate TargetType="{x:Type Button}">
                                <Image x:Name="BtnImages"  Source="/SkinImages/SR/SR_PenRed.png" />
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                        <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_PenRed_MI.png"/>
                                    </Trigger>
                                    <Trigger Property="IsPressed" Value="True">
                                        <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_PenRed_CL.png"/>
                                    </Trigger>
                                    <Trigger Property="IsEnabled" Value="False">
                                        <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_PenRed_N.png"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Button.Template>
                    </Button>
                    <!--选中-->
                    <Button x:Name="BtnPenRed_CL" Visibility="Collapsed" Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="BtnBlackPenTwo_Click" ToolTip="批注">
                        <Button.Template>
                            <ControlTemplate TargetType="{x:Type Button}">
                                <Image x:Name="BtnImages"  Source="/SkinImages/SR/SR_PenRed_CL.png" />
                            </ControlTemplate>
                        </Button.Template>
                    </Button>
                </Grid>
                <Grid Grid.Row="1" Grid.Column="8">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="9*"/>
                        <RowDefinition Height="20*"/>
                        <RowDefinition Height="9*"/>
                    </Grid.RowDefinitions>
                    <Label Grid.Row="1" Background="#FF638AFF" Width="2" Padding="5" Margin="0"/>
                </Grid>
                <Grid Grid.Row="1" Grid.Column="9">
                    <!--返回-->
                    <Button x:Name="BtnReturn" Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="BtnReturn_Click" ToolTip="返回">
                        <Button.Template>
                            <ControlTemplate TargetType="{x:Type Button}">
                                <Image x:Name="BtnImages"  Source="/SkinImages/SR/SR_Out.png" />
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                        <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_Out_MI.png"/>
                                    </Trigger>
                                    <Trigger Property="IsEnabled" Value="False">
                                        <Setter TargetName="BtnImages" Property="Source" Value="/SkinImages/SR/SR_Out_N.png"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Button.Template>
                    </Button>
                </Grid>
            </Grid>
        </Grid>
        <Viewbox Visibility="Collapsed">
            <StackPanel>
                <Viewbox Visibility="Collapsed">
                    <Grid x:Name="gridToobar" MouseLeftButtonDown="Grid_MouseLeftButtonDown">
                        <Image x:Name="imgCanvas" Visibility="Collapsed"/>
                        <InkCanvas x:Name="blackboard_canvas" Background="Transparent" Visibility="Collapsed" Grid.RowSpan="2" />
                        <!--画笔工具栏-->
                        <Grid x:Name="gridToolbar" Visibility="Collapsed">
                            <Image Source="./Images/Toobar22.png" HorizontalAlignment="Right"/>
                            <StackPanel Orientation="Vertical" HorizontalAlignment="Right" Margin="0,5,10,0">
                                <Button Cursor="Hand" x:Name="btnToolbarDown" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="0,5,0,0" Click="BtnToolbarDown_Click">
                                    <Image Source="./Images/Toobar5.png"/>
                                </Button>
                                <Button Cursor="Hand" x:Name="btnEraser" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="0,5,0,0" Click="BtnEraser_Click">
                                    <Image Source="./Images/Toobar12.png"/>
                                </Button>
                                <Button Cursor="Hand" x:Name="btnPen" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="0,5,0,0" Click="BtnPen_Click">
                                    <Image Source="./Images/Toobar9.png"/>
                                </Button>
                                <Button Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="0,5,0,0">
                                    <Image Source="./Images/Toobar16.png"/>
                                </Button>
                                <Button Cursor="Hand" x:Name="btnRectangle" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="0,5,0,0" Click="BtnRectangle_Click">
                                    <Image Source="./Images/Toobar3.png"/>
                                </Button>
                                <Button Cursor="Hand" x:Name="btnRound" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="0,5,0,0" Click="BtnRound_Click">
                                    <Image Source="./Images/Toobar23.png"/>
                                </Button>
                                <Button  Cursor="Hand" x:Name="btnThickness" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="0,5,0,0" Click="BtnThickness_Click">
                                    <Image Source="./Images/Toobar1.png"/>
                                </Button>
                                <Button  Cursor="Hand" x:Name="btnColour" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="0,5,0,0" Click="BtnColour_Click">
                                    <Image Source="./Images/Toobar18.png"/>
                                </Button>
                            </StackPanel>
                        </Grid>
                        <!--字体颜色-->
                        <Grid x:Name="gridColour" Visibility="Collapsed">
                            <Image Source="./Images/Toobar20.png" HorizontalAlignment="Right" Margin="0,200,62,0"/>
                            <StackPanel Orientation="Vertical" HorizontalAlignment="Right" Margin="0,215,68,0">
                                <Button  Cursor="Hand" x:Name="btnWhite" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Background="#FFFFFF" Height="15" Width="15" Margin="0,0,0,0" Click="BtnWhite_Click"/>
                                <Button  Cursor="Hand" x:Name="btnRed" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Background="#FF0000" Height="15" Width="15" Margin="0,8,0,0" Click="BtnRed_Click"/>
                                <Button  Cursor="Hand" x:Name="btnGray" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Background="#A7A9AC" Height="15" Width="15" Margin="0,8,0,0" Click="BtnGray_Click"/>
                                <Button  Cursor="Hand" x:Name="btnCyanBlue" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Background="#63D600" Height="15" Width="15" Margin="0,8,0,0" Click="BtnCyanBlue_Click"/>
                                <Button  Cursor="Hand" x:Name="btnYellow" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Background="#FFBC00" Height="15" Width="15" Margin="0,8,0,0" Click="BtnYellow_Click"/>
                                <Button  Cursor="Hand" x:Name="btnBlue" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Background="#00B4FC" Height="15" Width="15" Margin="0,8,0,0" Click="BtnBlue_Click"/>
                            </StackPanel>
                        </Grid>
                        <!--字体粗细-->
                        <Grid x:Name="gridThickness" Visibility="Collapsed">
                            <Image Source="./Images/Toobar21.png" HorizontalAlignment="Right" Margin="0,200,62,0"/>
                            <StackPanel Orientation="Vertical" HorizontalAlignment="Right" Margin="0,260,62,0">
                                <Button  Cursor="Hand" x:Name="btnFine" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Background="#FFFFFF" Height="3" Width="20" Margin="0,0,0,0" Click="BtnFine_Click"/>
                                <Button  Cursor="Hand" x:Name="btnIn" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Background="#FFFFFF" Height="5" Width="20" Margin="0,10,0,0" Click="BtnIn_Click"/>
                                <Button  Cursor="Hand" x:Name="btnCrude" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Background="#FFFFFF" Height="10" Width="20" Margin="0,10,0,0" Click="BtnCrude_Click"/>
                            </StackPanel>
                        </Grid>
                    </Grid>
                </Viewbox>
            </StackPanel>
        </Viewbox>
    </Grid>
</Window>