XHZBPC/XHZB.Desktop/PracticeWindow.xaml

<Window x:Class="XHZB.Desktop.PracticeWindow"
        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:XHZB.Desktop" xmlns:Views="clr-namespace:Common.ZB;assembly=Common"
        Title="PracticeWindow"  Width="1280"
    Height="800"
    Activated="Window_Activated"
    AllowsTransparency="True"
    Background="Transparent"
    Closed="Window_Closed"
    Deactivated="Window_Deactivated"
    Opacity="1"
    ShowInTaskbar="False"
    WindowStyle="None"
    mc:Ignorable="d">
    <Window.Resources>
        <DataTemplate x:Key="BMenuTemp">
            <Button
                x:Name="toolbar_item"
                Width="60"
                Height="60"
                BorderThickness="0"
                Click="menu_item_Click"
                Cursor="Hand">
                <Button.Content>
                    <StackPanel Width="Auto" Background="Transparent">
                        <Image
                            Width="23"
                            HorizontalAlignment="Center"
                            Source="{Binding Pic}" />
                        <TextBlock
                            x:Name="menu_name"
                            Margin="0,2,0,0"
                            HorizontalAlignment="Center"
                            Text="{Binding Name}">
                            <TextBlock.Style>
                                <Style TargetType="TextBlock">
                                    <Setter Property="Foreground" Value="#3C525B" />
                                    <Style.Triggers>
                                        <DataTrigger Binding="{Binding Selected}" Value="true">
                                            <Setter Property="Foreground" Value="#ffffff" />
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </TextBlock.Style>
                        </TextBlock>
                    </StackPanel>
                </Button.Content>
                <Button.Style>
                    <Style TargetType="Button">
                        <Setter Property="Background" Value="Transparent" />
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type Button}">
                                    <Border
                                        Background="{TemplateBinding Background}"
                                        BorderBrush="Black"
                                        BorderThickness="0">
                                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                                    </Border>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                        <Style.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background" Value="#eee" />
                            </Trigger>
                            <DataTrigger Binding="{Binding Selected}" Value="true">
                                <Setter Property="Background" Value="#136efb" />
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Button.Style>
            </Button>
        </DataTemplate>

        <Style TargetType="Button">
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border
                            Background="{TemplateBinding Background}"
                            BorderBrush="Black"
                            BorderThickness="0">
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="#ddd" />
                </Trigger>
            </Style.Triggers>
        </Style>

        <Style TargetType="TextBlock">
            <Setter Property="Foreground" Value="#3C525B" />
        </Style>
    </Window.Resources>
    <Grid x:Name="m_grid" Background="Black">

        <Image x:Name="m_image" Margin="0,0,0,0"/>
        <InkCanvas x:Name="blackboard_canvas" Background="Transparent" />

        <Views:ClippingBorder
            Width="60"
            Height="58"
            Margin="0,0,660,10"
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Background="#f3f3f3"
            CornerRadius="4">
            <StackPanel Orientation="Horizontal">
                <Button 
                    x:Name="save_button"
                    Width="60"
                    Click="save_button_Click"
                    Cursor="Hand">
                    <Button.Content>
                        <StackPanel>
                            <Image Width="23" Source=".\Images\Blackboard\class_1un.png" />
                            <TextBlock Margin="0,4,0,0" Text="保存" />
                        </StackPanel>
                    </Button.Content>
                </Button>
            </StackPanel>
        </Views:ClippingBorder>

        <Views:ClippingBorder
            Width="480"
            Height="58"
            Margin="0,0,0,10"
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Background="#f3f3f3"
            CornerRadius="4">
            <ItemsControl
                x:Name="toolbar_list"
                BorderThickness="0"
                ItemTemplate="{StaticResource BMenuTemp}"
                ItemsSource="{Binding menuList}">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <StackPanel Orientation="Horizontal" />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
            </ItemsControl>
        </Views:ClippingBorder>

        <Views:ClippingBorder
            x:Name="tip_Color"
            Width="360"
            Height="58"
            Margin="0,0,0,80"
            Visibility="Collapsed"
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Background="#FFFFFF"
            CornerRadius="4">
            <Border  Width="348"
            Height="48" CornerRadius="6" Background="#E3E3E3" HorizontalAlignment="Center" Margin="6,6,6,6">
                <Grid>
                    <StackPanel Orientation="Horizontal">
                        <Button Cursor="Hand" x:Name="btnWhite" Background="#FFFFFF" Width="38" Height="38" Margin="17,0,0,0" Click="BtnWhite_Click" />
                        <Button Cursor="Hand" x:Name="btnRed" Background="#FF0000" Width="38" Height="38" Margin="17,0,0,0" Click="BtnRed_Click"/>
                        <Button Cursor="Hand" x:Name="btnGray" Background="#A7A9AC" Width="38" Height="38" Margin="17,0,0,0" Click="BtnGray_Click"/>
                        <Button Cursor="Hand" x:Name="btnCyanBlue" Background="#63D600" Width="38" Height="38" Margin="17,0,0,0" Click="BtnCyanBlue_Click"/>
                        <Button Cursor="Hand" x:Name="btnYellow" Background="#FFBC00" Width="38" Height="38" Margin="17,0,0,0" Click="BtnYellow_Click"/>
                        <Button Cursor="Hand" x:Name="btnBlue" Background="#00B4FC" Width="38" Height="38" Margin="17,0,0,0" Click="BtnBlue_Click"/>
                    </StackPanel>
                </Grid>
            </Border>
        </Views:ClippingBorder>

        <Views:ClippingBorder
            x:Name="tip_Size"
            Width="197"
            Height="58"
            Margin="0,0,0,80"
            Visibility="Collapsed"
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Background="#FFFFFF"
            CornerRadius="6">
            <Border  Width="185"
            Height="48" CornerRadius="6" Background="#E3E3E3" HorizontalAlignment="Center" Margin="6,6,6,6">
                <Grid>
                    <StackPanel Orientation="Horizontal">
                        <Button Cursor="Hand" x:Name="btnFine" Background="#E3E3E3" Width="42" Height="42" Margin="10,0,0,0" Click="BtnFine_Click" >
                            <Image Width="23" Source=".\Images\Blackboard\class_s4.png"/>
                        </Button>
                        <Button Cursor="Hand" x:Name="btnIn" Background="#E3E3E3" Width="42" Height="42" Margin="17,0,0,0" Click="BtnIn_Click" >
                            <Image Width="33" Source=".\Images\Blackboard\class_s3.png"/>
                        </Button>
                        <Button Cursor="Hand" x:Name="btnCrude" Background="#E3E3E3" Width="42" Height="42" Margin="17,0,0,0" Click="BtnCrude_Click" >
                            <Image Width="36" Source=".\Images\Blackboard\class_s2.png"/>
                        </Button>
                    </StackPanel>
                </Grid>
            </Border>
        </Views:ClippingBorder>

        <Views:ClippingBorder
            Width="180"
            Height="58"
            Margin="790,0,0,10"
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Background="#f3f3f3"
            CornerRadius="4">
            <StackPanel Orientation="Horizontal">
                <Button Cursor="Hand"
                    x:Name="last_button"
                    Width="60"
                    Click="last_button_Click">
                    <Button.Content>
                        <StackPanel>
                            <Image Width="16" Source=".\Images\Blackboard\class_p1.png" />
                            <TextBlock Margin="0,8,0,0" Text="上一页" />
                        </StackPanel>
                    </Button.Content>
                </Button>
                <Grid Width="60">
                    <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">

                        <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                            <TextBlock Text="{Binding currpage}" TextAlignment="Center" FontSize="15"/>
                            <TextBlock Text="/" TextAlignment="Center" FontSize="15"/>
                            <TextBlock Text="{Binding pagenum}" TextAlignment="Center" FontSize="15"/>
                        </StackPanel>

                        <TextBlock
                            Margin="0,8,0,0"
                            HorizontalAlignment="Center"
                            Text="页码" />
                    </StackPanel>
                </Grid>
                <Button Cursor="Hand"
                    x:Name="next_btn"
                    Width="60"
                    Click="next_btn_Click">
                    <Button.Content>
                        <StackPanel>
                            <Image Width="16" Source=".\Images\Blackboard\class_p2.png" />
                            <TextBlock Margin="0,8,0,0" Text="下一页" />
                        </StackPanel>
                    </Button.Content>
                </Button>
            </StackPanel>
        </Views:ClippingBorder>

        <Views:ClippingBorder
            x:Name="tip_outer"
            Width="760"
            Height="64"
            HorizontalAlignment="Center"
            Background="#66000000"
            CornerRadius="4"
            Visibility="Collapsed">
            <TextBlock
                x:Name="tip_tb"
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                FontSize="26"
                Foreground="#ffffff" />
        </Views:ClippingBorder>
    </Grid>
</Window>