CCDCount/CCDCountWpf/WpfFrom/MainWindow.xaml

<Window x:Class="CCDCountWpf.MainWindow"
        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:CCDCountWpf"
        mc:Ignorable="d"
        Title="MainWindow" Height="720" Width="820" MinWidth="900" MinHeight="720" Closing="Window_Closing" WindowStartupLocation="CenterScreen" Icon="/FromImage/mmexport1752891278116.jpg">
    <Grid Background="#B2E0E0E0">
        <Grid  x:Name="HeardGrid" Height="60" VerticalAlignment="Top" Background="#B20092FF">
            <Button x:Name="ExitBtn" HorizontalAlignment="Left" Height="60" Width="60" Click="ExitBtn_Click" Background="{x:Null}">
                    <StackPanel Orientation="Vertical" HorizontalAlignment="Center">
                        <Image  Source="/FromImage/退出.png" Width="28" Height="28" />
                        <TextBlock Text="系统退出" FontSize="10" FontWeight="Bold" Margin="0,8,0,0" HorizontalAlignment="Center" />
                    </StackPanel>
                </Button>
            <Button x:Name="MainPageBtn" HorizontalAlignment="Left" Height="60" Width="60" Margin="60,0,0,0" Background="{x:Null}" Click="MainPageBtn_Click">
                    <StackPanel Orientation="Vertical" HorizontalAlignment="Center">
                        <Image  Source="/FromImage/相机小.png" Width="32" Height="32" />
                        <TextBlock Text="主界面" FontSize="10" FontWeight="Bold" Margin="0,5,0,0" HorizontalAlignment="Center" />
                    </StackPanel>
                </Button>
            <Button x:Name="SettingBtn" HorizontalAlignment="Left" Height="60" Width="60" Margin="120,0,0,0" Background="{x:Null}" Click="SettingBtn_Click">
                    <StackPanel Orientation="Vertical" HorizontalAlignment="Center">
                        <Image  Source="/FromImage/设置.png" Width="32" Height="32" />
                        <TextBlock Text="设置界面" FontSize="10" FontWeight="Bold" Margin="0,5,0,0" HorizontalAlignment="Center" />
                    </StackPanel>
                </Button>
            <Button x:Name="PlcSettingBtn" HorizontalAlignment="Left" Height="60" Width="60" Margin="180,0,0,0" Background="{x:Null}" Click="PlcSettingBtn_Click">
                <StackPanel Orientation="Vertical" HorizontalAlignment="Center">
                    <Image  Source="/FromImage/PLC信息管理.png" Width="32" Height="32" />
                    <TextBlock Text="PLC设置" FontSize="10" FontWeight="Bold" Margin="0,5,0,0" HorizontalAlignment="Center" />
                </StackPanel>
            </Button>
            <Button x:Name="ErrorMessageShowBtn" HorizontalAlignment="Left" Height="60" Width="60" Margin="240,0,0,0" Background="{x:Null}" Click="ErrorMessageShowBtn_Click">
                <StackPanel Orientation="Vertical" HorizontalAlignment="Center">
                    <Image  Source="/FromImage/故障.png" Width="36" Height="36" />
                    <TextBlock Text="故障页面" FontSize="10" FontWeight="Bold" Margin="0,0,0,0" HorizontalAlignment="Center" />
                </StackPanel>
            </Button>
            <Button x:Name="UserMessageBtn" HorizontalAlignment="Left" Height="60" Width="60" Margin="300,0,0,0" Background="{x:Null}" Click="UserMessageBtn_Click">
                <StackPanel Orientation="Vertical" HorizontalAlignment="Center">
                    <Image  Source="/FromImage/用户管理.png" Width="32" Height="32" />
                    <TextBlock Text="用户管理" FontSize="10" FontWeight="Bold" Margin="0,4,0,0" HorizontalAlignment="Center" />
                </StackPanel>
            </Button>
            <Button x:Name="RnIdentifyBtn" HorizontalAlignment="Left" Height="60" Width="60" Margin="360,0,0,0" Background="{x:Null}" Click="RnIdentifyBtn_Click">
                <StackPanel Orientation="Vertical" HorizontalAlignment="Center">
                    <Image Name="RnIdentifyBtn_Image"  Source="/FromImage/运行.png" Width="32" Height="32" />
                    <TextBlock Name="RnIdentifyBtn_Text" Text="开始运行" FontSize="10" FontWeight="Bold" Margin="0,5,0,0" HorizontalAlignment="Center" />
                </StackPanel>
            </Button>
        </Grid>
        <Frame x:Name="ShowFrame" Margin="0,60,0,60" NavigationUIVisibility="Hidden"/>
        <Grid VerticalAlignment="Bottom" Height="40" Margin="0,0,0,5">
            <Border Grid.Column="0" 
            Background="#B20092FF" 
            CornerRadius="8"
            BorderBrush="Gray"
            BorderThickness="1"
            Margin="10,0,10,0" VerticalAlignment="Bottom" Height="40">
                <StackPanel Orientation="Horizontal">
                    <Label x:Name="CPUMonitorLab" Content="{Binding CPUMonitor}" HorizontalAlignment="Left" VerticalAlignment="Top" Height="30" Margin="30,8,0,0" Width="80" FontSize="10" FontWeight="Bold"></Label>
                    <Label x:Name="RamMonitorLab" Content="{Binding RamMonitor}" HorizontalAlignment="Left" VerticalAlignment="Top" Height="30" Margin="20,8,0,0" Width="120" FontSize="10" FontWeight="Bold"></Label>
                </StackPanel>
            </Border>
        </Grid>
    </Grid>
</Window>