Radio

单选按钮，圆点以弹簧动效淡入。

示例可交互

Radio — Avalonia UIKit

Live demo unavailable

<StackPanel Spacing="8">
  <RadioButton Content="Express" GroupName="shipping" IsChecked="True" />
  <RadioButton Content="Standard" GroupName="shipping" />
  <RadioButton Content="Economy" GroupName="shipping" />
</StackPanel>

用法

主题涵盖 RadioButton：圆形图标，标签在其后，圆点沿 UIKit.Spring.Control 弹簧淡入。GroupName 相同的按钮中只能选中一个；没有单独的 RadioGroup 类型。尺寸：xsmall、small、large（默认 medium）。与复选框一样，没有 Content 的 RadioButton 会去掉标签，焦点环只在键盘焦点时显示。

示例

四种尺寸；此处每个都在独立的组中，以便四个都能被选中。

尺寸可交互

Live demo unavailable

<WrapPanel ItemSpacing="16" LineSpacing="8">
  <RadioButton Classes="xsmall" Content="Extra small" GroupName="xsmall" IsChecked="True" />
  <RadioButton Classes="small" Content="Small" GroupName="small" IsChecked="True" />
  <RadioButton Content="Medium" GroupName="medium" IsChecked="True" />
  <RadioButton Classes="large" Content="Large" GroupName="large" IsChecked="True" />
</WrapPanel>

IsEnabled="False" 使圆形、圆点与标签淡出。

禁用可交互

Live demo unavailable

<StackPanel Spacing="8">
  <RadioButton Content="Express" GroupName="disabled" IsChecked="True" IsEnabled="False" />
  <RadioButton Content="Standard" GroupName="disabled" IsEnabled="False" />
</StackPanel>

Radio

#用法

#示例

用法

示例