单选框使用指导
一组互斥的单选按钮,一次只能选一项,适合问卷、表单、设置页(性别、单选题、支付方式等)。 App Inventor 原本只有复选框,单选只能拿几个复选框硬凑;单选框一个组件就搞定。
用法和下拉框一样:选项在设计器的「元素字串」里用逗号分隔填写(如 男,女,保密),
或在代码块里设置「元素列表」;用户点选后触发选择完成时(选择项)(AfterSelecting)。
默认一项都不选(选中项索引为 0),提交前记得判断用户选了没有;在代码里设置选中项不会触发事件。
快速上手:性别选择
- 拖一个单选框,「元素字串」填
男,女,保密,勾选「横向排列」; - 拖一个按钮(改名
按钮_提交)和一个标签(改名标签_结果); - 搭下面的代码块:
各案例独立使用;组合到同一屏幕时,将同名事件的处理合并到一个事件积木中。
when 单选框1.AfterSelecting(选择项) {
标签_结果.Text = join("刚刚选了:", 选择项)
}
when 按钮_提交.Click {
if 单选框1.SelectionIndex == 0 {
标签_结果.Text = "请先选择性别"
} else {
标签_结果.Text = join("提交成功:", 单选框1.Selection)
}
}
一个问卷有几道单选题,就放几个单选框,各管各的选项。
搭建与测试
在设计器拖入本组件和案例涉及的按钮、标签、布局等组件,按案例中的名称重命名。先运行最小案例,确认事件返回,再增加业务逻辑。示例中的素材先上传到项目,服务器地址、令牌、文件路径换成自己的值。
可见组件需要有非零宽高;不可见工具组件必须由属性或方法启动。设计器展示样式不等于运行时已加载数据或绑定目标。联机测试应使用包含本组件的 AI 伴侣;涉及系统入口或权限的行为还要编译安装后验证。
案例:读取选项并提交
放单选框、提交按钮和标签;先检查序号大于 0,再把选中的文字用于提交。
when Screen1.Initialize() {
单选框1.Elements = list("标准配送", "加急配送")
单选框1.SelectionIndex = 1
}
when 按钮_提交.Click() {
if 单选框1.SelectionIndex > 0 {
标签1.Text = join("已选择:", 单选框1.Selection)
}
}
选项序号从 1 开始,0 表示没有选中。整体更换选项后重新检查当前选择;不要将选中文字当作固定编号。
属性、方法与事件速查
完整参数类型、默认值和平台说明见组件参考。下表按调用入口列出用途;有完成事件的方法在事件中读取结果。
| 入口 | 用途 |
|---|---|
元素列表(Elements) |
全部选项(列表)。 |
元素字串(ElementsFromString) |
用逗号分隔的文字设置全部选项,如:男,女 |
启用(Enabled) |
是否可以点选。 |
字体大小(FontSize) |
选项文字的字号。 |
横向排列(Horizontal) |
横向排列:各选项排成一行;默认竖向一行一个。 |
选中项(Selection) |
选中项的文字;一项都没选时为空文本。 |
选中项索引(SelectionIndex) |
选中项的序号,从 1 开始;一项都没选时为 0。 |
文本颜色(TextColor) |
选项文字的颜色。 |
选择完成时(选择项)(AfterSelecting) |
用户点选某一项后触发,selection 是选中项的文字。在代码里设置选中项不触发。 |
常见问题与验收
| 检查项 | 操作与预期 |
|---|---|
| 初始化 | 对照案例检查是否已经调用加载、注册、连接或显示方法;仅拖入组件不会替你执行这些步骤。 |
| 结果返回 | 将成功事件和失败事件都接到标签,记录事件参数;异步操作完成前不读取结果属性。 |
| 输入配置 | 检查素材名大小写、网址是否为直接资源地址、文件是否存在、编号和索引是否在范围内。 |
| 平台与权限 | 按组件参考中的平台说明测试;授权被拒绝时应有明确提示,不继续假定操作成功。 |
| 最小案例 | 先验证页面中的最小案例,再验证第二个场景;重复操作、取消、返回屏幕后结果应符合事件说明。 |
完整 .aia 源码与操作指导
导入 RadioGroupAllFeatures.aia。屏幕顶部是专业兴趣单选框,下方滚动区域提供全部操作。初始化为工科、理科、文科、医科四项,选中理科、纵向排列并启用。
| 属性 / 事件 | 操作入口 | 预期结果 |
|---|---|---|
| 元素字串(ElementsFromString)设置 | 元素字串按钮 | 加载四种学科,选中理科 |
| 元素列表(Elements)读取/设置 | 元素列表按钮 | 加载计算机、机械、临床医学,选中第一项;属性区显示列表 |
| 空列表 | 清空,再尝试按文字/索引选择 | 显示空列表提示,不访问无效索引;可用载入/恢复按钮恢复 |
| 选中项(Selection)读取/设置 | 按文字选择 | 非空时选中第一个选项 |
| 选中项索引(SelectionIndex)读取/设置 | 下一项按钮 | 从 1 开始逐项选择,最后一项后回到 1 |
| 启用(Enabled)读取/设置 | 启用开关 | 禁用时不能手点选择,开关仍可恢复 |
| 横向排列(Horizontal)读取/设置 | 横向开关 | 横排和竖排切换 |
| 字体大小/文本颜色(FontSize / TextColor)读取/设置 | 字体滑动条/颜色按钮 | 字体 12–24 调整,切换蓝色与棕色 |
| 选择完成(AfterSelecting) | 点击不同选项 | 事件区显示选择值、当前索引与计数 |
| 恢复所有设置 | 改变元素、方向和样式后恢复 | 恢复四项、理科、启用、纵向、字体 16、蓝色和固定尺寸 |
| 公共属性 / 功能 | 操作入口 | 预期结果 |
|---|---|---|
| 可见(Visible)读取/设置 | 隐藏/恢复 | 控件隐藏后按钮仍能恢复;属性区同步显示 |
| 宽度/高度(Width / Height)读取/设置 | 固定尺寸 | 恢复固定宽高,读取实际尺寸 |
| 宽度百分比/高度百分比(WidthPercent / HeightPercent) | 百分比尺寸 | 使用百分比尺寸,可回到固定尺寸 |
| 左侧/顶部位置(Left / Top)读取/设置 | 位置属性 | 切换并读取属性;普通排列仍按容器布局定位,此项不提供自由拖动 |
| 所有设计器配置 | 导入查看设计器 | 配置已保存在归档中;初始化会与操作界面同步 |
| 错误反馈 | 屏幕“发生错误时” | 显示操作、错误码和原因 |
覆盖检查 37/37。归档、正式编辑器首次导入/保存重开(0 错误)、变量下拉绑定、真实后台导入、安装包编译通过;本轮没有真机/伴侣实测。
单选框
导入方法:项目 → 导入项目(.aia)→ 选择下载的 .aia 源码文件。 专业兴趣选择案例:初始有工科、理科、文科、医科四项,选中理科,纵向排列并启用。 | 操作 | 预期结果 | |—|—| | 点击选项,按文字/索引选择 | 属性区显示选中项与从 1 开始的索引,事件区记录选择 | | 用元素字串/元素列表 | 切换四种学科与三个具体专业 | | 清空,再尝试按文字/索引选择 | 显示空状态提示,不访问无效索引,可重新载入 | | 切换横向/启用开关 | 改变排列方向;禁用时不能手点选择,可重新启用 | | 调字体/颜色,隐藏/恢复,设置尺寸 | 观察样式变化与实际属性值 | | 点恢复全部设置 | 恢复四项、理科、启用、纵向与初始样式 | 覆盖检查 37/37,包括全部选择和样式属性、公共尺寸与可见性、设计器配置,以及选择完成事件。两份案例也提供位置属性读取;普通排列仍按容器布局定位,此项不提供自由拖动。
扫码添加客服咨询