Files
ConeCalorimeter/ConeCalorimeter/Views/TestPageView.xaml
2026-05-21 15:13:17 +08:00

251 lines
12 KiB
XML

<UserControl x:Class="ConeCalorimeter.Views.TestPageView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:oxy="http://oxyplot.org/wpf">
<UserControl.Resources>
<Style x:Key="PanelBorderStyle" TargetType="Border">
<Setter Property="Background" Value="#FFFFFF" />
<Setter Property="BorderBrush" Value="#C9D0CC" />
<Setter Property="BorderThickness" Value="1" />
<Setter Property="CornerRadius" Value="6" />
</Style>
<Style x:Key="MetricValueStyle" TargetType="TextBlock">
<Setter Property="Foreground" Value="#071614" />
<Setter Property="FontFamily" Value="Consolas" />
<Setter Property="FontSize" Value="24" />
<Setter Property="FontWeight" Value="SemiBold" />
<Setter Property="HorizontalAlignment" Value="Center" />
</Style>
<DataTemplate x:Key="TopMetricTemplate">
<Border Margin="8,10"
Padding="10,8"
Background="#EAF0ED"
BorderBrush="#AEB8B3"
BorderThickness="1"
CornerRadius="6">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<TextBlock Text="{Binding Label}"
FontSize="18"
FontWeight="SemiBold"
Foreground="#172321"
HorizontalAlignment="Center" />
<StackPanel Grid.Row="1"
Orientation="Horizontal"
HorizontalAlignment="Center"
VerticalAlignment="Center">
<TextBlock Text="{Binding ValueText}"
Style="{StaticResource MetricValueStyle}" />
<TextBlock Text="{Binding Unit}"
Margin="8,6,0,0"
FontSize="14"
Foreground="#36413E" />
</StackPanel>
</Grid>
</Border>
</DataTemplate>
<DataTemplate x:Key="SideMetricTemplate">
<Border Margin="0,3"
Padding="8,5"
Background="#F8FAF9"
BorderBrush="#E1E6E3"
BorderThickness="1"
CornerRadius="4">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="112" />
<ColumnDefinition Width="64" />
</Grid.ColumnDefinitions>
<TextBlock Text="{Binding Label}"
FontSize="16"
FontWeight="SemiBold"
Foreground="#1B2826"
VerticalAlignment="Center" />
<TextBlock Grid.Column="1"
Text="{Binding ValueText}"
FontFamily="Consolas"
FontSize="19"
FontWeight="SemiBold"
HorizontalAlignment="Right"
VerticalAlignment="Center" />
<TextBlock Grid.Column="2"
Text="{Binding Unit}"
Margin="10,0,0,0"
FontSize="16"
Foreground="#34423E"
VerticalAlignment="Center" />
</Grid>
</Border>
</DataTemplate>
</UserControl.Resources>
<Grid Background="#F4F6F5">
<Grid.RowDefinitions>
<RowDefinition Height="112" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Border Grid.Row="0"
Background="#F9FAF9"
BorderBrush="#CDD4D0"
BorderThickness="0,0,0,1">
<Grid Margin="18,0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="190" />
</Grid.ColumnDefinitions>
<ItemsControl ItemsSource="{Binding TopMetrics}"
ItemTemplate="{StaticResource TopMetricTemplate}">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Rows="1" />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
</ItemsControl>
<Border Grid.Column="1"
Margin="12,10"
Padding="12"
Background="#FFFFFF"
BorderBrush="#BFC7C2"
BorderThickness="1"
CornerRadius="6">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="42" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Ellipse Width="34"
Height="34"
Stroke="#7B8580"
StrokeThickness="1"
VerticalAlignment="Center">
<Ellipse.Style>
<Style TargetType="Ellipse">
<Setter Property="Fill" Value="#929A96" />
<Style.Triggers>
<DataTrigger Binding="{Binding FlameDetected}" Value="True">
<Setter Property="Fill" Value="#E41F2C" />
</DataTrigger>
</Style.Triggers>
</Style>
</Ellipse.Style>
</Ellipse>
<StackPanel Grid.Column="1"
VerticalAlignment="Center">
<TextBlock Text="M3火焰监测"
FontSize="18"
FontWeight="SemiBold"
Foreground="#162321" />
<TextBlock Text="{Binding FlameStatus}"
FontSize="16"
Foreground="#40504B" />
</StackPanel>
</Grid>
</Border>
</Grid>
</Border>
<Grid Grid.Row="1" Margin="12">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="360" />
<ColumnDefinition Width="12" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Border Grid.Column="0"
Style="{StaticResource PanelBorderStyle}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="280" />
</Grid.RowDefinitions>
<ScrollViewer Grid.Row="0"
Padding="12,12,12,8"
VerticalScrollBarVisibility="Auto">
<StackPanel>
<ItemsControl ItemsSource="{Binding GasMetrics}"
ItemTemplate="{StaticResource SideMetricTemplate}" />
<Border Margin="0,16,0,14"
BorderBrush="#D4DBD7"
BorderThickness="0,1,0,0" />
<ItemsControl ItemsSource="{Binding HeatMetrics}"
ItemTemplate="{StaticResource SideMetricTemplate}" />
<Border Margin="0,16,0,14"
BorderBrush="#D4DBD7"
BorderThickness="0,1,0,0" />
<ItemsControl ItemsSource="{Binding TimerMetrics}"
ItemTemplate="{StaticResource SideMetricTemplate}" />
<TextBlock Text="{Binding LastAction, StringFormat=最近操作:{0}}"
Margin="0,16,0,0"
FontSize="15"
Foreground="#53615C" />
</StackPanel>
</ScrollViewer>
<Border Grid.Row="1"
Padding="10"
Background="#F8FAF9"
BorderBrush="#D3DAD6"
BorderThickness="0,1,0,0"
CornerRadius="0,0,6,6">
<ItemsControl ItemsSource="{Binding DeviceActions}">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Columns="2" Rows="5" />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate>
<DataTemplate>
<Button Content="{Binding Label}"
Command="{Binding Command}"
CommandParameter="{Binding Label}"
Margin="5,3"
MinHeight="40"
PreviewMouseLeftButtonDown="DeviceActionButton_PreviewMouseLeftButtonDown"
PreviewMouseLeftButtonUp="DeviceActionButton_PreviewMouseLeftButtonUp"
MouseLeave="DeviceActionButton_MouseLeave"
LostMouseCapture="DeviceActionButton_LostMouseCapture"
LostKeyboardFocus="DeviceActionButton_LostKeyboardFocus"
TouchDown="DeviceActionButton_TouchDown"
TouchUp="DeviceActionButton_TouchUp"
TouchLeave="DeviceActionButton_TouchLeave"
LostTouchCapture="DeviceActionButton_LostTouchCapture"
Style="{StaticResource InstrumentButtonStyle}" />
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</Border>
</Grid>
</Border>
<GridSplitter Grid.Column="1"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
Background="#DDE3DF"
ShowsPreview="True" />
<Border Grid.Column="2"
Style="{StaticResource PanelBorderStyle}">
<oxy:PlotView Model="{Binding HeatReleasePlot}"
Background="White"
Margin="8" />
</Border>
</Grid>
</Grid>
</UserControl>