返回提交历史
Modified
XFEToolBox/Views/Pages/ChatPage.xaml
+4
-2
Modified
XFEToolBox/Views/Windows/MainWindow.xaml
+11
-3
XFEstudio/XFEToolBox
优化按钮样式及聊天导航图标设计
对 ChatPage.xaml 的 InlineButtonStyle 和 IconButtonStyle 样式进行优化，统一基于 ToolBoxButtonStyle，并分别设置 ButtonAssist.CornerRadius 为 9 和 10，使按钮圆角更统一美观。 将 MainWindow.xaml 聊天导航按钮的图标由文本“聊”及圆角背景，替换为带有三个白色小圆点的 SVG Path 聊天气泡图标，提升现代 UI 风格。
1b8a5e3
代码差异
2 个文件
+15
-5
@@ -82,18 +82,20 @@
82
82
<Setter Property="FontSize" Value="9.5"/>
83
83
<Setter Property="TextTrimming" Value="CharacterEllipsis"/>
84
84
</Style>
85
<Style x:Key="InlineButtonStyle" TargetType="Button">
85
<Style x:Key="InlineButtonStyle" TargetType="Button" BasedOn="{StaticResource ToolBoxButtonStyle}">
86
86
<Setter Property="MinWidth" Value="50"/>
87
87
<Setter Property="Height" Value="28"/>
88
88
<Setter Property="Padding" Value="8,0"/>
89
89
<Setter Property="FontSize" Value="9.5"/>
90
<Setter Property="controls:ButtonAssist.CornerRadius" Value="9"/>
90
91
</Style>
91
<Style x:Key="IconButtonStyle" TargetType="Button">
92
<Style x:Key="IconButtonStyle" TargetType="Button" BasedOn="{StaticResource ToolBoxButtonStyle}">
92
93
<Setter Property="Width" Value="34"/>
93
94
<Setter Property="Height" Value="34"/>
94
95
<Setter Property="MinWidth" Value="34"/>
95
96
<Setter Property="Padding" Value="0"/>
96
97
<Setter Property="FontSize" Value="15"/>
98
<Setter Property="controls:ButtonAssist.CornerRadius" Value="10"/>
97
99
</Style>
98
100
99
101
<DataTemplate x:Key="ConversationTemplate">
@@ -116,9 +116,17 @@
116
116
<controls:NavigationButton x:Name="chatButton" Command="{Binding NavigateToPageCommand}" CommandParameter="chat">
117
117
<Grid>
118
118
<Grid.ColumnDefinitions><ColumnDefinition Width="40"/><ColumnDefinition Width="*"/></Grid.ColumnDefinitions>
119
<Border Width="25" Height="25" Margin="7" CornerRadius="8" Background="#ECECFA">
120
<TextBlock Text="聊" Foreground="#7777CF" FontSize="10" FontWeight="Bold" HorizontalAlignment="Center" VerticalAlignment="Center"/>
121
</Border>
119
<Viewbox Width="25" Height="25" Margin="7">
120
<Grid Width="24" Height="24">
121
<Path Fill="#9898E7"
122
Data="M4,3 H20 C21.1,3 22,3.9 22,5 V14.5 C22,15.6 21.1,16.5 20,16.5 H10 L5,21 V16.5 H4 C2.9,16.5 2,15.6 2,14.5 V5 C2,3.9 2.9,3 4,3 Z"/>
123
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,0,0,3">
124
<Ellipse Width="2.6" Height="2.6" Fill="White" Margin="1.2,0"/>
125
<Ellipse Width="2.6" Height="2.6" Fill="White" Margin="1.2,0"/>
126
<Ellipse Width="2.6" Height="2.6" Fill="White" Margin="1.2,0"/>
127
</StackPanel>
128
</Grid>
129
</Viewbox>
122
130
<TextBlock Grid.Column="1" Style="{StaticResource NavigationButtonText}" Text="聊天"/>
123
131
</Grid>
124
132
</controls:NavigationButton>