20211124_ZNZT_upperpc/MonitoringTechnology/Views/SystemOperationView.xaml

<UserControl x:Class="MonitoringTechnology.Views.SystemOperationView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:MonitoringTechnology.Views"
             xmlns:widget="clr-namespace:WpfBleApp.Widget;assembly=WpfBleApp"
             mc:Ignorable="d" 
             xmlns:zxc ="clr-namespace:MonitoringTechnology.Controls"
             xmlns:converters="clr-namespace:MonitoringTechnology.Common" 
             xmlns:viewmodels="clr-namespace:MonitoringTechnology.ViewModels" 
             d:DesignHeight="850" d:DesignWidth="800">
    <UserControl.Resources>
        <Style TargetType="GroupBox">
            <Setter Property="Margin" Value="10,5"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="GroupBox">
                        <Grid>
                            <!--左上角-->
                            <Polyline Points="0 30, 0 10, 10 0, 30 0" Stroke="#9918AABD" StrokeThickness="1" VerticalAlignment="Top" HorizontalAlignment="Left"/>
                            <!--左上角点-->
                            <Ellipse Width="4" Height="4" VerticalAlignment="Top" HorizontalAlignment="Left" Fill="#9918AABD" Margin="24,-2,0,0"/>
                            <Ellipse Width="4" Height="4" VerticalAlignment="Top" HorizontalAlignment="Left" Fill="#9918AABD" Margin="-2,24,0,0"/>
                            <!--右上角-->
                            <Path Data="M0 0, 3 3, 30 3, 33 0, 68 0, 73 7,78 7, 78 10M8 0, 25 0" Stroke="#5518AABD" VerticalAlignment="Top" HorizontalAlignment="Right"/>
                            <!--左下角-->
                            <Polyline Points="0,0 0,15 10,15" Stroke="#5518AABD" VerticalAlignment="Bottom" HorizontalAlignment="Left"/>
                            <!--右下角-->
                            <Polyline Points="10,0 0,10" Stroke="#5518AABD" VerticalAlignment="Bottom" HorizontalAlignment="Right"/>
                            <!--右下角图标-->
                            <Polygon Points="0,7 7 7 7 0"  Fill="#9918AABD" VerticalAlignment="Bottom" HorizontalAlignment="Right"/>

                            <Border BorderBrush="#5518AABD" BorderThickness="0,1,0,0" VerticalAlignment="Top" Margin="30,-0.5,78,0"/>
                            <Border BorderBrush="#5518AABD" BorderThickness="0,0,1,0" HorizontalAlignment="Right" Margin="0,10"/>
                            <Border BorderBrush="#5518AABD" BorderThickness="0,1,0,0" VerticalAlignment="Bottom" Margin="10,0"/>
                            <Border BorderBrush="#5518AABD" BorderThickness="0,0,1,0" HorizontalAlignment="Left" Margin="-0.5,15"/>

                            <!--箭头-->
                            <Path Data="M0 0,3 0,5 4,3 8,0 8,3 4" Fill="#9918AABD" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="10,13" />
                            <Path Data="M0 0,3 0,5 4,3 8,0 8,3 4" Fill="#5518AABD" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="16,13" />
                            <!--字体-->
                            <TextBlock Text="{TemplateBinding Header}" Foreground="#18AABD" VerticalAlignment="Top" HorizontalAlignment="Left"  Margin="25,8"/>

                            <!--占位对象-->
                            <ContentPresenter/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <ControlTemplate TargetType="Button" x:Key="ButtonTemplate">
            <Border Background="#FF3269DE" Name="back" CornerRadius="3">
                <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"
                                  Content="{TemplateBinding Content}" TextBlock.Foreground="White"/>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="#CC3269DE" TargetName="back"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </UserControl.Resources>
    <ScrollViewer VerticalScrollBarVisibility="Hidden">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="500"/>
                <RowDefinition Height="200"/>
            </Grid.RowDefinitions>
            <GroupBox Header="蓝牙搜索与连接" FontSize="15" Grid.Row="0" Margin="10,5,10,5">
                <Grid Margin="10,40,10,0" Height="440" VerticalAlignment="Top">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition/>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <Label Grid.Column="0" Content="{Binding DeviceName}" Foreground="White" FontSize="22" FontWeight="Bold"/>
                        <Label Grid.Column="1" Content="{Binding DeviceAddress}" Margin="0, 10, 0, 0"  Foreground="White"/>
                        <Label Grid.Column="2"/>
                        <Button Grid.Column="3" x:Name="SearchDevice"  Content="搜索设备" Width="90" Height="30" Margin="10,-2,10,6" 
                                Click="SearchDevice_Click"  Template="{StaticResource ButtonTemplate}" />
                        <Button Grid.Column="4" x:Name="buttonConnect" Content="{Binding connectDevice}" Width="90" Height="30" Margin="10,-2,10,6"       Click="buttonConnect_Click"   Template="{StaticResource ButtonTemplate}"/>
                        <Button Grid.Column="5" x:Name="buttonSendOne" Content="单询" Width="90" Height="30" Margin="10,-2,10,6" 
                                Click="buttonSendOne_Click"    Template="{StaticResource ButtonTemplate}"/>
                        <Button Grid.Column="6" x:Name="buttonSend"  Content="轮询" Width="90" Height="30" Margin="10,-2,10,6" 
                                Click="buttonSend_Click" Template="{StaticResource ButtonTemplate}"/>
                        <Button Grid.Column="7" x:Name="buttonRead" Content="读取名称" Width="90" Height="30" Margin="10,-2,10,6" 
                                Click="buttonRead_Click" Template="{StaticResource ButtonTemplate}"/>
                    </Grid>
                    <Label Grid.Row="1" Content="日志记录" Foreground="White"/>
                    <!-- Log区，禁止 ListBox 横向滚动 TextBlock 才能实现自动换行 -->
                    <widget:AutoScrollListBox Grid.Row="2" x:Name="listBoxLog" ScrollViewer.HorizontalScrollBarVisibility="Disabled" Background="Transparent">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <!-- 自动换行 -->
                                <TextBlock Text="{Binding}" TextWrapping="Wrap" Foreground="White"/>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </widget:AutoScrollListBox>
                </Grid>
            </GroupBox>

            <GroupBox Header="程序升级" FontSize="15" Grid.Row="1"  >
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <Grid Grid.Column="0">
                        <zxc:CircularProgressBar Value="{Binding ProgressValue}" Margin="30"  />
                    </Grid>
                    <Grid Grid.Column="1">
                        <Grid.RowDefinitions>
                            <RowDefinition/>
                            <RowDefinition/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>
                        <Grid Grid.Row="1">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition/>
                            </Grid.ColumnDefinitions>
                            <TextBox Grid.Column="0" x:Name="VersionQueryData"  Text="{Binding VersionQueryData}" Foreground="White" HorizontalAlignment="Stretch" VerticalAlignment="Center"/>
                            
                            <Button  Grid.Column="1" x:Name="VersionQueryButton"  Content="版本查询" Margin="10,0" Width="100" HorizontalAlignment="Left"  Click="VersionQueryButton_Click" Template="{StaticResource ButtonTemplate}"/>
                        </Grid>
                        <Grid Grid.Row="2">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition/>
                            </Grid.ColumnDefinitions>
                            <TextBox Grid.Column="0" x:Name="FileSelectionData"  Text="{Binding FileSelectionData}" Foreground="White" HorizontalAlignment="Stretch" VerticalAlignment="Center" />

                            <Button Grid.Column="1" x:Name="FileSelectionButton" Content="文件选择" Margin="10,0"  Width="100"  HorizontalAlignment="Left" VerticalAlignment="Center" Click="FileSelectionButton_Click"  Template="{StaticResource ButtonTemplate}"/>
                            <Button Grid.Column="1" x:Name="FileSendingButton" Content="文件发送"  Margin="40,0" Width="100"  HorizontalAlignment="Right" VerticalAlignment="Center"  Click="FileSendingButton_Click" Template="{StaticResource ButtonTemplate}"/>
                        </Grid>
                      
                    </Grid>
                </Grid>
            </GroupBox>
        </Grid>
    </ScrollViewer>
</UserControl>