ButtonGroup
把一组按钮组合为一个控件并报告选中结果,即 uikit:ButtonGroup。
示例可交互
Live demo unavailable
<StackPanel Spacing="8" HorizontalAlignment="Left">
<uikit:ButtonGroup Classes="outline" Click="OnSelect">
<Button Content="Day" />
<Button Classes="selected" Content="Week" />
<Button Content="Month" />
</uikit:ButtonGroup>
<uikit:ButtonGroup Classes="outline small" Multiple="True" Click="OnSelect">
<Button Classes="selected" Content="Bold" />
<Button Content="Italic" />
<Button Content="Underline" />
</uikit:ButtonGroup>
</StackPanel>用法
uikit:ButtonGroup 是控件形式的 Button Group。它是若干 Button 组成的 StackPanel,默认水平排列。其颜色、outline、compact 与尺寸样式类会应用到每个按钮。点击某个按钮会以 SelectedIndices 引发该按钮的 Click,SelectedIndices 即选择将要变成的结果:只包含被点击的按钮;设置 Multiple="True" 时,则是在原选择上加入或移除被点击的按钮。组本身不改变选择,由应用通过各按钮的 selected 样式类来应用。组上的 IsEnabled="False" 会禁用其按钮。
演示包含一个用于单项选择的组,以及一个使用 Multiple="True" 的组;两者都应用其 Click 报告的索引。