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="420"
    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="60" />
                <ColumnDefinition Width="360" />
            </Grid.ColumnDefinitions>
            <Border
                Grid.ColumnSpan="2"
                Background="White"
                BorderBrush="#FF638AFF"
                BorderThickness="3,3,0,3"
                CornerRadius="29 0 0 29" />
            <!--  开始暂停  -->
            <Grid Grid.Column="0">
                <Button
                    x:Name="BtnRecordingScreen"
                    Click="BtnRecordingScreen_Click"
                    Cursor="Hand"
                    
                    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="Opacity" Value="0.6" />
                                </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"
                    
                    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="Opacity" Value="0.6" />
                                </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="20" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="20" />
                    <ColumnDefinition Width="38" />
                    <ColumnDefinition Width="6" />
                    <ColumnDefinition Width="38" />
                    <ColumnDefinition Width="20" />
                    <ColumnDefinition Width="38" />
                    <ColumnDefinition Width="10" />
                </Grid.ColumnDefinitions>
                <Grid Grid.Row="1" Grid.Column="1">
                    <!--  停止  -->
                    <Button
                        x:Name="BtnStopRecordingScreen"
                        Click="BtnStopRecordingScreen_Click"
                        Cursor="Hand"
                        
                        ToolTip="停止">
                        <Button.Template>
                            <ControlTemplate TargetType="{x:Type Button}">
                                <Image
                                    x:Name="BtnImages"
                                    Width="24"
                                    Source="/SkinImages/SR/SR_Stop.png" />
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                        <Setter TargetName="BtnImages" Property="Opacity" Value="0.4" />
                                    </Trigger>
                                    <Trigger Property="IsEnabled" Value="False">
                                        <Setter TargetName="BtnImages" Property="Opacity" Value="0.4" />
                                    </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: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"
                        
                        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="Opacity" Value="0.4" />
                                    </Trigger>
                                    <Trigger Property="IsEnabled" Value="False">
                                        <Setter TargetName="BtnImages" Property="Opacity" Value="0.4" />
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Button.Template>
                    </Button>
                    <!--  选中  -->
                    <Button
                        x:Name="BtnPenBlue_CL"
                        Click="BtnBrush_Click"
                        Cursor="Hand"
                        
                        ToolTip="批注"
                        Visibility="Collapsed">
                        <Button.Template>
                            <ControlTemplate TargetType="{x:Type Button}">
                                <Image x:Name="BtnImages" Source="/SkinImages/SR/SR_PenBlue.png" />
                            </ControlTemplate>
                        </Button.Template>
                    </Button>
                </Grid>
                <Grid Grid.Row="1" Grid.Column="7">
                    <!--  红笔  -->
                    <Button
                        x:Name="BtnPenRed"
                        Click="BtnBlackPenTwo_Click"
                        Cursor="Hand"
                        
                        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="Opacity" Value="0.4" />
                                    </Trigger>
                                    <Trigger Property="IsEnabled" Value="False">
                                        <Setter TargetName="BtnImages" Property="Opacity" Value="0.4" />
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Button.Template>
                    </Button>
                    <!--  选中  -->
                    <Button
                        x:Name="BtnPenRed_CL"
                        Click="BtnBlackPenTwo_Click"
                        Cursor="Hand"
                        
                        ToolTip="批注"
                        Visibility="Collapsed">
                        <Button.Template>
                            <ControlTemplate TargetType="{x:Type Button}">
                                <Image x:Name="BtnImages" Source="/SkinImages/SR/SR_PenRed.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"
                        
                        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="Opacity" Value="0.4" />
                                    </Trigger>
                                    <Trigger Property="IsEnabled" Value="False">
                                        <Setter TargetName="BtnImages" Property="Opacity" Value="0.4" />
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Button.Template>
                    </Button>
                </Grid>
            </Grid>
        </Grid>
    </Grid>
</Window>