终于不用拿复选框凑了:App Inventor 新组件「单选框」,问卷表单一个搞定

简介: 摘要: 性别、支付方式、单选题——只能选一个的场景太多了。App Inventor 原来只有复选框,想做单选得自己写互斥逻辑。现在有了「单选框」组件:选项用逗号一填,点一个其它自动取消。

摘要: 性别、支付方式、单选题——只能选一个的场景太多了。App Inventor 原来只有复选框,想做单选得自己写互斥逻辑。现在有了「单选框」组件:选项用逗号一填,点一个其它自动取消。

复选框凑单选,有多麻烦

以前做个「男 / 女 / 保密」,得放三个复选框,然后在每个复选框的「状态被改变」事件里,把另外两个的「选中」设为假。三个选项三个事件,五个选项就五个事件,加一个选项要改一圈。

「单选框」一个组件全包了。它在「用户界面」类里,用法跟下拉框很像:

  • 选项在设计器的「元素字串」里用逗号分隔填,比如 男,女,保密;
  • 也可以在代码里设置「元素列表」;
  • 勾选「横向排列」,选项排成一行,适合短选项。

用户点选后触发「选择完成时」事件,选中的文字在参数里。

▲ 横向排列的单选项(示意图)

案例:性别选择

拖一个单选框,「元素字串」填 男,女,保密,勾选横向排列;再拖一个按钮(改名 按钮提交)、一个标签(改名 标签结果):

▲ 性别选择,提交前检查是否选了

重点在提交时的判断:单选框默认一项都不选,这时「选中项索引」是 0。提交前一定要查一下,不然用户什么都没选也提交上去了。

一份问卷有几道单选题,就放几个单选框,各管各的选项,互不干扰。

▲ 几道单选题就放几个单选框(示意图)

案例:代码里设置选项和默认值

选项是动态的(比如从服务器拿来的配送方式),就在代码里设,顺便给个默认选中:

▲ 代码里设置选项和默认选中

序号从 1 开始,设成 1 就是默认选第一项。注意:代码里设置选中项不会触发「选择完成时」,只有用户点选才会。

▲ 代码里设置选项和默认值(示意图)

属性一览

名称 说明
元素字串 逗号分隔的选项文字,如 男,女
元素列表 选项列表,代码里动态设置用它
选中项 选中的文字;没选时为空文本
选中项索引 从 1 开始;没选时为 0
横向排列 选项排成一行;默认竖向一行一个
字体大小 / 文本颜色 / 启用 外观与是否可点

一个提醒

提交到服务器时,别把「选中项」的文字当成固定编号存。哪天你把「加急配送」改名成「次日达」,旧数据就对不上了。需要稳定编号就存「选中项索引」,或者自己维护一张对照表。

安卓和鸿蒙都支持。文档站搜「单选框使用指导」,有完整案例和可导入的 .aia 源码。

相关文章
|
1天前
|
JSON 缓存 API
天气数据查询 API 接入教程:24 小时 / 未来 7、15、40 天与历史天气调用实践
本文介绍天气数据查询 API 的接入方式。接口基于 HTTP RESTful,通过阿里云 API 网关以 APPCODE 简单身份认证调用,支持地名、地区编码、经纬度、IP、景点名称、区号邮编等多维度检索,提供当前 24 小时逐时、未来 7/15/40 天预报及历史天气查询。文中给出历史天气查询的请求参数、Java/PHP/Python/Node.js 四种语言调用示例、标准 JSON 返回结构、错误码排查表与调用限制说明,并总结参数前置校验、超时重试、结果缓存等工程实践要点。
44 0
|
1天前
|
存储 弹性计算 大数据
阿里云服务器详细介绍_ECS云服务器优势_云服务器问题解答FAQ
阿里云ECS是高性能、高可用的弹性云服务器,支持X86/ARM/GPU多种架构及百余种实例规格(如e系列、c9i、g9i等),具备99.975%单实例SLA、9个9云盘可靠性、分钟级弹性扩缩容与多模式计费(包年包月/按量/节省计划等),提供VPC隔离网络、快照备份、镜像部署等企业级能力,新老用户享低至38元/年起优惠及免费试用。
|
23小时前
|
缓存 算法 测试技术
Fast 模型层技术解析:把每个任务都交给最合适的模型
Qoder Fast 通过“任务识别+模型路由”实现智能选模:用 System One 快速分类任务(百毫秒级),按类型动态匹配最优模型,首次响应缩至3秒,Credits消耗降为0.8x。支持会话级复用、多轮协同与故障回退,已在全产品线上线。
39 0
|
1天前
|
弹性计算 人工智能 分布式计算
预算25000元能买什么样阿里云服务器配置?阿里云价格计算器一键查询
25000元/年预算可购阿里云ECS中高配实例(如g9i 16核64G+10M带宽+100GB云盘,折后约21899元)。但配置需按实际业务场景选择:通用应用选g系列、数据库选r/i系列、计算密集型选c系列、AI选GPU实例。带宽建议依流量波动选固定或按量计费。务必通过官方价格计算器实时比价并预留弹性升级空间。(239字)
20 0
|
1天前
|
资源调度 分布式计算 数据中心
Spark 核心之 YARN-Cluster 模式:原理、流程与源码级深度拆解
YARN-Cluster是Spark生产环境唯一推荐的部署模式:ApplicationMaster即Driver,SparkContext、DAGScheduler等全运行于AM Container中,实现资源隔离、去客户端化、HDFS本地性与AM重试容错。spark-submit提交后即可退出,全生命周期由YARN托管。(239字)
24 0
|
1天前
|
数据采集 人工智能 缓存
AI 可读性的技术底座:面向生成式引擎的网站工程检查清单
本文提供企业网站AI检索优化的工程检查清单,覆盖可抓取、可渲染、可解析、可引用四大环节共13项自查要点,助力排查“内容写了但AI读不到”问题,适用于官网、产品站等公开页面,强调技术与内容团队协同整改。(239字)
|
23小时前
|
数据采集 人工智能 前端开发
生成式引擎优化的核心目标是什么?从答案可见度到品牌实体被引用
GEO(生成式引擎优化)聚焦AI生成答案中的“可见度份额”,而非传统搜索排名。它通过提升内容被召回、可提取、被引用及品牌提及四维度,助力品牌在豆包、通义千问等生成式引擎答案中真实“出声”。目标:让AI答得准,更说得清——你是谁。
26 0
|
1天前
|
运维 安全 算法
令牌为什么会突然失效:接口鉴权的五个隐形陷阱
本文揭秘接口鉴权中令牌突然失效的五大隐形陷阱:令牌静态化、续期无提前量、日志泄露敏感信息、忽略被吊销状态、权限过度申请。结合真实故障案例,指出静默失败根源,并提供可落地的自检清单与最佳实践。(239字)
|
1天前
|
人工智能 自然语言处理 API
Token Plan——阿里云百炼AI大模型调用套餐,个人版和团队版指南,按Credits计费更划算!
阿里云百炼Token Plan是面向开发者的大模型订阅服务,以Credits统一计费,支持Qwen、Claude、DeepSeek等多模态模型及Cursor、Qwen Code等AI工具。个人版39元起/月,团队版150元起/月,含文本、图像、视频、语音等生成与理解能力,并提供Harness工具权益。(239字)
|
20小时前
|
Android开发
手机变遥控器:App Inventor 新组件「虚拟摇杆」,拖一个就能开小车
做蓝牙小车,以前要摆四个按钮当方向键,按住还松不开。现在 App Inventor 有了「虚拟摇杆」组件:手指一拖,方向和力度都出来了。遥控小车、画布小游戏,几块积木就能搞定,安卓和鸿蒙都能用。
24 1
手机变遥控器:App Inventor 新组件「虚拟摇杆」,拖一个就能开小车