feat: specify IconButton Width & Height.

This commit is contained in:
Zhang Dian
2025-01-19 23:35:50 +08:00
parent 8615783b61
commit 26ef3ebf36
2 changed files with 11 additions and 3 deletions

View File

@@ -20,7 +20,7 @@
</StackPanel> </StackPanel>
<StackPanel Orientation="Horizontal"> <StackPanel Orientation="Horizontal">
<ToggleSwitch Content="Switch" OnContent="Yes" OffContent="No" /> <ToggleSwitch Content="Switch" OnContent="Yes" OffContent="No" />
<ToggleSwitch Content="Switch" OnContent="Yes" OffContent="No" IsChecked="True"/> <ToggleSwitch Content="Switch" OnContent="Yes" OffContent="No" IsChecked="True" />
<ToggleSwitch Content="Switch" OnContent="Yes" OffContent="No" IsEnabled="False" /> <ToggleSwitch Content="Switch" OnContent="Yes" OffContent="No" IsEnabled="False" />
<ToggleSwitch Content="Switch" OnContent="Yes" OffContent="No" IsEnabled="False" IsChecked="True" /> <ToggleSwitch Content="Switch" OnContent="Yes" OffContent="No" IsEnabled="False" IsChecked="True" />
</StackPanel> </StackPanel>
@@ -64,7 +64,9 @@
<StackPanel Orientation="Horizontal"> <StackPanel Orientation="Horizontal">
<ToggleSwitch <ToggleSwitch
HorizontalAlignment="Left" HorizontalAlignment="Left"
Padding="8" Padding="{StaticResource SemiThicknessTight}"
Width="{StaticResource SemiSpacingExtraLoose}"
Height="{StaticResource SemiSpacingExtraLoose}"
Theme="{DynamicResource ButtonToggleSwitch}" Theme="{DynamicResource ButtonToggleSwitch}"
Foreground="{DynamicResource ButtonDefaultTertiaryForeground}"> Foreground="{DynamicResource ButtonDefaultTertiaryForeground}">
<ToggleSwitch.Content> <ToggleSwitch.Content>
@@ -75,7 +77,9 @@
</ToggleSwitch> </ToggleSwitch>
<ToggleSwitch <ToggleSwitch
HorizontalAlignment="Left" HorizontalAlignment="Left"
Padding="8" Padding="{StaticResource SemiThicknessTight}"
Width="{StaticResource SemiSpacingExtraLoose}"
Height="{StaticResource SemiSpacingExtraLoose}"
Theme="{DynamicResource ButtonToggleSwitch}" Theme="{DynamicResource ButtonToggleSwitch}"
Foreground="{DynamicResource ButtonDefaultTertiaryForeground}"> Foreground="{DynamicResource ButtonDefaultTertiaryForeground}">
<ToggleSwitch.OnContent> <ToggleSwitch.OnContent>

View File

@@ -14,6 +14,8 @@
BasedOn="{StaticResource ButtonToggleSwitch}" BasedOn="{StaticResource ButtonToggleSwitch}"
TargetType="ToggleSwitch"> TargetType="ToggleSwitch">
<Setter Property="Padding" Value="{StaticResource SemiThicknessTight}" /> <Setter Property="Padding" Value="{StaticResource SemiThicknessTight}" />
<Setter Property="Width" Value="{StaticResource SemiSpacingExtraLoose}" />
<Setter Property="Height" Value="{StaticResource SemiSpacingExtraLoose}" />
<Setter Property="Foreground" Value="{DynamicResource SemiColorText1}" /> <Setter Property="Foreground" Value="{DynamicResource SemiColorText1}" />
<Setter Property="OnContentTemplate"> <Setter Property="OnContentTemplate">
<StaticResource ResourceKey="GeometryDataTemplate" /> <StaticResource ResourceKey="GeometryDataTemplate" />
@@ -30,6 +32,8 @@
BasedOn="{StaticResource BorderlessButton}" BasedOn="{StaticResource BorderlessButton}"
TargetType="Button"> TargetType="Button">
<Setter Property="Padding" Value="{StaticResource SemiThicknessTight}" /> <Setter Property="Padding" Value="{StaticResource SemiThicknessTight}" />
<Setter Property="Width" Value="{StaticResource SemiSpacingExtraLoose}" />
<Setter Property="Height" Value="{StaticResource SemiSpacingExtraLoose}" />
<Setter Property="Foreground" Value="{DynamicResource SemiColorText1}" /> <Setter Property="Foreground" Value="{DynamicResource SemiColorText1}" />
<Setter Property="ContentTemplate"> <Setter Property="ContentTemplate">
<StaticResource ResourceKey="GeometryDataTemplate" /> <StaticResource ResourceKey="GeometryDataTemplate" />