跳到主要内容

UI 轮播图演示

本示例实现 DejaOS 上的全屏图片轮播,包含平滑滑入滑出动画与预加载逻辑,用于降低切图时的卡顿感。

特别说明

本示例重点验证全屏图像切换的动画与时序控制,适合信息发布屏与待机展示场景。

视频演示

功能特性

  • 全屏图片轮播:按顺序播放本地图片列表。
  • 平滑过渡动画:双图层配合横向滑动实现切换效果。
  • 预加载机制:切换前预加载下一张图片,减少解码阻塞。
  • 循环连续播放:按固定间隔对配置图片列表持续轮播。

源码结构说明

参考源码:DejaOS 仓库 · apps/features/ui_slide_show

  • src/main.js:屏幕初始化、双图层切换逻辑与定时轮播。
  • src/slideshowImages.js:轮播图片路径列表配置。

提示:本示例在 app.dxproj 中配置的目标机型为 VF203_V12。在不同显示设备上建议按实际分辨率调整图片资源与动画参数。