add varied artwork across monitor pages

BmsMonitor.App/BmsMonitor.App.csproj

@@ -15,6 +15,9 @@
     <Resource Include="Assets\taffy-avatar.jpg" />
     <Resource Include="Assets\taffy-visual.jpg" />
     <Resource Include="Assets\taffy-fan-background.jpg" />
+    <Resource Include="Assets\taffy-chibi-portrait.jpg" />
+    <Resource Include="Assets\taffy-chibi-umbrella.jpg" />
+    <Resource Include="Assets\taffy-chibi-wave.png" />
     <Content Include="Native\x86\ControlCAN.dll">
       <Link>ControlCAN.dll</Link>
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>

BmsMonitor.App/MainWindow.xaml

@@ -146,7 +146,7 @@
                 <Grid>
                     <Grid.ColumnDefinitions><ColumnDefinition Width="Auto"/><ColumnDefinition Width="Auto"/><ColumnDefinition Width="*"/><ColumnDefinition Width="Auto"/></Grid.ColumnDefinitions>
                     <Ellipse Grid.Column="0" Width="54" Height="54" Stroke="#FFF0B8D3" StrokeThickness="2" Margin="0,0,12,0">
-                        <Ellipse.Fill><ImageBrush ImageSource="Assets/taffy-avatar.jpg" Stretch="UniformToFill"/></Ellipse.Fill>
+                        <Ellipse.Fill><ImageBrush ImageSource="Assets/taffy-chibi-portrait.jpg" Stretch="UniformToFill"/></Ellipse.Fill>
                     </Ellipse>
                     <StackPanel Grid.Column="1" VerticalAlignment="Center" Margin="0,0,22,0">
                         <TextBlock Text="BMS Monitor" FontSize="20" FontWeight="SemiBold" Foreground="#453D49"/>
@@ -209,7 +209,10 @@
                 <TabItem Header="电芯与温度">
                     <ScrollViewer VerticalScrollBarVisibility="Auto">
                         <StackPanel Margin="0,2,0,12">
-                            <TextBlock Text="16 路电芯电压" FontSize="17" FontWeight="SemiBold" Foreground="{StaticResource PinkSoft}" Margin="6,5,6,6"/>
+                            <Grid Height="70" Margin="6,2,6,5">
+                                <TextBlock Text="16 路电芯电压" FontSize="17" FontWeight="SemiBold" Foreground="{StaticResource PinkSoft}" VerticalAlignment="Center"/>
+                                <Image Source="Assets/taffy-chibi-umbrella.jpg" Width="68" Height="68" Stretch="UniformToFill" HorizontalAlignment="Right"/>
+                            </Grid>
                             <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>
@@ -228,7 +231,10 @@
                                 <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="10 路温度采集" FontSize="17" FontWeight="SemiBold" Foreground="{StaticResource Purple}" Margin="6,20,6,6"/>
+                            <Grid Height="74" Margin="6,14,6,5">
+                                <TextBlock Text="10 路温度采集" FontSize="17" FontWeight="SemiBold" Foreground="{StaticResource Purple}" VerticalAlignment="Center"/>
+                                <Image Source="Assets/taffy-chibi-wave.png" Width="72" Height="72" Stretch="Uniform" HorizontalAlignment="Right"/>
+                            </Grid>
                             <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>
@@ -246,17 +252,23 @@
                 </TabItem>
 
                 <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>
-                                <DataGridTextColumn Header="时间" Binding="{Binding Timestamp, StringFormat=HH:mm:ss.fff}" Width="150"/>
-                                <DataGridTextColumn Header="ID" Binding="{Binding IdText}" Width="120"/>
-                                <DataGridTextColumn Header="类型" Binding="{Binding FrameType}" Width="100"/>
-                                <DataGridTextColumn Header="DLC" Binding="{Binding Dlc}" Width="70"/>
-                                <DataGridTextColumn Header="数据" Binding="{Binding DataText}" Width="*"/>
-                            </DataGrid.Columns>
-                        </DataGrid>
-                    </Border>
+                    <Grid Margin="0,2,0,10">
+                        <Grid.ColumnDefinitions><ColumnDefinition Width="*"/><ColumnDefinition Width="180"/></Grid.ColumnDefinitions>
+                        <Border Grid.Column="0" Style="{StaticResource Card}" Padding="0" Margin="0,0,8,0">
+                            <DataGrid x:Name="FrameGrid" IsReadOnly="True" AutoGenerateColumns="False" CanUserAddRows="False" GridLinesVisibility="Horizontal">
+                                <DataGrid.Columns>
+                                    <DataGridTextColumn Header="时间" Binding="{Binding Timestamp, StringFormat=HH:mm:ss.fff}" Width="150"/>
+                                    <DataGridTextColumn Header="ID" Binding="{Binding IdText}" Width="120"/>
+                                    <DataGridTextColumn Header="类型" Binding="{Binding FrameType}" Width="100"/>
+                                    <DataGridTextColumn Header="DLC" Binding="{Binding Dlc}" Width="70"/>
+                                    <DataGridTextColumn Header="数据" Binding="{Binding DataText}" Width="*"/>
+                                </DataGrid.Columns>
+                            </DataGrid>
+                        </Border>
+                        <Border Grid.Column="1" Style="{StaticResource Card}" Padding="8" ClipToBounds="True">
+                            <Image Source="Assets/taffy-chibi-wave.png" Stretch="Uniform" VerticalAlignment="Bottom"/>
+                        </Border>
+                    </Grid>
                 </TabItem>
             </TabControl>
 

README.md

@@ -141,7 +141,7 @@ CAN 通信层
 
 ## 界面主题
 
-界面采用 CrystalDiskInfo 式的紧凑信息布局，以头像、立绘和半透明全窗背景呈现主题，功能区域不使用角色口号或装饰性文案。总电流与电压、SOC 等核心数据集中在概览页。头像取自[永雏塔菲的哔哩哔哩官方空间](https://space.bilibili.com/1265680561)，背景采用公开索引的[第三方同人壁纸](https://ecywang.com/pic/%E6%B0%B8%E9%9B%8F%E5%A1%94%E8%8F%B2%E5%A3%81%E7%BA%B8/)。
+界面采用 CrystalDiskInfo 式的紧凑信息布局，以多组立绘和表情插画区分概览、电芯温度与 CAN 报文页面，功能区域不使用角色口号或装饰性文案。总电流与电压、SOC 等核心数据集中在概览页。素材来自公开索引的[第三方同人壁纸](https://ecywang.com/pic/%E6%B0%B8%E9%9B%8F%E5%A1%94%E8%8F%B2%E5%A3%81%E7%BA%B8/)及[哔哩哔哩表情插画合集](https://www.bilibili.com/opus/905451613661954053)。
 
 ## 使用