增加监控界面
This commit is contained in:
@@ -2,42 +2,317 @@
|
||||
x:Class="CapMachine.Wpf.Views.MonitorView"
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:Controls="clr-namespace:CapMachine.Shared.Controls;assembly=CapMachine.Shared"
|
||||
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
||||
xmlns:local="clr-namespace:CapMachine.Wpf.Views"
|
||||
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
|
||||
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||||
d:DesignHeight="1000"
|
||||
d:DesignWidth="1920"
|
||||
mc:Ignorable="d">
|
||||
<Grid>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition Width="220" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="140" />
|
||||
<RowDefinition Height="120" />
|
||||
<RowDefinition />
|
||||
</Grid.RowDefinitions>
|
||||
<StackPanel Grid.Row="0">
|
||||
<TextBlock
|
||||
FontSize="30"
|
||||
Text="调节器操作栏Hey TyroneChong! A third-party OAuth application (BotSharp) with user:email scopes was recently authorized to access your account. Visit https://github.com/settings/connections/applications/a1009924bfc48dbb7360 for more information. To see this and other security events for your account, visit https://github.com/settings/security-log If you run into problems, please contact support by visiting https://github.com/contact Thanks, The GitHub Team"
|
||||
TextWrapping="Wrap" />
|
||||
<materialDesign:DrawerHost
|
||||
x:Name="DrawerHost"
|
||||
BorderBrush="{DynamicResource MaterialDesignDivider}"
|
||||
BorderThickness="2"
|
||||
BottomDrawerBackground="{DynamicResource SecondaryHueLightBrush}"
|
||||
BottomDrawerCornerRadius="20 20 0 0">
|
||||
<materialDesign:DrawerHost.Style>
|
||||
<Style BasedOn="{StaticResource {x:Type materialDesign:DrawerHost}}" TargetType="materialDesign:DrawerHost">
|
||||
<Style.Triggers>
|
||||
<DataTrigger Binding="{Binding IsChecked, ElementName=BackgroundToggle}" Value="True">
|
||||
<Setter Property="OverlayBackground" Value="{DynamicResource PrimaryHueMidBrush}" />
|
||||
</DataTrigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
</materialDesign:DrawerHost.Style>
|
||||
<materialDesign:DrawerHost.LeftDrawerContent>
|
||||
<StackPanel Width="200" Margin="10">
|
||||
<TextBlock
|
||||
Margin="4"
|
||||
HorizontalAlignment="Center"
|
||||
Text="操作信息" />
|
||||
<Button
|
||||
Margin="4"
|
||||
HorizontalAlignment="Center"
|
||||
Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
|
||||
CommandParameter="{x:Static Dock.Left}"
|
||||
Content="操作1"
|
||||
Style="{StaticResource MaterialDesignFlatButton}" />
|
||||
<Button
|
||||
Margin="4"
|
||||
HorizontalAlignment="Center"
|
||||
Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
|
||||
Content="操作2"
|
||||
Style="{StaticResource MaterialDesignFlatButton}" />
|
||||
<Button
|
||||
Margin="4"
|
||||
HorizontalAlignment="Center"
|
||||
Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
|
||||
Content="操作3"
|
||||
Style="{StaticResource MaterialDesignFlatButton}" />
|
||||
</StackPanel>
|
||||
</materialDesign:DrawerHost.LeftDrawerContent>
|
||||
<materialDesign:DrawerHost.TopDrawerContent>
|
||||
<StackPanel
|
||||
Margin="16"
|
||||
HorizontalAlignment="Center"
|
||||
Orientation="Horizontal">
|
||||
<TextBlock
|
||||
Margin="4"
|
||||
VerticalAlignment="Center"
|
||||
Text="TOP BANANA" />
|
||||
<Button
|
||||
Margin="4"
|
||||
VerticalAlignment="Center"
|
||||
Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
|
||||
Content="CLOSE ALL"
|
||||
Style="{StaticResource MaterialDesignFlatButton}" />
|
||||
<Button
|
||||
Margin="4"
|
||||
VerticalAlignment="Center"
|
||||
Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
|
||||
CommandParameter="{x:Static Dock.Top}"
|
||||
Content="CLOSE THIS"
|
||||
Style="{StaticResource MaterialDesignFlatButton}" />
|
||||
</StackPanel>
|
||||
</materialDesign:DrawerHost.TopDrawerContent>
|
||||
<materialDesign:DrawerHost.RightDrawerContent>
|
||||
<StackPanel Margin="16">
|
||||
<TextBlock
|
||||
Margin="4"
|
||||
HorizontalAlignment="Center"
|
||||
Text="THE RIGHT STUFF" />
|
||||
<Button
|
||||
Margin="4"
|
||||
HorizontalAlignment="Center"
|
||||
Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
|
||||
CommandParameter="{x:Static Dock.Right}"
|
||||
Content="CLOSE THIS"
|
||||
Style="{StaticResource MaterialDesignFlatButton}" />
|
||||
<Button
|
||||
Margin="4"
|
||||
HorizontalAlignment="Center"
|
||||
Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
|
||||
Content="CLOSE ALL"
|
||||
Style="{StaticResource MaterialDesignFlatButton}" />
|
||||
</StackPanel>
|
||||
</materialDesign:DrawerHost.RightDrawerContent>
|
||||
<materialDesign:DrawerHost.BottomDrawerContent>
|
||||
<StackPanel
|
||||
Margin="16"
|
||||
HorizontalAlignment="Center"
|
||||
Orientation="Horizontal">
|
||||
<TextBlock
|
||||
Margin="4"
|
||||
VerticalAlignment="Center"
|
||||
Foreground="{DynamicResource SecondaryHueMidForegroundBrush}"
|
||||
Text="BOTTOM BRACKET" />
|
||||
<Button
|
||||
Margin="4"
|
||||
VerticalAlignment="Center"
|
||||
Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
|
||||
Content="CLOSE ALL"
|
||||
Style="{StaticResource MaterialDesignFlatButton}" />
|
||||
<Button
|
||||
Margin="4"
|
||||
VerticalAlignment="Center"
|
||||
Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
|
||||
CommandParameter="{x:Static Dock.Bottom}"
|
||||
Content="CLOSE THIS"
|
||||
Style="{StaticResource MaterialDesignFlatButton}" />
|
||||
</StackPanel>
|
||||
</materialDesign:DrawerHost.BottomDrawerContent>
|
||||
|
||||
</StackPanel>
|
||||
<StackPanel Grid.Row="1">
|
||||
<TextBlock FontSize="30" Text="控制启动区域" />
|
||||
|
||||
</StackPanel>
|
||||
<Canvas Grid.Row="2">
|
||||
<TextBlock FontSize="30" Text="系统流程图" />
|
||||
</Canvas>
|
||||
<StackPanel
|
||||
Grid.Row="0"
|
||||
Grid.RowSpan="3"
|
||||
Grid.Column="1">
|
||||
<TextBlock FontSize="30" Text="数据监视" />
|
||||
<Grid>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition Width="280" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="160" />
|
||||
<RowDefinition Height="200" />
|
||||
<RowDefinition />
|
||||
</Grid.RowDefinitions>
|
||||
<Grid Grid.Row="0">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Controls:Meter Margin="5" />
|
||||
<Controls:Meter Grid.Column="1" Margin="5" />
|
||||
<Controls:Meter Grid.Column="2" Margin="3" />
|
||||
<Controls:Meter Grid.Column="3" Margin="3" />
|
||||
<Controls:Meter Grid.Column="4" Margin="3" />
|
||||
<Controls:Meter Grid.Column="5" Margin="3" />
|
||||
<Controls:Meter Grid.Column="6" Margin="3" />
|
||||
<Controls:Meter Grid.Column="7" Margin="3" />
|
||||
<Controls:Meter Grid.Column="8" Margin="3" />
|
||||
<Controls:Meter Grid.Column="9" Margin="3" />
|
||||
|
||||
</Grid>
|
||||
<Grid Grid.Row="1">
|
||||
<Grid.Resources>
|
||||
<Style x:Key="TitelStyle" TargetType="TextBlock">
|
||||
<Setter Property="FontSize" Value="32" />
|
||||
<Setter Property="Margin" Value="10,0" />
|
||||
<Setter Property="VerticalAlignment" Value="Center" />
|
||||
</Style>
|
||||
<Style x:Key="btnStyle" TargetType="Button">
|
||||
<Setter Property="Width" Value="80" />
|
||||
</Style>
|
||||
</Grid.Resources>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition />
|
||||
<RowDefinition />
|
||||
<RowDefinition />
|
||||
</Grid.RowDefinitions>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Border
|
||||
Grid.RowSpan="3"
|
||||
Grid.ColumnSpan="6"
|
||||
Margin="5"
|
||||
Background="LightGray"
|
||||
CornerRadius="3" />
|
||||
<StackPanel Grid.ColumnSpan="3" Orientation="Horizontal">
|
||||
<TextBlock Style="{StaticResource TitelStyle}" Text="工况名称:" />
|
||||
<TextBlock
|
||||
VerticalAlignment="Center"
|
||||
FontSize="34"
|
||||
FontWeight="Bold"
|
||||
Text="耐久试验台测试工况-测试名称" />
|
||||
</StackPanel>
|
||||
<StackPanel
|
||||
Grid.Column="3"
|
||||
Grid.ColumnSpan="3"
|
||||
Orientation="Horizontal">
|
||||
<TextBlock Style="{StaticResource TitelStyle}" Text="当前进度:" />
|
||||
|
||||
<ProgressBar
|
||||
Width="600"
|
||||
Height="20"
|
||||
Value="25" />
|
||||
|
||||
|
||||
</StackPanel>
|
||||
<StackPanel
|
||||
Grid.Row="1"
|
||||
Grid.ColumnSpan="2"
|
||||
Orientation="Horizontal">
|
||||
<TextBlock Style="{StaticResource TitelStyle}" Text="总时间:" />
|
||||
<TextBlock
|
||||
VerticalAlignment="Center"
|
||||
FontSize="30"
|
||||
FontWeight="Bold"
|
||||
Text="20天5时40分钟30秒" />
|
||||
</StackPanel>
|
||||
<StackPanel
|
||||
Grid.Row="1"
|
||||
Grid.Column="2"
|
||||
Grid.ColumnSpan="2"
|
||||
Orientation="Horizontal">
|
||||
<TextBlock Style="{StaticResource TitelStyle}" Text="剩余时间:" />
|
||||
<TextBlock
|
||||
VerticalAlignment="Center"
|
||||
FontSize="30"
|
||||
FontWeight="Bold"
|
||||
Text="20天5时40分钟30秒" />
|
||||
</StackPanel>
|
||||
<StackPanel
|
||||
Grid.Row="1"
|
||||
Grid.Column="4"
|
||||
Grid.ColumnSpan="2"
|
||||
Orientation="Horizontal">
|
||||
<TextBlock Style="{StaticResource TitelStyle}" Text="当前步骤:" />
|
||||
<TextBlock
|
||||
VerticalAlignment="Center"
|
||||
FontSize="30"
|
||||
FontWeight="Bold"
|
||||
Text="124" />
|
||||
</StackPanel>
|
||||
|
||||
<Button
|
||||
Grid.Row="2"
|
||||
Grid.Column="0"
|
||||
Width="200"
|
||||
Height="45"
|
||||
Content="开始"
|
||||
FontSize="30" />
|
||||
<Button
|
||||
Grid.Row="2"
|
||||
Grid.Column="1"
|
||||
Width="200"
|
||||
Height="45"
|
||||
Content="结束"
|
||||
FontSize="30" />
|
||||
<Button
|
||||
Grid.Row="2"
|
||||
Grid.Column="2"
|
||||
Width="200"
|
||||
Height="45"
|
||||
Command="{x:Static materialDesign:DrawerHost.OpenDrawerCommand}"
|
||||
CommandParameter="{x:Static Dock.Left}"
|
||||
Content="{materialDesign:PackIcon Kind=ArrowUp}"
|
||||
FontSize="30" />
|
||||
<Button
|
||||
Grid.Row="2"
|
||||
Grid.Column="3"
|
||||
Width="200"
|
||||
Height="45"
|
||||
Content="复位"
|
||||
FontSize="30" />
|
||||
<Button
|
||||
Grid.Row="2"
|
||||
Grid.Column="4"
|
||||
Width="200"
|
||||
Height="45"
|
||||
Content="消音"
|
||||
FontSize="30" />
|
||||
<Button
|
||||
Grid.Row="2"
|
||||
Grid.Column="5"
|
||||
Width="200"
|
||||
Height="45"
|
||||
Content="开始"
|
||||
FontSize="30" />
|
||||
</Grid>
|
||||
<Border
|
||||
Grid.Row="2"
|
||||
Margin="5"
|
||||
CornerRadius="3">
|
||||
<Image Source="E:\MyTest\VS2022\CapMachine\CapMachine\CapMachine.Wpf\bin\Debug\net6.0-windows\Assets\Images/参考工艺图.png" Stretch="Fill" />
|
||||
</Border>
|
||||
<StackPanel
|
||||
Grid.Row="0"
|
||||
Grid.RowSpan="3"
|
||||
Grid.Column="1">
|
||||
<ListView ItemsSource="{Binding ListChartRtValue}">
|
||||
<ListView.View>
|
||||
<GridView>
|
||||
<GridViewColumn DisplayMemberBinding="{Binding Name}" Header="名称" />
|
||||
<GridViewColumn DisplayMemberBinding="{Binding Value}" Header="值" />
|
||||
<GridViewColumn DisplayMemberBinding="{Binding Unit}" Header="单位" />
|
||||
</GridView>
|
||||
</ListView.View>
|
||||
</ListView>
|
||||
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
</materialDesign:DrawerHost>
|
||||
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
</UserControl>
|
||||
|
||||
Reference in New Issue
Block a user