优化台架启动界面
This commit is contained in:
@@ -4,201 +4,86 @@
|
|||||||
xmlns:prism="http://prismlibrary.com/"
|
xmlns:prism="http://prismlibrary.com/"
|
||||||
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
|
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
|
||||||
prism:ViewModelLocator.AutoWireViewModel="True">
|
prism:ViewModelLocator.AutoWireViewModel="True">
|
||||||
|
|
||||||
<Grid>
|
<Grid>
|
||||||
|
<!-- 背景:多层柔光圆 -->
|
||||||
<!-- 工业深色背景 -->
|
|
||||||
<Grid.Background>
|
<Grid.Background>
|
||||||
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
|
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
|
||||||
<GradientStop Color="#0F172A" Offset="0"/>
|
<GradientStop Color="#E8F0FE" Offset="0"/>
|
||||||
<GradientStop Color="#020617" Offset="1"/>
|
<GradientStop Color="#F3E8FF" Offset="0.5"/>
|
||||||
|
<GradientStop Color="#FCE7F3" Offset="1"/>
|
||||||
</LinearGradientBrush>
|
</LinearGradientBrush>
|
||||||
</Grid.Background>
|
</Grid.Background>
|
||||||
|
|
||||||
|
<!-- 背景装饰光斑 -->
|
||||||
|
<Ellipse Width="200" Height="200" Fill="#93C5FD" Opacity="0.3"
|
||||||
|
HorizontalAlignment="Left" VerticalAlignment="Top" Margin="-50,-50,0,0"/>
|
||||||
|
<Ellipse Width="150" Height="150" Fill="#C4B5FD" Opacity="0.3"
|
||||||
|
HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,-30,-30"/>
|
||||||
|
|
||||||
<!-- 工业卡片 -->
|
<!-- 中心磨砂卡片 -->
|
||||||
<Border Width="360"
|
<Border Width="380" Height="440" CornerRadius="20"
|
||||||
Height="430"
|
Background="#CCFFFFFF" BorderBrush="#E2E8F0" BorderThickness="1"
|
||||||
CornerRadius="18"
|
HorizontalAlignment="Center" VerticalAlignment="Center">
|
||||||
Background="#111827"
|
|
||||||
BorderBrush="#334155"
|
|
||||||
BorderThickness="1"
|
|
||||||
HorizontalAlignment="Center"
|
|
||||||
VerticalAlignment="Center">
|
|
||||||
|
|
||||||
<Border.Effect>
|
<Border.Effect>
|
||||||
<DropShadowEffect BlurRadius="25"
|
<DropShadowEffect BlurRadius="40" ShadowDepth="0" Opacity="0.12"/>
|
||||||
ShadowDepth="8"
|
|
||||||
Opacity="0.5"/>
|
|
||||||
</Border.Effect>
|
</Border.Effect>
|
||||||
|
<Grid Margin="32">
|
||||||
|
|
||||||
<Grid Margin="28">
|
|
||||||
|
|
||||||
|
|
||||||
<Grid.RowDefinitions>
|
<Grid.RowDefinitions>
|
||||||
<RowDefinition Height="Auto"/>
|
<RowDefinition Height="Auto"/>
|
||||||
<RowDefinition Height="*"/>
|
<RowDefinition Height="*"/>
|
||||||
<RowDefinition Height="Auto"/>
|
<RowDefinition Height="Auto"/>
|
||||||
</Grid.RowDefinitions>
|
</Grid.RowDefinitions>
|
||||||
|
|
||||||
|
<!-- 顶部 -->
|
||||||
|
<StackPanel Grid.Row="0" HorizontalAlignment="Center">
|
||||||
<!-- 顶部设备状态 -->
|
<Border Width="64" Height="64" Background="#E0E7FF" CornerRadius="32">
|
||||||
<StackPanel Grid.Row="0"
|
<materialDesign:PackIcon Kind="Chip" Width="32" Height="32"
|
||||||
HorizontalAlignment="Center">
|
Foreground="#4F46E5"
|
||||||
|
HorizontalAlignment="Center"
|
||||||
|
VerticalAlignment="Center"/>
|
||||||
<materialDesign:PackIcon
|
</Border>
|
||||||
Kind="Chip"
|
|
||||||
Width="30"
|
<StackPanel Orientation="Horizontal" Margin="0,10,0,0"
|
||||||
Height="30"
|
HorizontalAlignment="Center">
|
||||||
Foreground="#38BDF8"/>
|
|
||||||
|
<TextBlock Text="{Binding TestStatus}" FontSize="13" Foreground="#64748B"/>
|
||||||
|
|
||||||
<TextBlock Text="PROTOCOL CONTROLLER"
|
|
||||||
Margin="0,12,0,0"
|
|
||||||
FontSize="14"
|
|
||||||
FontWeight="Bold"
|
|
||||||
Foreground="#CBD5E1"
|
|
||||||
HorizontalAlignment="Center"/>
|
|
||||||
|
|
||||||
|
|
||||||
<StackPanel Orientation="Horizontal"
|
|
||||||
HorizontalAlignment="Center"
|
|
||||||
Margin="0,12,0,0">
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 状态灯 -->
|
|
||||||
<Ellipse Width="10"
|
|
||||||
Height="10"
|
|
||||||
Fill="#22C55E"
|
|
||||||
Margin="0,0,8,0"/>
|
|
||||||
|
|
||||||
|
|
||||||
<TextBlock Text="{Binding TestStatus}"
|
|
||||||
FontSize="13"
|
|
||||||
Foreground="#94A3B8"/>
|
|
||||||
|
|
||||||
</StackPanel>
|
</StackPanel>
|
||||||
|
|
||||||
|
|
||||||
</StackPanel>
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- 中央按钮 -->
|
||||||
|
<Grid Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center">
|
||||||
|
<Button Width="130" Height="130"
|
||||||
|
Command="{Binding StartProtocolCommand}"
|
||||||
<!-- 中央启动按钮 -->
|
Background="#7C3AED" BorderBrush="#6D28D9" BorderThickness="0"
|
||||||
<Grid Grid.Row="1"
|
materialDesign:ElevationAssist.Elevation="Dp6">
|
||||||
VerticalAlignment="Center"
|
|
||||||
HorizontalAlignment="Center">
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 外圈 -->
|
|
||||||
<Ellipse Width="210"
|
|
||||||
Height="210"
|
|
||||||
Fill="#0B1220"
|
|
||||||
Stroke="#334155"
|
|
||||||
StrokeThickness="2"/>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 内圈 -->
|
|
||||||
<Ellipse Width="170"
|
|
||||||
Height="170"
|
|
||||||
Fill="#1E293B"
|
|
||||||
Stroke="#475569"
|
|
||||||
StrokeThickness="2"/>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 启动按钮 -->
|
|
||||||
<Button
|
|
||||||
Command="{Binding StartProtocolCommand}"
|
|
||||||
Width="130"
|
|
||||||
Height="130"
|
|
||||||
Background="#020617"
|
|
||||||
BorderBrush="#38BDF8"
|
|
||||||
BorderThickness="3"
|
|
||||||
Style="{StaticResource MaterialDesignFloatingActionButton}">
|
|
||||||
|
|
||||||
|
|
||||||
<Button.Resources>
|
<Button.Resources>
|
||||||
<Style TargetType="Border">
|
<Style TargetType="Border">
|
||||||
<Setter Property="CornerRadius"
|
<Setter Property="CornerRadius" Value="65"/>
|
||||||
Value="65"/>
|
|
||||||
</Style>
|
</Style>
|
||||||
</Button.Resources>
|
</Button.Resources>
|
||||||
|
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
|
||||||
|
<materialDesign:PackIcon Kind="Power" Width="44" Height="44"
|
||||||
|
Foreground="#FFFFFF" HorizontalAlignment="Center"/>
|
||||||
<Grid>
|
<TextBlock Text="START" Margin="0,6,0,0"
|
||||||
|
FontSize="14" FontWeight="Bold"
|
||||||
<materialDesign:PackIcon
|
Foreground="#FFFFFF" HorizontalAlignment="Center"/>
|
||||||
Kind="Power"
|
</StackPanel>
|
||||||
Width="55"
|
|
||||||
Height="55"
|
|
||||||
Foreground="#38BDF8"/>
|
|
||||||
|
|
||||||
</Grid>
|
|
||||||
|
|
||||||
|
|
||||||
</Button>
|
</Button>
|
||||||
|
|
||||||
|
|
||||||
</Grid>
|
</Grid>
|
||||||
|
|
||||||
|
<!-- 底部 -->
|
||||||
|
<StackPanel Grid.Row="2" HorizontalAlignment="Center">
|
||||||
|
<Border Background="#E0E7FF" CornerRadius="8" Padding="16,6">
|
||||||
|
|
||||||
|
|
||||||
<!-- 底部状态 -->
|
|
||||||
<StackPanel Grid.Row="2"
|
|
||||||
HorizontalAlignment="Center">
|
|
||||||
|
|
||||||
|
|
||||||
<Border Background="#052E16"
|
|
||||||
CornerRadius="8"
|
|
||||||
Padding="20,6">
|
|
||||||
|
|
||||||
|
|
||||||
<StackPanel Orientation="Horizontal">
|
<StackPanel Orientation="Horizontal">
|
||||||
|
<Ellipse Width="8" Height="8" Fill="#4F46E5" Margin="0,0,6,0"/>
|
||||||
|
<TextBlock Text="系统准备中" FontSize="13"
|
||||||
<Ellipse Width="8"
|
FontWeight="Bold" Foreground="#4338CA"/>
|
||||||
Height="8"
|
|
||||||
Fill="#22C55E"
|
|
||||||
Margin="0,0,8,0"/>
|
|
||||||
|
|
||||||
|
|
||||||
<TextBlock Text="SYSTEM READY"
|
|
||||||
FontWeight="Bold"
|
|
||||||
FontSize="14"
|
|
||||||
Foreground="#4ADE80"/>
|
|
||||||
|
|
||||||
|
|
||||||
</StackPanel>
|
</StackPanel>
|
||||||
|
|
||||||
|
|
||||||
</Border>
|
</Border>
|
||||||
|
<TextBlock Text="点击按钮加载测试序列" Margin="0,10,0,0"
|
||||||
|
FontSize="12" Foreground="#94A3B8" HorizontalAlignment="Center"/>
|
||||||
|
|
||||||
<TextBlock Text="点击启动按钮加载测试序列"
|
|
||||||
FontSize="12"
|
|
||||||
Foreground="#64748B"
|
|
||||||
Margin="0,12,0,0"
|
|
||||||
HorizontalAlignment="Center"/>
|
|
||||||
|
|
||||||
|
|
||||||
</StackPanel>
|
</StackPanel>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</Grid>
|
</Grid>
|
||||||
|
|
||||||
</Border>
|
</Border>
|
||||||
|
|
||||||
|
|
||||||
</Grid>
|
</Grid>
|
||||||
</UserControl>
|
</UserControl>
|
||||||
Reference in New Issue
Block a user