单选框使用指导

← 返回单选框组件参考 · 全部使用指导

单选框使用指导

一组互斥的单选按钮,一次只能选一项,适合问卷、表单、设置页(性别、单选题、支付方式等)。 App Inventor 原本只有复选框,单选只能拿几个复选框硬凑;单选框一个组件就搞定。

用法和下拉框一样:选项在设计器的「元素字串」里用逗号分隔填写(如 男,女,保密), 或在代码块里设置「元素列表」;用户点选后触发选择完成时(选择项)(AfterSelecting)。 默认一项都不选(选中项索引为 0),提交前记得判断用户选了没有;在代码里设置选中项不会触发事件。

快速上手:性别选择

  1. 拖一个单选框,「元素字串」填 男,女,保密,勾选「横向排列」;
  2. 拖一个按钮(改名 按钮_提交)和一个标签(改名 标签_结果);
  3. 搭下面的代码块:

各案例独立使用;组合到同一屏幕时,将同名事件的处理合并到一个事件积木中。

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 源码与操作指导

下载 .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,包括全部选择和样式属性、公共尺寸与可见性、设计器配置,以及选择完成事件。两份案例也提供位置属性读取;普通排列仍按容器布局定位,此项不提供自由拖动。

文档反馈