acetaffy/BmsMonitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

refine overview with background and current status

Browse Source
This commit is contained in:
acetaffy
2026-09-23 16:24:13 +08:00
parent 1d90b87e65
commit a14b1218a3
2 changed files with 8 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
BmsMonitor.App/MainWindow.xaml
+7 -18
View File
@@ -10,8 +10,8 @@
<SolidColorBrush x:Key="Purple" Color="#7653A6"/>
<SolidColorBrush x:Key="TextPrimary" Color="#2D2933"/>
<SolidColorBrush x:Key="TextSecondary" Color="#6F6878"/>
<SolidColorBrush x:Key="Panel" Color="#FFFFFFFF"/>
<SolidColorBrush x:Key="PanelLight" Color="#FFF8F4FA"/>
<SolidColorBrush x:Key="Panel" Color="#F2FFFFFF"/>
<SolidColorBrush x:Key="PanelLight" Color="#EEF8F4FA"/>
<SolidColorBrush x:Key="Stroke" Color="#FFD8D3DD"/>
<Style TargetType="Button">
@@ -124,7 +124,9 @@
</Style>
</Window.Resources>
<Grid Background="#F3F2F6">
<Grid Background="#F3F2F6" ClipToBounds="True">
<Image Source="Assets/taffy-visual.jpg" Stretch="UniformToFill" Opacity="0.11"/>
<Rectangle Fill="#99F8F5F9"/>
<Grid Margin="14">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
@@ -185,8 +187,9 @@
</StackPanel>
</Grid>
</Border>
<UniformGrid Columns="3">
<UniformGrid Columns="4">
<Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="总电压" Style="{StaticResource CardLabel}"/><TextBlock x:Name="PackVoltageText" Text="--.- V" Style="{StaticResource Value}"/></StackPanel></Border>
<Border Style="{StaticResource Card}" BorderBrush="#FFE8A1C6"><StackPanel><TextBlock Text="总电流 I" Style="{StaticResource CardLabel}"/><TextBlock x:Name="PackCurrentText" Text="--.- A" Style="{StaticResource Value}"/></StackPanel></Border>
<Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="SOC" Style="{StaticResource CardLabel}"/><TextBlock x:Name="SocText" Text="-- %" Style="{StaticResource Value}"/></StackPanel></Border>
<Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="工作状态" Style="{StaticResource CardLabel}"/><TextBlock x:Name="BmsStateText" Text="等待报文" Style="{StaticResource Value}"/></StackPanel></Border>
</UniformGrid>
@@ -207,20 +210,6 @@
</ScrollViewer>
</TabItem>
<TabItem Header="⚡ 电流 I">
<Grid Margin="24">
<Border Style="{StaticResource Card}" Width="500" Height="270" HorizontalAlignment="Center" VerticalAlignment="Center" BorderBrush="#99FF72B6" BorderThickness="2">
<Grid>
<Ellipse Width="220" Height="220" Opacity="0.12"><Ellipse.Fill><RadialGradientBrush><GradientStop Color="#FFFF72B6" Offset="0"/><GradientStop Color="Transparent" Offset="1"/></RadialGradientBrush></Ellipse.Fill></Ellipse>
<StackPanel VerticalAlignment="Center">
<TextBlock Text="CURRENT / 总电流 I" Foreground="{StaticResource TextSecondary}" FontSize="16" HorizontalAlignment="Center"/>
<TextBlock x:Name="PackCurrentText" Text="--.- A" Foreground="{StaticResource PinkSoft}" FontSize="68" FontWeight="Bold" Margin="0,15,0,0" HorizontalAlignment="Center"/>
</StackPanel>
</Grid>
</Border>
</Grid>
</TabItem>
<TabItem Header="✦ 电芯与温度">
<ScrollViewer VerticalScrollBarVisibility="Auto">
<StackPanel Margin="0,2,0,12">
README.md
+1 -1
View File
@@ -141,7 +141,7 @@ CAN 通信层
## 界面主题
界面采用 CrystalDiskInfo 式的紧凑信息布局，并融入永雏塔菲的粉紫配色、头像、主题视觉与桃心/星星状态元素。主题图片取自[永雏塔菲的哔哩哔哩官方空间](https://space.bilibili.com/1265680561)。
界面采用 CrystalDiskInfo 式的紧凑信息布局，并融入永雏塔菲的粉紫配色、头像、低透明度全窗背景、主题视觉与桃心/星星状态元素。总电流与电压、SOC 等核心数据集中在概览页。主题图片取自[永雏塔菲的哔哩哔哩官方空间](https://space.bilibili.com/1265680561)。
## 使用