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

🔑按钮旋转选择器控件ButtonSpinner

ButtonSpinner 是一个结合数字选择器外观和下拉框选项功能的控件。用户可以通过点击上下按钮或键盘操作来切换选项,适用于需要选择固定选项的场景。

ButtonSpinner 按钮旋转选择器控件

控件名称

ButtonSpinner

中文名称

按钮旋转选择器控件

控件简介

ButtonSpinner 是一个结合数字选择器外观和下拉框选项功能的控件。用户可以通过点击上下按钮或键盘操作来切换选项,适用于需要选择固定选项的场景。

image.png

主要特性

  • 数字选择器外观:右侧带有上下箭头按钮
  • 选项管理:支持添加、删除、清空选项
  • 非循环切换:到达边界后停止,不会循环
  • 多种操作方式:支持鼠标点击、滚轮、键盘操作
  • 自定义外观:支持圆角、颜色、按钮宽度等自定义
  • 文本对齐:支持左对齐、居中、右对齐
  • 前缀后缀:支持添加前缀/后缀文本和图标
  • 水印功能:支持占位符文本显示
  • 禁用状态:支持禁用状态显示

重要参数说明

数据属性

属性名 类型 默认值 说明
Items List<object> - 子项集合
SelectedIndex int -1 选中项索引
SelectedItem object null 选中项
SelectedText string "" 选中项的文本显示(只读)
Text string "" 选中项的文本(与 SelectedText 关联)

外观属性

属性名 类型 默认值 说明
BorderRadius int 5 边框圆角半径
BorderColor Color Gray 边框颜色
ButtonBackColor Color White 按钮背景颜色
ButtonHoverColor Color 230, 230, 230 按钮悬停颜色
ButtonPressedColor Color 210, 210, 210 按钮按下颜色
ArrowColor Color Gray 箭头颜色
ButtonWidth int 30 按钮区域宽度

文本对齐属性

属性名 类型 默认值 说明
TextAlign HorizontalAlignment Left 文本对齐方式(Left/Center/Right)

前缀后缀属性

属性名 类型 默认值 说明
PrefixText string "" 前缀文本
PrefixColor Color Gray 前缀文本颜色
PrefixIconSvg string "" 前缀 SVG 图标
SuffixText string "" 后缀文本
SuffixColor Color Gray 后缀文本颜色
SuffixIconSvg string "" 后缀 SVG 图标

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

请先登录后继续阅读。