打开 App 先来一张全屏图,右上角「跳过」:App Inventor 新组件「开屏动画」

简介: 打开 App 时那张全屏图片——欢迎页、活动推广、品牌展示——右上角倒计时加「跳过」。App Inventor 新组件「开屏动画」:拖进屏幕、选张图,一块积木都不用写就能用,GIF 动图、网络图片都支持。

打开 App 时那张全屏图片——欢迎页、活动推广、品牌展示——右上角倒计时加「跳过」。App Inventor 新组件「开屏动画」:拖进屏幕、选张图,一块积木都不用写就能用,GIF 动图、网络图片都支持。

开屏页,以前要单独做一屏

在 App Inventor 里做开屏页,老办法是单独建一个 Screen:放一张图,配个计时器倒数,时间到了再打开主屏幕。还要处理「跳过」按钮、计时器关掉、屏幕切换……一个小功能,折腾一个屏幕。

「开屏动画」是个不可见组件,在「界面高级」类里。屏幕初始化后自动弹出一张全屏图片,倒计时结束或用户点「跳过」后收起,回到原来的界面。

默认设置就很合理:

  • 显示 5 秒;
  • 显示剩余秒数;
  • 允许跳过;
  • 图片加载成功后才开始计时,网络慢不会白白吃掉倒计时。

打开 App 自动弹出全屏图

图片可以是项目素材、文件路径或 http/https 地址,支持 GIF 动图。

零代码用法

把组件拖进屏幕,在设计器里选好图片。完了。

运行 App,开屏图自己就出来了。这是少数真正「不用写积木」的组件。

想知道它什么时候关的

需要在开屏结束后做点什么(比如显示欢迎语),接「已关闭」事件:

「已关闭」事件积木

关闭原因有三种:

  • finished:倒计时自然走完;
  • skipped:用户点了跳过;
  • dismissed:代码调用了关闭。

倒计时结束或点跳过后回到首页

案例:按钮手动打开欢迎图

不想一打开就弹?把「启动时显示」设为假,需要时再调「显示」。比如做一个「查看活动」按钮:

按钮事件积木

图片加载失败(网址错了、网络超时)会触发「加载失败」,把消息显示出来,排查一下就知道问题在哪。

按钮手动打开活动图

使用建议

建议 原因
时长 3 到 5 秒,允许跳过 别强迫用户看完,体验差、也容易被差评
优先用素材图 响应最快;网络图首次要加载,超时走加载失败
保持「显示倒计时」打开 GIF 会一直循环,用户需要知道还要等多久
点广告跳详情页 接「被点击」事件,先关闭开屏,再打开目标屏幕
横竖屏都看看 用「缩放方式」选完整显示、裁切铺满或拉伸

用网络图片时,记得确认 App 有互联网权限。联机调试需要包含该组件的新版 AI 伴侣。

安卓和鸿蒙都支持,积木写法相同。文档站搜「开屏动画使用指导」,有完整案例和 .aia 源码。

相关文章
|
20小时前
|
Android开发
手机变遥控器:App Inventor 新组件「虚拟摇杆」,拖一个就能开小车
做蓝牙小车,以前要摆四个按钮当方向键,按住还松不开。现在 App Inventor 有了「虚拟摇杆」组件:手指一拖,方向和力度都出来了。遥控小车、画布小游戏,几块积木就能搞定,安卓和鸿蒙都能用。
24 1
手机变遥控器:App Inventor 新组件「虚拟摇杆」,拖一个就能开小车
|
20小时前
|
定位技术 Android开发
毛玻璃底栏、药丸指示器:App Inventor 新组件「导航条」,一下子有了现代 App 的样子
App Inventor 做出来的 App 总有点「学生作业感」,很大原因是缺一条像样的底部导航。新组件「导航条」:图标加文字、白色药丸指示器、半透明毛玻璃底,切换带动画,还能变成悬浮菜单、悬浮球。默认外观不改任何属性就能直接用。
23 1
毛玻璃底栏、药丸指示器:App Inventor 新组件「导航条」,一下子有了现代 App 的样子
|
20小时前
|
存储 人工智能
想在标签里放一首诗?App Inventor 上线多行文本块,告别 \n 拼接
长文本以前只能用合并块加 \n 一段段拼,块越接越长,改个字还得数转义。文本抽屉里新加了「多行文本」块:点开直接回车换行,值还是普通字符串,合并、求长度照常能用,AI 助手也同步认得它。
24 0
|
1天前
|
Android开发 索引
终于不用拿复选框凑了:App Inventor 新组件「单选框」,问卷表单一个搞定
摘要: 性别、支付方式、单选题——只能选一个的场景太多了。App Inventor 原来只有复选框,想做单选得自己写互斥逻辑。现在有了「单选框」组件:选项用逗号一填,点一个其它自动取消。
20 0
终于不用拿复选框凑了:App Inventor 新组件「单选框」,问卷表单一个搞定
|
1天前
|
API Android开发
App 桌面快捷方式、剪贴板、首次运行判断…App Inventor 新组件「应用工具」,一堆实用小功能
摘要:创建 App 桌面快捷方式、一键复制邀请码、去应用市场给个好评、检测装没装微信、打开 App 自动识别复制的口令、把 App 加到桌面……这些零零碎碎却很常用的功能,App Inventor 新组件「应用工具」全收在一起了,一个屏
19 0
App 桌面快捷方式、剪贴板、首次运行判断…App Inventor 新组件「应用工具」,一堆实用小功能
|
1天前
|
测试技术
跨境订单链路的工程实现:多币种汇率快照、税费计算与运单幂等
跨境交易系统与境内交易系统的差别,集中在两件事上:金额要跨币种与跨税制,履约要跨第三方系统。前者带来的是口径问题,后者带来的是幂等与去重问题。这两类问题在开发阶段往往被低估,直到上
|
1天前
|
人工智能 自然语言处理 算法
RAG 视角下的生态加权:字节系信源在豆包检索中的权重差异
本文剖析豆包RAG检索中字节系信源(抖音/头条)的生态加权机制:因其训练数据占比高(35%–44%)、入库快(24–48小时)、信源评级高(S级),同内容权重约为知乎等T3平台的3倍。揭示加权源于领域偏向、时效衰减与信任偏置,并提供跨生态优化路径。
|
1天前
|
人工智能 自然语言处理 算法
2026 AIGC 内容运营平台技术盘点:架构能力、落地实践与选型指南
本文系统盘点AIGC内容运营平台,从品类定位、核心技术(多模态生成、全域分发、矩阵运营、数据复盘)到落地成本与POC验证,聚焦企业级全链路选型实战,强调需求匹配而非唯技术论,兼具专业性与实操指导价值。
|
1天前
|
缓存 监控 安全
Fnet 云网安 261016
Fnet 云网安日报 261016
21 0
|
1天前
|
API
# 什么是 API?API 在跨境电商里有什么用?
API是软件间自动交换数据的“智能通道”。跨境电商中,它打通1688、独立站、物流、支付等系统,实现商品同步、订单自动处理、库存实时更新、物流面单获取等全流程自动化,大幅提升效率,降低人工错误,支撑规模化运营。