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="300" Width="400" 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>
        <Viewbox>
            <StackPanel>
                <Viewbox x:Name="VbxBlue" Visibility="Visible">
                    <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 x:Name="gridToobarTwo" MouseLeave="gridToobarTwo_MouseLeave">
                            <Image Source="./Images/Toobar0.png"/>
                            <StackPanel HorizontalAlignment="Left" Margin="43,25,0,0" VerticalAlignment="Center">
                                <Button x:Name="BtnRecordingScreen" Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" ToolTip="开始" Click="BtnRecordingScreen_Click">
                                    <Image x:Name="ImgRecordingScreen" Source="./Images/Toobar26.png"/>
                                </Button>
                                <TextBlock x:Name="txbTime" Text="00:00" FontSize="20" Foreground="#FFFFFF" Visibility="Hidden"/>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Margin="0,0,15,0">
                                <!--<Button x:Name="BtnRecordingScreen"  Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="0,0,15,0" Click="BtnRecordingScreen_Click">
                                   <Image x:Name="ImgRecordingScreen" Source="./Images/Toobar25.png"/>
                                   </Button>-->
                                <Button x:Name="BtnStopRecordingScreen" Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="0,0,10,0" Click="BtnStopRecordingScreen_Click" ToolTip="停止">
                                    <Border Background="#2d8cf0" CornerRadius="22">
                                        <Image x:Name="ImgEndRecordingScreen" Source="./Images/Toobar15.png" Margin="5,5,5,5"/>
                                    </Border>
                                </Button>
                                <Button  Cursor="Hand" x:Name="btnBlackPenOne" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="0,0,10,0" Click="BtnBrush_Click" ToolTip="批注">
                                    <Border x:Name="borOne" Background="#2d8cf0" CornerRadius="22">
                                        <Image x:Name="imgBlackPenOne" Source="./Images/31.png" Margin="5,5,5,5"/>
                                    </Border>
                                </Button>
                                <Button  Cursor="Hand" x:Name="btnBlackPenTwo" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="0,0,10,0" Click="BtnBlackPenTwo_Click" ToolTip="批注">
                                    <Border x:Name="borTwo" Background="#2d8cf0" CornerRadius="22">
                                        <Image x:Name="imgBlackPenTwo" Source="./Images/31.png" Margin="5,5,5,5"/>
                                    </Border>
                                </Button>
                                <Button  Cursor="Hand" x:Name="btnReturn" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="0,0,12,0" Click="BtnReturn_Click" ToolTip="返回">
                                    <Border Background="#2d8cf0" CornerRadius="22">
                                        <Image x:Name="imgReturn" Source="./Images/Toobar29.png" Margin="5,5,5,5"/>
                                    </Border>
                                </Button>
                            </StackPanel>
                        </Grid>
                    </Grid>
                </Viewbox>
                <Viewbox x:Name="VbxBlack" Visibility="Visible">
                    <Border x:Name="BorderBlack" BorderBrush="{TemplateBinding Control.BorderBrush}" BorderThickness="1" CornerRadius="10"  MouseLeftButtonDown="Grid_MouseLeftButtonDown" MouseLeave="gridToobarTwo_MouseLeave">
                        <Border.Background>#FF262633</Border.Background>
                        <Grid x:Name="GridToobar_Black" Height="50" Margin="3" Width="390">
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="10,0">
                                <Button Visibility="Collapsed" x:Name="BtnRecordingScreenPause_Black" HorizontalAlignment="Left"  Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="5" ToolTip="暂停" Click="BtnRecordingScreen_Click">
                                    <Image Source="/BlackImages/SR_Pause.png" />
                                </Button>
                                <Button x:Name="BtnRecordingScreen_Black" HorizontalAlignment="Left"  Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="5" ToolTip="开始" Click="BtnRecordingScreen_Click">
                                    <Image>
                                        <Image.Resources>
                                            <Style TargetType="{x:Type Image}">
                                                <Setter Property="Source" Value="/BlackImages/SR_Start.png"/>
                                                <Style.Triggers>
                                                    <Trigger Property="IsMouseOver" Value="True">
                                                        <Setter Property="Cursor" Value="Hand"/>
                                                        <Setter Property="Source" Value="/BlackImages/SR_Start_MI.png"/>
                                                    </Trigger>
                                                </Style.Triggers>
                                            </Style>
                                        </Image.Resources>
                                    </Image>
                                </Button>
                                <Button x:Name="BtnStopRecordingScreen_Black" Cursor="Hand" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="5" Click="BtnStopRecordingScreen_Click" ToolTip="停止">
                                    <Image>
                                        <Image.Resources>
                                            <Style TargetType="{x:Type Image}">
                                                <Setter Property="Source" Value="/BlackImages/SR_Stop.png"/>
                                                <Style.Triggers>
                                                    <Trigger Property="IsEnabled" Value="False">
                                                        <Setter Property="Cursor" Value="Hand"/>
                                                        <Setter Property="Source" Value="/BlackImages/SR_Stop_N.png"/>

                                                    </Trigger>
                                                </Style.Triggers>
                                            </Style>
                                        </Image.Resources>
                                    </Image>
                                </Button>
                                <TextBlock Text="|" FontSize="30" Foreground="#FF48555A" Margin="5,0" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                                <TextBlock x:Name="txbTime_Black" Text="00:00" FontSize="40" Foreground="#FFFFFF" Margin="5,0" Visibility="Visible" FontFamily="/星火微课;component/Resources/#Quartz" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                                <TextBlock Text="|" FontSize="30" Foreground="#FF48555A" Margin="5,0" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                                <Button Cursor="Hand" x:Name="btnBlackPenOne_Black" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="5" Click="BtnBrush_Click" ToolTip="批注">
                                    <Image>
                                        <Image.Resources>
                                            <Style TargetType="{x:Type Image}">
                                                <Setter Property="Source" Value="/BlackImages/SR_PenBlue.png"/>
                                                <Style.Triggers>
                                                    <Trigger Property="IsEnabled" Value="False">
                                                        <Setter Property="Cursor" Value="Hand"/>
                                                        <Setter Property="Source" Value="/BlackImages/SR_Pen_N.png"/>
                                                    </Trigger>
                                                </Style.Triggers>
                                            </Style>
                                        </Image.Resources>
                                    </Image>
                                </Button>
                                <Button  Cursor="Hand" x:Name="btnBlackPenTwo_Black" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="5" Click="BtnBlackPenTwo_Click" ToolTip="批注">
                                    <Image>
                                        <Image.Resources>
                                            <Style TargetType="{x:Type Image}">
                                                <Setter Property="Source" Value="/BlackImages/SR_PenRed.png"/>
                                                <Style.Triggers>
                                                    <Trigger Property="IsEnabled" Value="False">
                                                        <Setter Property="Cursor" Value="Hand"/>
                                                        <Setter Property="Source" Value="/BlackImages/SR_Pen_N.png"/>
                                                    </Trigger>
                                                </Style.Triggers>
                                            </Style>
                                        </Image.Resources>
                                    </Image>
                                </Button>
                                <Button  Cursor="Hand" x:Name="btnReturn_Black" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="5" Click="BtnReturn_Click" ToolTip="返回">
                                    <Image>
                                        <Image.Resources>
                                            <Style TargetType="{x:Type Image}">
                                                <Setter Property="Source" Value="/BlackImages/SR_Out.png"/>
                                                <Style.Triggers>
                                                    <Trigger Property="IsEnabled" Value="False">
                                                        <Setter Property="Cursor" Value="Hand"/>
                                                        <Setter Property="Source" Value="/BlackImages/SR_Out_N.png"/>
                                                    </Trigger>
                                                </Style.Triggers>
                                            </Style>
                                        </Image.Resources>
                                    </Image>
                                </Button>
                            </StackPanel>
                        </Grid>
                    </Border>
                </Viewbox>
            </StackPanel>
        </Viewbox>
    </Grid>
</Window>