ToggleGroup

在组中报告各自状态的切换按钮，即 uikit:ToggleGroup。

示例可交互

ToggleGroup — Avalonia UIKit

Live demo unavailable

<StackPanel Spacing="8" HorizontalAlignment="Left">
  <uikit:ToggleGroup>
    <ToggleButton Content="Bold" IsChecked="True" />
    <ToggleButton Content="Italic" />
    <ToggleButton Content="Underline" />
  </uikit:ToggleGroup>
  <uikit:ToggleGroup Classes="outline segmented small">
    <ToggleButton IsChecked="True">
      <PathIcon Data="{StaticResource UIKit.Icon.Bell}" />
    </ToggleButton>
    <ToggleButton>
      <PathIcon Data="{StaticResource UIKit.Icon.Inbox}" />
    </ToggleButton>
    <ToggleButton>
      <PathIcon Data="{StaticResource UIKit.Icon.Check}" />
    </ToggleButton>
  </uikit:ToggleGroup>
</StackPanel>

用法

uikit:ToggleGroup 是由 ToggleButton 组成的切换组，排成一行，彼此间隔 8px。它的 outline、segmented 与尺寸样式类与切换组相同；outline 和尺寸作用于每个切换按钮。每个切换按钮独立翻转，且各自是一个 Tab 停靠点；方向键不会在它们之间移动。点击某个切换按钮，或在其上按空格、回车，会以 Checked（每个切换按钮之后的状态）引发组的 Click。每个切换按钮上的 IsChecked 即其状态。在组上设置 IsEnabled="False" 会禁用其所有切换按钮。

演示包含一个带标签的组，以及带图标的描边组和 segmented 组。

ToggleGroup

#用法

用法