simplify theme language and emphasize artwork

This commit is contained in:
acetaffy
2026-09-23 16:33:36 +08:00
parent f38af6a311
commit e35ecfb3f7
2 changed files with 17 additions and 27 deletions
+16 -26
View File
@@ -1,7 +1,7 @@
<Window x:Class="BmsMonitor.App.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="TAFFY BMS Monitor" Height="820" Width="1280" MinHeight="680" MinWidth="1080"
Title="BMS Monitor" Height="820" Width="1280" MinHeight="680" MinWidth="1080"
Background="#F3F2F6" Foreground="#2D2933" Closing="Window_Closing"
FontFamily="Microsoft YaHei UI">
<Window.Resources>
@@ -125,10 +125,8 @@
</Window.Resources>
<Grid Background="#F3F2F6" ClipToBounds="True">
<Image Source="Assets/taffy-visual.jpg" Stretch="UniformToFill" Opacity="0.20"/>
<Rectangle Fill="#55F8F5F9"/>
<TextBlock Text="TAFFY" FontSize="180" FontWeight="Black" Foreground="#0FE8589C"
HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,22,-42"/>
<Image Source="Assets/taffy-visual.jpg" Stretch="UniformToFill" Opacity="0.24"/>
<Rectangle Fill="#66F8F5F9"/>
<Grid Margin="14">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
@@ -146,16 +144,13 @@
</Border.Background>
<Grid>
<Grid.ColumnDefinitions><ColumnDefinition Width="Auto"/><ColumnDefinition Width="Auto"/><ColumnDefinition Width="*"/><ColumnDefinition Width="Auto"/></Grid.ColumnDefinitions>
<Image Grid.Column="2" Grid.ColumnSpan="2" Source="Assets/taffy-visual.jpg" Width="460" Stretch="UniformToFill" HorizontalAlignment="Right" Opacity="0.24" Margin="0,-90,-12,-90"/>
<Ellipse Grid.Column="0" Width="64" Height="64" Stroke="#FFFFFFFF" StrokeThickness="3" Margin="0,0,12,0">
<Image Grid.Column="2" Grid.ColumnSpan="2" Source="Assets/taffy-visual.jpg" Width="460" Stretch="UniformToFill" HorizontalAlignment="Right" Opacity="0.34" Margin="0,-90,-12,-90"/>
<Ellipse Grid.Column="0" Width="68" Height="68" Stroke="#FFFFFFFF" StrokeThickness="3" Margin="0,0,12,0">
<Ellipse.Fill><ImageBrush ImageSource="Assets/taffy-avatar.jpg" Stretch="UniformToFill"/></Ellipse.Fill>
</Ellipse>
<StackPanel Grid.Column="1" VerticalAlignment="Center" Margin="0,0,22,0">
<StackPanel Orientation="Horizontal">
<TextBlock Text="永雏塔菲" FontSize="22" FontWeight="Bold" Foreground="#6C3556"/>
<Border Background="#FFE8589C" CornerRadius="3" Padding="7,2" Margin="8,1,0,0"><TextBlock Text="BMS" FontSize="10" FontWeight="Bold" Foreground="White"/></Border>
</StackPanel>
<TextBlock Text="TAFFY · BATTERY MONITOR" FontSize="12" FontWeight="SemiBold" Foreground="#A24476" Margin="0,3,0,0"/>
<TextBlock Text="BMS Monitor" FontSize="22" FontWeight="Bold" Foreground="#6C3556"/>
<TextBlock Text="CAN 电池监控" FontSize="12" Foreground="#A24476" Margin="0,3,0,0"/>
</StackPanel>
<StackPanel Grid.Column="2" Orientation="Horizontal" VerticalAlignment="Center">
<TextBlock Text="设备" VerticalAlignment="Center" Foreground="#5D5365"/>
@@ -176,22 +171,17 @@
</Border>
<TabControl Grid.Row="1">
<TabItem Header="♡ 概览">
<TabItem Header="概览">
<ScrollViewer VerticalScrollBarVisibility="Auto">
<StackPanel Margin="0,2,0,10">
<Border Height="108" CornerRadius="5" BorderBrush="#FFE4B5D0" BorderThickness="1" Margin="4,0,4,5" ClipToBounds="True">
<Grid>
<Image Source="Assets/taffy-visual.jpg" Stretch="UniformToFill" Opacity="0.56"/>
<Rectangle><Rectangle.Fill><LinearGradientBrush StartPoint="0,0" EndPoint="1,0"><GradientStop Color="#FFFDF6FA" Offset="0"/><GradientStop Color="#EEFDF6FA" Offset="0.48"/><GradientStop Color="#18FFFFFF" Offset="1"/></LinearGradientBrush></Rectangle.Fill></Rectangle>
<Image Source="Assets/taffy-visual.jpg" Stretch="UniformToFill" Opacity="0.72"/>
<Border Width="410" HorizontalAlignment="Left" Background="#EFFFFFFF"/>
<Border Width="6" Background="#FFE8589C" HorizontalAlignment="Left" Margin="0,14" CornerRadius="0,3,3,0"/>
<StackPanel VerticalAlignment="Center" Margin="24,0">
<TextBlock Text="永雏塔菲 · BMS STATUS" FontSize="20" FontWeight="Bold" Foreground="#753A61"/>
<TextBlock Text="CAN 实时电池状态监控" FontSize="13" Foreground="#A24D7D" Margin="0,5,0,0"/>
</StackPanel>
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,16,10">
<Rectangle Width="11" Height="11" Fill="#E8589C" RenderTransformOrigin="0.5,0.5"><Rectangle.RenderTransform><RotateTransform Angle="45"/></Rectangle.RenderTransform></Rectangle>
<Rectangle Width="11" Height="11" Fill="#7653A6" Margin="9,0,0,0" RenderTransformOrigin="0.5,0.5"><Rectangle.RenderTransform><RotateTransform Angle="45"/></Rectangle.RenderTransform></Rectangle>
<Rectangle Width="11" Height="11" Fill="#F3A8CA" Margin="9,0,0,0" RenderTransformOrigin="0.5,0.5"><Rectangle.RenderTransform><RotateTransform Angle="45"/></Rectangle.RenderTransform></Rectangle>
<TextBlock Text="电池状态总览" FontSize="20" FontWeight="Bold" Foreground="#753A61"/>
<TextBlock Text="CAN 实时数据" FontSize="13" Foreground="#A24D7D" Margin="0,5,0,0"/>
</StackPanel>
</Grid>
</Border>
@@ -218,10 +208,10 @@
</ScrollViewer>
</TabItem>
<TabItem Header="✦ 电芯与温度">
<TabItem Header="电芯与温度">
<ScrollViewer VerticalScrollBarVisibility="Auto">
<StackPanel Margin="0,2,0,12">
<TextBlock Text="CELL VOLTAGE · 16 路电芯" FontSize="17" FontWeight="SemiBold" Foreground="{StaticResource PinkSoft}" Margin="6,5,6,6"/>
<TextBlock Text="16 路电芯电压" FontSize="17" FontWeight="SemiBold" Foreground="{StaticResource PinkSoft}" Margin="6,5,6,6"/>
<UniformGrid Columns="4">
<Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 01" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell01Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
<Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 02" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell02Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
@@ -240,7 +230,7 @@
<Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 15" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell15Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
<Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 16" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell16Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
</UniformGrid>
<TextBlock Text="TEMPERATURE · 10 路温采" FontSize="17" FontWeight="SemiBold" Foreground="{StaticResource Purple}" Margin="6,20,6,6"/>
<TextBlock Text="10 路温度采集" FontSize="17" FontWeight="SemiBold" Foreground="{StaticResource Purple}" Margin="6,20,6,6"/>
<UniformGrid Columns="5">
<Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 01" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Temp01Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
<Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 02" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Temp02Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
@@ -257,7 +247,7 @@
</ScrollViewer>
</TabItem>
<TabItem Header="▦ CAN 报文">
<TabItem Header="CAN 报文">
<Border Style="{StaticResource Card}" Padding="0" Margin="0,2,0,10">
<DataGrid x:Name="FrameGrid" IsReadOnly="True" AutoGenerateColumns="False" CanUserAddRows="False" GridLinesVisibility="Horizontal">
<DataGrid.Columns>
+1 -1
View File
@@ -141,7 +141,7 @@ CAN 通信层
## 界面主题
界面采用 CrystalDiskInfo 式的紧凑信息布局,并通过永雏塔菲头像、立绘、低透明度全窗背景、粉紫撞色及菱格视觉元素强化主题识别。总电流与电压、SOC 等核心数据集中在概览页。主题图片取自[永雏塔菲的哔哩哔哩官方空间](https://space.bilibili.com/1265680561)。
界面采用 CrystalDiskInfo 式的紧凑信息布局,以头像、立绘和低透明度全窗背景呈现主题,功能区域不使用角色口号或装饰性文案。总电流与电压、SOC 等核心数据集中在概览页。主题图片取自[永雏塔菲的哔哩哔哩官方空间](https://space.bilibili.com/1265680561)。
## 使用