Toggle
切换按钮，可为 ghost 或描边样式，即 ToggleButton。
示例可交互
Live demo unavailable
<WrapPanel ItemSpacing="8" LineSpacing="8">
<ToggleButton Content="Bold" IsChecked="True" />
<ToggleButton Content="Italic" />
<ToggleButton Content="Underline" IsEnabled="False" />
</WrapPanel>用法
主题覆盖 ToggleButton。切换按钮默认为 ghost：没有边框、背景透明，悬停或选中时显示强调色。Classes="outline" 添加 1px 边框与背景。切换按钮的宽度至少等于高度，因此只放一个 PathIcon 便是正方形。IsChecked 表示状态；切换按钮不绘制焦点环。
| 样式类 | 作用 |
|---|---|
outline | 1px 边框与背景（默认为 ghost） |
xsmall、small、large | 高度分别为 20、24 与 36；默认的 medium 为 32 |
示例
描边变体：选中、未选中与禁用。
Live demo unavailable
<WrapPanel ItemSpacing="8" LineSpacing="8">
<ToggleButton Classes="outline" Content="Bold" IsChecked="True" />
<ToggleButton Classes="outline" Content="Italic" />
<ToggleButton Classes="outline" Content="Underline" IsEnabled="False" />
</WrapPanel>四种尺寸。
Live demo unavailable
<WrapPanel ItemSpacing="8" LineSpacing="8">
<ToggleButton Classes="outline xsmall" Content="Extra small" IsChecked="True" />
<ToggleButton Classes="outline small" Content="Small" IsChecked="True" />
<ToggleButton Classes="outline" Content="Medium" IsChecked="True" />
<ToggleButton Classes="outline large" Content="Large" IsChecked="True" />
</WrapPanel>把 PathIcon 作为内容，切换按钮即为正方形，ghost 与描边样式皆是如此。
Live demo unavailable
<WrapPanel ItemSpacing="8" LineSpacing="8">
<ToggleButton IsChecked="True">
<PathIcon Data="{StaticResource UIKit.Icon.Star}" />
</ToggleButton>
<ToggleButton>
<PathIcon Data="{StaticResource UIKit.Icon.Bell}" />
</ToggleButton>
<ToggleButton Classes="outline" IsChecked="True">
<PathIcon Data="{StaticResource UIKit.Icon.Eye}" />
</ToggleButton>
<ToggleButton Classes="outline">
<PathIcon Data="{StaticResource UIKit.Icon.PanelLeftOpen}" />
</ToggleButton>
</WrapPanel>