开屏动画使用指导

← 返回开屏动画组件参考 · 全部使用指导

开屏动画使用指导

开屏动画是一个不可见工具组件。屏幕初始化后自动弹出一张全屏图片,倒计时结束或用户点击 「跳过」后收起,适合做开屏推广图、欢迎页或引导页。

图片可以直接用项目素材,也可以填文件路径或 http/https 地址(支持 GIF 动图)。 默认显示 5 秒、显示剩余秒数、允许跳过;图片加载成功后才开始计时。

联机调试需要使用包含该组件的新版本 AI 伴侣。安卓与鸿蒙都支持,积木写法相同。 开屏动画依赖网络图片时,请先确认应用已申请互联网权限。

快速上手

最简单的用法不需要任何代码块:把组件拖入屏幕,在设计器里选好图片即可。 需要知道广告何时结束、或按原因做不同处理时,再连已关闭(原因)(Closed)事件:

when 开屏动画1.Closed(原因) {
  if 原因 == "finished" {
    标签1.Text = "欢迎回来"
  }
}

关闭原因有三种:finished(倒计时自然结束)、skipped(用户点了跳过)、dismissed(代码调用关闭)。 不需要自动弹出时,把「启动时显示」设为假,之后用显示(Show)方法手动弹出。

使用建议

  • 素材图响应最快;网络图首次显示会有加载等待,超时走加载失败(消息)(LoadFailed)。
  • 开屏推广图建议「显示时长 3–5 秒 + 允许跳过」,不要强制用户看完整倒计时。
  • 想做「点击广告跳转详情页」:连被点击(Clicked)事件,先关闭广告再打开目标屏幕。
  • GIF 会循环播放直到倒计时结束;把「显示倒计时」保持打开,用户才能感知剩余等待时间。

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

上传 welcome.gif,增加开屏动画、显示按钮和标签。关闭启动时自动显示,点击按钮显示,关闭事件显示结束原因。

when Screen1.Initialize() {
  开屏动画1.ShowOnStart = false
  开屏动画1.Picture = "welcome.gif"
}
when 按钮1.Click() {
  开屏动画1.Show()
}
when 开屏动画1.Closed(原因) {
  标签1.Text = 原因
}
when 开屏动画1.LoadFailed(消息) {
  标签1.Text = 消息
}

显示时应覆盖整个屏幕,GIF 连续播放;点击跳过后返回原界面。使用缩放方式属性选择完整显示、裁切铺满或拉伸,按图片长宽比检查横竖屏效果。

完整 .aia 源码与操作指导

下载 .aia 源码

开屏图片、倒计时、跳过和主动关闭的完整操作,默认首次打开不自动遮挡。自带真实ad.png;“2秒主动关闭”只在真实图片显示成功事件后启用计时器,不把加载等待算作显示时间。

导入 StartupAdAllFeatures.aia,连接最新伴侣,或编译独立安装包。真机/伴侣运行尚未实测。

API / 功能 操作入口 预期结果
Picture、Duration、LoadTimeout、ScaleMode、SkipText、Skippable、ShowCountdown 应用图片、时长、超时、缩放、文字和开关 实际配置读回,图片加载成功后才倒计时
BackgroundColor、ShowOnStart、设计器 改背景;开启下次启动自动显示并应用,重开 默认首次不自动遮挡;保存启动偏好,重开根据真实属性Show
Show、Shown、IsShowing 显示正常本地图,读取状态 真实图片显示与Shown,不用固定标签假定已显示
Closed自然结束、跳过 显示5秒自然结束;显示后点跳过 实际原因finished或skipped,能回到操作页
Dismiss、主动关闭 点显示成功2秒后关闭 从真实Shown启动计时器,真实Dismiss及dismissed原因;不在图片加载前假装完成
Clicked 点图;勾点图关闭后再试 真实点击次数;勾选时显式Dismiss,未勾不自动结束
LoadFailed、恢复 不存在素材,再点恢复后正常显示 真错误反馈,恢复本地素材可继续
网络图片 用电脑实际HTTP网址填图片后应用显示 与轮播页同样可解压AIA的assets启动HTTP;真实网络失败由LoadFailed反馈

所有返回值均用于界面反馈,错误由底部错误区展示。设计器采用明确非默认配置,初始化与界面同步。API 覆盖检查按最终 AIA 检查方法、事件、属性读取与设置及设计器配置,不能替代真实设备验证。

开屏图片与倒计时

导入方法:项目 → 导入项目(.aia)→ 选择下载的 .aia 源码文件。 开屏图片、倒计时、跳过和主动关闭的完整操作,默认首次打开不自动遮挡。自带真实ad.png;“2秒主动关闭”只在真实图片显示成功事件后启用计时器,不把加载等待算作显示时间。 覆盖检查 34/34。首次载入及保存重开均0个错误,真实后台导入、安装包编译通过;真机/伴侣/硬件联调尚未实测。全部属性读写、方法与事件的操作入口和预期结果见组件指导。

推荐测试

先点“显示”,等待5秒自然结束,检查关闭原因为finished;再次显示点“进入应用”,应为skipped。点“显示成功2秒后主动Dismiss”,图显示成功才启动计时器,关闭应为dismissed。广告盖住操作区期间不要试图点击底下的关闭按钮,主动关闭测试已经由实际计时器完成。

默认允许跳过、显示倒计时、完整显示原图;更改配置后先应用,再显示。图片加载失败期间不启动倒计时,也不伪造Shown。异常后点恢复,再显示。启动显示偏好用本工程独立名称保存;开启后重开自动显示,测试完关闭该偏好并应用。

网络测试:在电脑解压本AIA并启动 python3 -m http.server 8769 --bind 0.0.0.0 --directory 解压目录/assets,手机填写 http://电脑实际IPv4:8769/ad.png;地址换成实际IP,测试404用missing.png。电脑手机同一局域网,是否显示以真实图像及Shown事件为准。图片复制自仓库aiplayapp/assets/app-icon.png,未修改字节。

文档反馈