织梦 旅游网站模板,模板网线,平台网站建设需求,网站开发毕业任务书学习鸿蒙arkTS语言#xff0c;决定直接通过实践的方式上手#xff0c;而不是一点点进行观看视频再来实现。 结合羊了个羊的开发思路#xff0c;准备好相应的卡片素材后进行开发。遇到了需要arkTS进行解决的问题#xff0c;再去查看相应的文档。
首先需要准备卡片对应的图片…学习鸿蒙arkTS语言决定直接通过实践的方式上手而不是一点点进行观看视频再来实现。 结合羊了个羊的开发思路准备好相应的卡片素材后进行开发。遇到了需要arkTS进行解决的问题再去查看相应的文档。
首先需要准备卡片对应的图片而且这是可以复用的自然就需要将图片存储在集合里正好根据集合相应的索引下标能够使用random来获得随机的图片。通过这一步学习了使用Resource以及知道了图片需要放在resource/base文件夹下。这里有个小插曲一开始我使用生成变量的方式来获取图片let s app.media. 随机数; 然后使用$r(s)发现是不行的知道了Resource是编译阶段生成的不过我在Image组件里面也使用变量的方式也是不行的
// 可点击的卡片列表public static cardImageArray: ArrayResource new Array($r(app.media.0),$r(app.media.1),$r(app.media.2),$r(app.media.3),$r(app.media.4),$r(app.media.5),$r(app.media.6),$r(app.media.7),$r(app.media.8));其次开始构建卡片需要在初始化的时候构建这样就知道了组件/页面的生命周期在初始化阶段构造好卡片列表后需要进行展示这需要了解for循环进行渲染这就会使用ForEach了不过到了后面的阶段才知道ForEach有一个坑就是会进行去重操作一开始我渲染卡片使用的是长方形的UI还没使用上一开始准备的图片所以使用到了自定义组件在组件里生成每一个卡片。还能够加上onClick方法这样就能够很好地处理点击事件。下一个问题就是值的变化和组件之间值变化的处理学习了State、Prop、Link的用法并且进行了实践。
由于没有更多时间进行完善最终效果如下 源码地址奉上若是觉得可以记得点个星星https://github.com/myloverwdm/YLGY-HM-Next
