refactor(HomePage): 将操作按钮布局改为网格排列

将操作区域的三个按钮从垂直排列改为水平网格布局,使用Grid控件实现三列等宽排列,提升界面空间利用率和美观性
This commit is contained in:
PrefacedCorg
2026-04-27 10:06:05 +08:00
parent 4f015fb155
commit 9e5ad7e2b4
@@ -31,27 +31,34 @@
<TextBlock Style="{StaticResource SettingsSectionHeaderTextBlockStyle}"
Text="操作" />
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<ui:SettingsCard Header="{i18n:I18n Key=Btn_Restart}" Description="{i18n:I18n Key=Home_RestartApp}"
IsClickEnabled="True" Click="BtnRestart_Click" Grid.Column="0">
<ui:SettingsCard.HeaderIcon>
<ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Refresh}" />
</ui:SettingsCard.HeaderIcon>
</ui:SettingsCard>
<ui:SettingsCard Header="{i18n:I18n Key=Btn_Restart}" Description="{i18n:I18n Key=Home_RestartApp}"
IsClickEnabled="True" Click="BtnRestart_Click">
<ui:SettingsCard.HeaderIcon>
<ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Refresh}" />
</ui:SettingsCard.HeaderIcon>
</ui:SettingsCard>
<ui:SettingsCard Header="{i18n:I18n Key=Btn_Reset}" Description="{i18n:I18n Key=Home_ResetSettings}"
IsClickEnabled="True" Click="BtnResetToSuggestion_Click" Grid.Column="1">
<ui:SettingsCard.HeaderIcon>
<ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Clear}" />
</ui:SettingsCard.HeaderIcon>
</ui:SettingsCard>
<ui:SettingsCard Header="{i18n:I18n Key=Btn_Reset}" Description="{i18n:I18n Key=Home_ResetSettings}"
IsClickEnabled="True" Click="BtnResetToSuggestion_Click">
<ui:SettingsCard.HeaderIcon>
<ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Clear}" />
</ui:SettingsCard.HeaderIcon>
</ui:SettingsCard>
<ui:SettingsCard Header="{i18n:I18n Key=Btn_Exit}" Description="{i18n:I18n Key=Home_ExitApp}"
IsClickEnabled="True" Click="BtnExit_Click">
<ui:SettingsCard.HeaderIcon>
<ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Cancel}" />
</ui:SettingsCard.HeaderIcon>
</ui:SettingsCard>
<ui:SettingsCard Header="{i18n:I18n Key=Btn_Exit}" Description="{i18n:I18n Key=Home_ExitApp}"
IsClickEnabled="True" Click="BtnExit_Click" Grid.Column="2">
<ui:SettingsCard.HeaderIcon>
<ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Cancel}" />
</ui:SettingsCard.HeaderIcon>
</ui:SettingsCard>
</Grid>
<TextBlock Style="{StaticResource SettingsSectionHeaderTextBlockStyle}"
Text="基本" />