20211124_ZNZT_upperpc/MonitoringTechnology/MainWindow.xaml

<Window x:Class="MonitoringTechnology.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:MonitoringTechnology"
        mc:Ignorable="d"
        FontFamily="Microsoft YaHei" FontWeight="ExtraLight"
        Title="智能状态监控系统客户端展示软件" Height="800" Width="1300"
        WindowStyle="None" AllowsTransparency="True" ResizeMode="CanResizeWithGrip" WindowStartupLocation="CenterScreen"
        Loaded="Window_Loaded" >
    <Window.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/MonitoringTechnology;component/Assets/Styles/ButtonStyles.xaml"/>
                <ResourceDictionary>
                    <Style TargetType="RadioButton" x:Key="NavTabButtonStyle">
                        <Setter Property="FontSize" Value="15"/>
                        <Setter Property="Foreground" Value="#DDD"/>
                        <Setter Property="Padding" Value="10,5"/>
                        <Setter Property="Margin" Value="5,0"/>
                        <Setter Property="Background" Value="Transparent"/>
                        <Setter Property="Command" Value="{Binding TabChangedCommand}"/>
                        <Setter Property="Template" >
                            <Setter.Value>
                                <ControlTemplate TargetType="RadioButton">
                                    <Border Background="{TemplateBinding Background}" CornerRadius="5,5,0,0">
                                        <Grid>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="auto"/>
                                                <ColumnDefinition/>
                                            </Grid.ColumnDefinitions>
                                            <TextBlock Text="{TemplateBinding Tag}" FontFamily="Assets/Fonts/#iconfont"
                                           FontSize="14" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="10,0,0,0"/>
                                            <ContentPresenter Grid.Column="1" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                  Margin="{TemplateBinding Padding}"/>
                                        </Grid>
                                    </Border>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                        <Style.Triggers>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter Property="Foreground" Value="White"/>
                                <Setter Property="Background" Value=" 	#9A32CD"/>
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </ResourceDictionary>

            </ResourceDictionary.MergedDictionaries>

        </ResourceDictionary>
    </Window.Resources>
    <Grid>
        <Grid.Background>
            <RadialGradientBrush Center="0.5,0.7" GradientOrigin="0.5,0.7" RadiusY="0.8" RadiusX="0.8">
                <GradientStop Color="#FFA4B3D3"/>
                <GradientStop Color="#FF302C5D" Offset="0.952"/>
                <GradientStop Color="#FF96AAD4" Offset="0.101"/>
            </RadialGradientBrush>
        </Grid.Background>
        <Grid.RowDefinitions>
            <RowDefinition Height="80"/>
            <RowDefinition />
            <RowDefinition Height="50"/>
        </Grid.RowDefinitions>
        <Grid MouseLeftButtonDown="Border_MouseLeftButtonDown">
            <Border Width="55" Height="50" Margin="10,0,20,0" HorizontalAlignment="Left"  >
                <Border.Background>
                    <ImageBrush ImageSource="Assets/Images/浮式风电.png"/>
                </Border.Background>
            </Border>
            <StackPanel  VerticalAlignment="Center">
                <TextBlock Text="智能状态监控系统客户端展示软件" Foreground="White" FontSize="24" Margin="85,6,0,-8" />
                <Border Height="45" Background="Transparent" BorderBrush="#9A32CD" BorderThickness="0,0,0,1" Margin="10,0">
                    <StackPanel Orientation="Horizontal" VerticalAlignment="Bottom" Margin="70,0,0,0">
                        <RadioButton Content="系统监控" Tag="&#xec23;" Style="{StaticResource NavTabButtonStyle}"  IsChecked="True"
                                     CommandParameter="MonitoringTechnology.Views.FirstPageView"/>
                        <RadioButton Content="姿态显示" Tag="&#xe682;" Style="{StaticResource NavTabButtonStyle}" 
                                     CommandParameter="MonitoringTechnology.Views.AttitudeDisplayView"/>
                        <RadioButton Content="系统操作" Tag="&#xe718;" Style="{StaticResource NavTabButtonStyle}"
                                     CommandParameter="MonitoringTechnology.Views.SystemOperationView"/>
                    </StackPanel>
                </Border>
            </StackPanel>
            <!--窗口控制按钮-->
            <StackPanel Orientation="Horizontal" VerticalAlignment="Top" HorizontalAlignment="Right">
                <Button Content="&#xe624;" Style="{StaticResource IconButtonStyle}" FontSize="14" Click="Button_Click_1"/>
                <Button Content="&#xe653;" Style="{StaticResource IconButtonStyle}" FontSize="10" Click="Button_Click_2"/>
                <Button Content="&#xe661;" Style="{StaticResource IconButtonStyle}" Click="Button_Click"/>
            </StackPanel>

            <!--时间日期控件-->
            <StackPanel Orientation="Horizontal" VerticalAlignment="Bottom" HorizontalAlignment="Right"
                        Margin="20,15">
                <TextBlock x:Name="Datatime" VerticalAlignment="Center" Foreground="White" FontSize="25" FontFamily="../Assets/Fonts/#Digital Display"/>
                <StackPanel TextBlock.Foreground="White" TextBlock.FontSize="12" Margin="20,0,0,0">
                    <TextBlock x:Name="Date"/>
                    <TextBlock x:Name="week" HorizontalAlignment="Right"/>
                </StackPanel>
            </StackPanel>
        </Grid>

        <!--通信状态-->
        <StackPanel Orientation="Horizontal" Grid.Row="2"  VerticalAlignment="Center" HorizontalAlignment="Left" Margin="20,0"  >
            <TextBlock Text="通信状态:" FontSize="15" Foreground="#48D1CC"/>
            <TextBlock Text="{Binding IsConnection}" Margin="20,2,6,0" FontSize="13" Foreground="#48D1CC"/>
            <Border Background="{Binding Brush}" Width="10" Height="10" CornerRadius="10" Margin="6,0"/>
            <TextBlock Text="{Binding LYDevice}" FontSize="15" Foreground="#48D1CC" Margin="6,0"/>
        </StackPanel>

        <!--电池状态-->
        <StackPanel Orientation="Horizontal" Grid.Row="2"  VerticalAlignment="Center" HorizontalAlignment="Right" Margin="20,0"  >
            <TextBlock Text="电池电压:" FontSize="15" Foreground="#48D1CC"/>
            
            <TextBlock Text="{Binding F_BatteryVoltage,StringFormat={}{0:F2}V}" Margin="20,2,6,0" FontSize="13" Foreground="#48D1CC"/>
            <TextBlock Text="充电电流:" FontSize="15" Foreground="#48D1CC" Margin="10,0"/>
            <TextBlock Text="{Binding F_ChargingCurrent,StringFormat={}{0:F2}A}" Margin="10,2,6,0" FontSize="13" Foreground="#48D1CC"/>
            <TextBlock Text="充电状态:" FontSize="15" Foreground="#48D1CC" Margin="10,0"/>
            <TextBlock Text="{Binding F_State}" FontSize="15" Foreground="#48D1CC" Margin="6,0"/>
        </StackPanel>

        <ContentControl Grid.Row="1" Content="{Binding MainContent}"/>

    </Grid>
</Window>