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"
    Title="ScreenRecordingToolbarWindow"
    Width="423"
    Height="58"
    Margin="0"
    AllowsTransparency="True"
    Left="0"
    ShowInTaskbar="False"
    Top="0"
    Topmost="True"
    WindowStyle="None"
    mc:Ignorable="d">
    <Window.Background>
        <SolidColorBrush Opacity="0" Color="#292C2E" />
    </Window.Background>
    <Grid>
        <Grid
            x:Name="GridSrToobar"
            MouseLeave="gridToobarTwo_MouseLeave"
            Visibility="Visible">
            <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
                    x:Name="BtnRecordingScreen"
                    Click="BtnRecordingScreen_Click"
                    Cursor="Hand"
                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"
                    ToolTip="开始"
                    Visibility="Visible">
                    <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
                    x:Name="BtnRecordingScreenPause"
                    Click="BtnRecordingScreen_Click"
                    Cursor="Hand"
                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"
                    ToolTip="暂停"
                    Visibility="Collapsed">
                    <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"
                        Click="BtnStopRecordingScreen_Click"
                        Cursor="Hand"
                        Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"
                        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"
                        Width="2"
                        Margin="0"
                        Padding="5"
                        Background="#FF638AFF" />
                </Grid>
                <Grid
                    Grid.Row="0"
                    Grid.RowSpan="3"
                    Grid.Column="3">
                    <Label
                        x:Name="TxbTime"
                        Grid.Column="1"
                        Padding="0"
                        HorizontalContentAlignment="Center"
                        VerticalContentAlignment="Center"
                        Content="00:00"
                        FontFamily="/星火微课;component/Resources/#Quartz"
                        FontSize="36"
                        Foreground="#FF3F6FFF"
                        Visibility="Visible" />
                </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"
                        Width="2"
                        Margin="0"
                        Padding="5"
                        Background="#FF638AFF" />
                </Grid>
                <Grid Grid.Row="1" Grid.Column="5">
                    <!--  蓝笔  -->
                    <Button
                        x:Name="BtnPenBlue"
                        Click="BtnBrush_Click"
                        Cursor="Hand"
                        Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"
                        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"
                        Click="BtnBrush_Click"
                        Cursor="Hand"
                        Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"
                        ToolTip="批注"
                        Visibility="Collapsed">
                        <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"
                        Click="BtnBlackPenTwo_Click"
                        Cursor="Hand"
                        Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"
                        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"
                        Click="BtnBlackPenTwo_Click"
                        Cursor="Hand"
                        Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"
                        ToolTip="批注"
                        Visibility="Collapsed">
                        <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"
                        Width="2"
                        Margin="0"
                        Padding="5"
                        Background="#FF638AFF" />
                </Grid>
                <Grid Grid.Row="1" Grid.Column="9">
                    <!--  返回  -->
                    <Button
                        x:Name="BtnReturn"
                        Click="BtnReturn_Click"
                        Cursor="Hand"
                        Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"
                        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"
                            Grid.RowSpan="2"
                            Background="Transparent"
                            Visibility="Collapsed" />
                        <!--  画笔工具栏  -->
                        <Grid x:Name="gridToolbar" Visibility="Collapsed">
                            <Image HorizontalAlignment="Right" Source="./Images/Toobar22.png" />
                            <StackPanel
                                Margin="0,5,10,0"
                                HorizontalAlignment="Right"
                                Orientation="Vertical">
                                <Button
                                    x:Name="btnToolbarDown"
                                    Margin="0,5,0,0"
                                    Click="BtnToolbarDown_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}">
                                    <Image Source="./Images/Toobar5.png" />
                                </Button>
                                <Button
                                    x:Name="btnEraser"
                                    Margin="0,5,0,0"
                                    Click="BtnEraser_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}">
                                    <Image Source="./Images/Toobar12.png" />
                                </Button>
                                <Button
                                    x:Name="btnPen"
                                    Margin="0,5,0,0"
                                    Click="BtnPen_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}">
                                    <Image Source="./Images/Toobar9.png" />
                                </Button>
                                <Button
                                    Margin="0,5,0,0"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}">
                                    <Image Source="./Images/Toobar16.png" />
                                </Button>
                                <Button
                                    x:Name="btnRectangle"
                                    Margin="0,5,0,0"
                                    Click="BtnRectangle_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}">
                                    <Image Source="./Images/Toobar3.png" />
                                </Button>
                                <Button
                                    x:Name="btnRound"
                                    Margin="0,5,0,0"
                                    Click="BtnRound_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}">
                                    <Image Source="./Images/Toobar23.png" />
                                </Button>
                                <Button
                                    x:Name="btnThickness"
                                    Margin="0,5,0,0"
                                    Click="BtnThickness_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}">
                                    <Image Source="./Images/Toobar1.png" />
                                </Button>
                                <Button
                                    x:Name="btnColour"
                                    Margin="0,5,0,0"
                                    Click="BtnColour_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}">
                                    <Image Source="./Images/Toobar18.png" />
                                </Button>
                            </StackPanel>
                        </Grid>
                        <!--  字体颜色  -->
                        <Grid x:Name="gridColour" Visibility="Collapsed">
                            <Image
                                Margin="0,200,62,0"
                                HorizontalAlignment="Right"
                                Source="./Images/Toobar20.png" />
                            <StackPanel
                                Margin="0,215,68,0"
                                HorizontalAlignment="Right"
                                Orientation="Vertical">
                                <Button
                                    x:Name="btnWhite"
                                    Width="15"
                                    Height="15"
                                    Margin="0,0,0,0"
                                    Background="#FFFFFF"
                                    Click="BtnWhite_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" />
                                <Button
                                    x:Name="btnRed"
                                    Width="15"
                                    Height="15"
                                    Margin="0,8,0,0"
                                    Background="#FF0000"
                                    Click="BtnRed_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" />
                                <Button
                                    x:Name="btnGray"
                                    Width="15"
                                    Height="15"
                                    Margin="0,8,0,0"
                                    Background="#A7A9AC"
                                    Click="BtnGray_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" />
                                <Button
                                    x:Name="btnCyanBlue"
                                    Width="15"
                                    Height="15"
                                    Margin="0,8,0,0"
                                    Background="#63D600"
                                    Click="BtnCyanBlue_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" />
                                <Button
                                    x:Name="btnYellow"
                                    Width="15"
                                    Height="15"
                                    Margin="0,8,0,0"
                                    Background="#FFBC00"
                                    Click="BtnYellow_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" />
                                <Button
                                    x:Name="btnBlue"
                                    Width="15"
                                    Height="15"
                                    Margin="0,8,0,0"
                                    Background="#00B4FC"
                                    Click="BtnBlue_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" />
                            </StackPanel>
                        </Grid>
                        <!--  字体粗细  -->
                        <Grid x:Name="gridThickness" Visibility="Collapsed">
                            <Image
                                Margin="0,200,62,0"
                                HorizontalAlignment="Right"
                                Source="./Images/Toobar21.png" />
                            <StackPanel
                                Margin="0,260,62,0"
                                HorizontalAlignment="Right"
                                Orientation="Vertical">
                                <Button
                                    x:Name="btnFine"
                                    Width="20"
                                    Height="3"
                                    Margin="0,0,0,0"
                                    Background="#FFFFFF"
                                    Click="BtnFine_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" />
                                <Button
                                    x:Name="btnIn"
                                    Width="20"
                                    Height="5"
                                    Margin="0,10,0,0"
                                    Background="#FFFFFF"
                                    Click="BtnIn_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" />
                                <Button
                                    x:Name="btnCrude"
                                    Width="20"
                                    Height="10"
                                    Margin="0,10,0,0"
                                    Background="#FFFFFF"
                                    Click="BtnCrude_Click"
                                    Cursor="Hand"
                                    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" />
                            </StackPanel>
                        </Grid>
                    </Grid>
                </Viewbox>
            </StackPanel>
        </Viewbox>
    </Grid>
</Window>