优化启动界面
This commit is contained in:
@@ -6,80 +6,199 @@
|
|||||||
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="0,1">
|
||||||
<GradientStop Color="#F8FAFC" Offset="0"/>
|
<GradientStop Color="#0F172A" Offset="0"/>
|
||||||
<GradientStop Color="#E2E8F0" Offset="1"/>
|
<GradientStop Color="#020617" Offset="1"/>
|
||||||
</LinearGradientBrush>
|
</LinearGradientBrush>
|
||||||
</Grid.Background>
|
</Grid.Background>
|
||||||
|
|
||||||
<materialDesign:Card Width="320" Height="380"
|
|
||||||
UniformCornerRadius="16"
|
|
||||||
Background="#FFFFFF"
|
|
||||||
materialDesign:ElevationAssist.Elevation="Dp4"
|
|
||||||
HorizontalAlignment="Center"
|
|
||||||
VerticalAlignment="Center">
|
|
||||||
|
|
||||||
<Grid Margin="30">
|
<!-- 工业卡片 -->
|
||||||
|
<Border Width="360"
|
||||||
|
Height="430"
|
||||||
|
CornerRadius="18"
|
||||||
|
Background="#111827"
|
||||||
|
BorderBrush="#334155"
|
||||||
|
BorderThickness="1"
|
||||||
|
HorizontalAlignment="Center"
|
||||||
|
VerticalAlignment="Center">
|
||||||
|
|
||||||
|
<Border.Effect>
|
||||||
|
<DropShadowEffect BlurRadius="25"
|
||||||
|
ShadowDepth="8"
|
||||||
|
Opacity="0.5"/>
|
||||||
|
</Border.Effect>
|
||||||
|
|
||||||
|
|
||||||
|
<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" Margin="0,8,0,0">
|
|
||||||
<materialDesign:PackIcon Kind="Chip"
|
|
||||||
Width="24" Height="24"
|
<!-- 顶部设备状态 -->
|
||||||
HorizontalAlignment="Center"
|
<StackPanel Grid.Row="0"
|
||||||
Foreground="#94A3B8"/>
|
HorizontalAlignment="Center">
|
||||||
<TextBlock Text="{Binding TestStatus}"
|
|
||||||
FontSize="15"
|
|
||||||
FontWeight="SemiBold"
|
<materialDesign:PackIcon
|
||||||
Foreground="#64748B"
|
Kind="Chip"
|
||||||
Margin="0,6,0,0"
|
Width="30"
|
||||||
|
Height="30"
|
||||||
|
Foreground="#38BDF8"/>
|
||||||
|
|
||||||
|
|
||||||
|
<TextBlock Text="PROTOCOL CONTROLLER"
|
||||||
|
Margin="0,12,0,0"
|
||||||
|
FontSize="14"
|
||||||
|
FontWeight="Bold"
|
||||||
|
Foreground="#CBD5E1"
|
||||||
HorizontalAlignment="Center"/>
|
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>
|
||||||
|
|
||||||
<Grid Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center">
|
|
||||||
<Ellipse Width="150" Height="150" Fill="#F1F5F9"/>
|
|
||||||
<Ellipse Width="130" Height="130" Fill="#E2E8F0"/>
|
|
||||||
|
|
||||||
<Button Command="{Binding StartProtocolCommand}"
|
|
||||||
Width="110" Height="110"
|
|
||||||
Style="{StaticResource MaterialDesignFloatingActionDarkButton}"
|
|
||||||
Background="#1E293B"
|
<!-- 中央启动按钮 -->
|
||||||
BorderBrush="#334155"
|
<Grid Grid.Row="1"
|
||||||
BorderThickness="2"
|
VerticalAlignment="Center"
|
||||||
materialDesign:ElevationAssist.Elevation="Dp6"
|
HorizontalAlignment="Center">
|
||||||
materialDesign:RippleAssist.Feedback="#38BDF8">
|
|
||||||
|
|
||||||
|
<!-- 外圈 -->
|
||||||
|
<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" Value="55"/>
|
<Setter Property="CornerRadius"
|
||||||
|
Value="65"/>
|
||||||
</Style>
|
</Style>
|
||||||
</Button.Resources>
|
</Button.Resources>
|
||||||
|
|
||||||
<materialDesign:PackIcon Kind="Play"
|
|
||||||
Width="48" Height="48"
|
|
||||||
Foreground="#38BDF8"
|
<Grid>
|
||||||
HorizontalAlignment="Center"
|
|
||||||
VerticalAlignment="Center"
|
<materialDesign:PackIcon
|
||||||
Margin="4,0,0,0"/>
|
Kind="Power"
|
||||||
|
Width="55"
|
||||||
|
Height="55"
|
||||||
|
Foreground="#38BDF8"/>
|
||||||
|
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
|
||||||
</Button>
|
</Button>
|
||||||
|
|
||||||
|
|
||||||
</Grid>
|
</Grid>
|
||||||
|
|
||||||
<StackPanel Grid.Row="2" HorizontalAlignment="Center" Margin="0,0,0,8">
|
|
||||||
<TextBlock Text="READY"
|
|
||||||
FontSize="13"
|
|
||||||
FontWeight="Black"
|
|
||||||
Foreground="#10B981"
|
|
||||||
HorizontalAlignment="Center"/>
|
<!-- 底部状态 -->
|
||||||
<TextBlock Text="点击按钮加载测试序列"
|
<StackPanel Grid.Row="2"
|
||||||
|
HorizontalAlignment="Center">
|
||||||
|
|
||||||
|
|
||||||
|
<Border Background="#052E16"
|
||||||
|
CornerRadius="8"
|
||||||
|
Padding="20,6">
|
||||||
|
|
||||||
|
|
||||||
|
<StackPanel Orientation="Horizontal">
|
||||||
|
|
||||||
|
|
||||||
|
<Ellipse Width="8"
|
||||||
|
Height="8"
|
||||||
|
Fill="#22C55E"
|
||||||
|
Margin="0,0,8,0"/>
|
||||||
|
|
||||||
|
|
||||||
|
<TextBlock Text="SYSTEM READY"
|
||||||
|
FontWeight="Bold"
|
||||||
|
FontSize="14"
|
||||||
|
Foreground="#4ADE80"/>
|
||||||
|
|
||||||
|
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
|
||||||
|
</Border>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<TextBlock Text="点击启动按钮加载测试序列"
|
||||||
FontSize="12"
|
FontSize="12"
|
||||||
Foreground="#94A3B8"
|
Foreground="#64748B"
|
||||||
Margin="0,4,0,0"
|
Margin="0,12,0,0"
|
||||||
HorizontalAlignment="Center"/>
|
HorizontalAlignment="Center"/>
|
||||||
|
|
||||||
|
|
||||||
</StackPanel>
|
</StackPanel>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</Grid>
|
</Grid>
|
||||||
</materialDesign:Card>
|
|
||||||
|
</Border>
|
||||||
|
|
||||||
|
|
||||||
</Grid>
|
</Grid>
|
||||||
</UserControl>
|
</UserControl>
|
||||||
Reference in New Issue
Block a user