网站抓取诊断,深圳租房建设局网站首页,农家乐网站建设多少钱,在线做头像七夕情人节#xff0c;为了Ta#xff0c;你打算用什么方式表达爱#xff1f;是包包、鲜花、美酒、巧克力#xff0c;还是一封充满爱意的短信#xff1f;作为程序员#xff0c;以代码之名#xff0c;表达爱。本节将演示如何在基于HarmonyOS ArkUI的SwiperController、Ima…七夕情人节为了Ta你打算用什么方式表达爱是包包、鲜花、美酒、巧克力还是一封充满爱意的短信作为程序员以代码之名表达爱。本节将演示如何在基于HarmonyOS ArkUI的SwiperController、Image、Swiper等组件来实现七夕壁纸轮播。
本文涉及的所有源码均可以在文末链接中找到。
活动主页
【活动驿站】有奖活动 | 以代码之名写出对Ta的爱
规则要求具体要求如下
① 根据主题用ArkTS语言编写代码运行代码。
② 将代码文件和最终的效果gif图打包大小15M以内发送至harmonyoshuawei.com
注为了方便核验作品保证作品的独特性请将作品名称命名为英文或者拼音发布时间例bestlove202308211523。
创建应用
选择空模板。 创建名为ArkUIExpressingLove的HarmonyOS应用。
核心代码讲解
主页Index.ets 主要是使用了SwiperController、Image、Swiper来实现图片联播。
代码如下 Entry
Component
struct Index {private swiperController: SwiperController new SwiperController()build() {Column() {Swiper(this.swiperController) {Image($r(app.media.001))Image($r(app.media.002))Image($r(app.media.003))}.index(0).autoPlay(true) // 自动播放.indicator(true) // 默认开启指示点.loop(true) // 默认开启循环播放.duration(50).vertical(true) // 默认横向切换.itemSpace(0)}.height(100%).width(100%).backgroundColor(0x3d3d3d)}
}复制 效果演示 完整视频演示见【老卫搬砖】040期基于HarmonyOS ArkUI实现七夕壁纸轮播_哔哩哔哩_bilibili
源码
见https://github.com/waylau/harmonyos-tutorial
学习更多HarmonyOS
作为开发者及时投入HarmonyOS 4的学习是非常必要的。鸿蒙生态经历了艰难的四年但轻舟已过万重山目前已经慢慢走上了正轨再现繁荣指日可待。
可以从HaromnyOS 官网华为HarmonyOS智能终端操作系统官网 | 应用设备分布式开发者生态了解到最新的HaromnyOS咨询以及开发指导。除此之外笔者也整理了以下学习资料。
华为开发者联盟华为开发者论坛《跟老卫学HarmonyOS开发》 开源免费教程https://github.com/waylau/harmonyos-tutorial《鸿蒙HarmonyOS手机应用开发实战》清华大学出版社《鸿蒙HarmonyOS应用开发从入门到精通战》北京大学出版社“鸿蒙系统实战短视频App 从0到1掌握HarmonyOS” 鸿蒙系统实战短视频App 从0到1掌握HarmonyOS_实战课程_慕课网
