OpenHarmony——ArkTS声明式开发与应用 课件 项目2-任务8-2 使用Swriper实现轮播页面.pptxVIP

任务8使用Swriper实现轮播页面项目2走近ArkTS声明式开发

完成任务达成的技能目标01任务描述02技能目标本任务使用滑块视图容器组件Swiper，配合层叠布局和页面路由，完成页面的轮播功能和跳转到指定的详情页。能正确使用滑块视图容器Swiper1能开发轮播页2

任务实施步骤STEPS整理工程资源1处理名山的数据源3创建名山类2实现名山图片的轮播功能4从轮播页跳转到指定的名山详情页5

整理工程资源01任务实施

整理工程资源将任务需要的图片资源放到media目录下，在string.json中添加本任务需要的字符串资源，创建大山类Mountain和数据源MountainViewModel。代码演示

创建名山类02任务实施

创建名山类Mountain类用来描述山的数据，由山的名字、描述和对应的图片构成，用构造方法初始化数据，用exportdefault导出类。分析exportdefaultclassMountain{publicname:string//名称publicicon:Resource//图片publicdescribe:Resource//描述constructor(name:string,icon:Resource,describe:Resource){this.name=name;this