NumberPicker 扩展:滑动选择数字,自定义样式

« 返回扩展首页

NumberPicker 扩展

NumberPicker 用于显示一个数字列表或文本列表,用户可以通过滑动或点击来选择。

可自定义的内容包括:颜色、大小、边框、分隔线等。

演示

截图

下载

.aix拓展文件:

joejsanz.joedevnumberpicker.aix

.aia示例文件:

NumberPicker.aia

基本信息

  • 版本:v1.0
  • 发布时间:2025-07-02
  • JDK:11
  • 最低 API 级别:21
  • 更新时间:2025-07-02
  • 构建方式:FAST v3.7.2-premium

方法

ShowNumberPickerDialog显示数字选择器对话框(组件,是否锚定到组件,是否显示在组件上方)
当布尔值为真时,将数字选择器锚定到某个组件显示。可以选择显示在该组件的上方或下方。

SaveSelectedValue保存当前选中值()
保存当前选中的值。

RestoreSavedValue恢复已保存值()
恢复之前保存的值。

GetSelectedValue获取当前选中值()
获取当前选中的值。

属性

CornerRadius圆角半径
设置弹窗圆角的半径。

MinValue最小值
设置最小值。

MaxValue最大值
设置最大值。

DefaultValue默认值
设置打开 NumberPicker 时显示的值。

DisplayedValues显示值列表
建立一个值列表,可以是数字,也可以是文本。

MultipleOf步进倍数
设置值显示时每次跳动的步长。

BackgroundColor背景颜色
修改 NumberPicker 弹窗的背景颜色。

TextColor未选中文本颜色
修改未选中文本的颜色。

SelectedTextColor选中文本颜色
修改选中状态(中间位置)文本的颜色。

LineColor主分隔线颜色
修改主要分隔线的颜色。

SelectorLineColor选择线颜色
修改选择线的颜色,也就是中间值上方和下方分隔线的颜色。

TextSize未选中文本大小
修改未选中文本的大小。

SelectedTextSize选中文本大小
修改选中状态(中间位置)文本的大小。

ScrollSensitivity滚动灵敏度
调整滚动灵敏度。0.1 为较慢,1.0 为正常。

SelectorLineHeight选择线高度
调整选择线的高度。

SelectorLineMargin选择线边距
调整选择线周围的边距。

事件

DisplayedValue显示值变化时(当前显示值)
每当 NumberPicker 中显示的值发生变化时触发。

NumberPicked点击选中值时(选中值)
当点击 NumberPicker 中间的数字时触发。

版权说明

本文档内容依据原作者发布页面整理翻译,版权归原作者所有。

  • 原作者:Joe J. Sánchez(Joejsanz)
  • 原帖链接:https://community.appinventor.mit.edu/t/numberpicker-displays-a-list-of-numbers-or-a-list-of-texts-that-are-selected-by-swiping-or-clicking/151282
文档反馈