《HarmonyOS应用开发基础》 课件 实操 项目2-任务10 开发引导页.pptx

任务10开发引导页项目2走进ArkTS声明式开发

任务10开发引导页本任务综合使用滑块视图容器组件Swiper和层叠布局，开发出App必备的引导页。本任务的引导页由3个轮播页面组成，当轮播页面到达第3个页面时，出现Button组件，用于跳转到主页。任务描述

任务效果图预览

任务实施

010203整理工程资源实现引导页的轮播功能从引导页跳转到主页

01整理工程资源

02实现引导页的轮播功能引导页的布局设计，最外层用一个Column布局，内嵌一个Stack层叠布局，Stack中放置一个Swiper组件和一个Button组件，给Swiper组件添加属性，实现引导页中的3个轮播页面每隔4秒自动切换。

03从引导页跳转到主页引导页有3个页面，只有页面切换到下标为2的第3个页面时，Button组件才需要出现。要实现这个功能，可以给Swiper组件添加事件处理，在事件回调方法中获取当前页面的下标，通过下标控制Button组件的出现，并且给Button组件添加单击事件，通过页面路由跳转到Index主页面。

任务10开发引导页本任务学习了滑块视图容器Swiper的使用，并进行了App常见的引导页的开发。引导页设计是App的设计重点之一，引导页的设计对于新用户来说是非常重要的，而功能性的升级版本中的引导页也能让老用户快速掌握新升级功能，能起到很好的辅助作用，大大提升了用户体验。任务小结