公告 欢迎您,我的朋友,目前开放免费注册,注册登录后查看更多内容!开通会员送积分,相应文档随便看,积分充值登录后个人中心内按需充值!

🔑 单选框组控件RadioGroup

单选框组控件,用于批量管理单选框,支持横向/纵向布局、快速取值

RadioGroup

单选框组控件,用于批量管理单选框,支持横向/纵向布局、快速取值。参考 Ant Design Radio.Group 实现。

image.png

控件优点

  • 批量管理:通过 Options 属性批量定义单选框,无需逐个拖放
  • 快速取值:直接通过 SelectedValue 属性获取选中值
  • 灵活布局:支持横向和纵向两种排列方式
  • 标题支持:可设置标题说明单选框组用途
  • 样式统一:统一设置所有单选框的样式
  • 数据绑定友好:支持选项数据绑定,动态增减选项
  • 顺序稳定:选项严格按照 Options 顺序显示,不受 Z-Order 影响

重要参数说明

数据参数

属性 类型 默认值 说明
Title string "" 标题(用于说明单选框组的用途)
Options List 空列表 选项列表
SelectedValue string "" 当前选中的值(设计时设置默认值)
SelectedOption RadioOption null 当前选中的选项对象(只读)
SelectedIndex int -1 当前选中的索引,-1 表示未选中
Disabled bool false 整组是否禁用

布局参数

属性 类型 默认值 说明
Direction RadioGroupDirection Horizontal 排列方向(Horizontal/Vertical)
ItemSpacing int 16 选项间距(像素)
Wrap bool true 横向排列时是否自动换行
TextAlign ContentAlignment TopLeft 文本对齐方式(控制垂直对齐)
Padding Padding 4,4,4,4 控件内边距

样式参数

属性 类型 默认值 说明
RadioStyle RadioStyle Default 单选框样式
BoxColor Color 26,188,156 选择框颜色
BorderWidth int 1 边框宽度
BorderColor Color 192,192,192 边框颜色
EnabledFill bool false 是否启用背景色填充
FillColor Color White 背景填充色
Radius int 4 圆角角度
SelectedBorderColor Color 26,188,156 选中边框颜色
SelectedBoxColor Color 26,188,156 选中选择框颜色
SelectedFillColor Color 240,249,255 选中填充颜色
SelectedForeColor Color 26,188,156 选中前景颜色
CheckBoxTextMargin int 8 选择框与文本间隔
FollowGlobalTheme bool true 是否跟随全局主题(暗/亮模式)

该文档需要「文档会员」身份

请先登录后继续阅读。