七夕情人節(jié)，為了Ta，你打算用什么方式表達愛？是包包、鮮花、美酒、巧克力，還是一封充滿愛意的短信？作為程序員，以代碼之名，表達愛。本節(jié)將演示如何在基于HarmonyOS ArkUI的SwiperController、Image、Swiper等組件來實現(xiàn)七夕壁紙輪播。

本文涉及的所有源碼，均可以在文末鏈接中找到。

活動主頁

【活動驛站】有獎活動 | 以代碼之名，寫出對Ta的愛

規(guī)則要求具體要求如下：

① 根據(jù)主題，用ArkTS語言編寫代碼，運行代碼。

② 將代碼文件和最終的效果gif圖打包（大小15M以內）發(fā)送至：harmonyos@huawei.com

注：為了方便核驗作品，保證作品的獨特性，請將作品名稱命名為：英文或者拼音+發(fā)布時間（例：bestlove202308211523）。

創(chuàng)建應用

選擇空模板。

創(chuàng)建名為ArkUIExpressingLove的HarmonyOS應用。

核心代碼講解

主頁Index.ets 主要是使用了SwiperController、Image、Swiper來實現(xiàn)圖片聯(lián)播。

代碼如下：

@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) // 默認開啟循環(huán)播放.duration(50).vertical(true) // 默認橫向切換.itemSpace(0)}.height('100%').width('100%').backgroundColor(0x3d3d3d)}
}復制

效果演示

完整視頻演示見：【老衛(wèi)搬磚】040期：基于HarmonyOS ArkUI實現(xiàn)七夕壁紙輪播_嗶哩嗶哩_bilibili

源碼

見：https://github.com/waylau/harmonyos-tutorial

學習更多HarmonyOS

作為開發(fā)者，及時投入HarmonyOS 4的學習是非常必要的。鴻蒙生態(tài)經歷了艱難的四年，但輕舟已過萬重山，目前已經慢慢走上了正軌，再現(xiàn)繁榮指日可待。

可以從HaromnyOS 官網（華為HarmonyOS智能終端操作系統(tǒng)官網 | 應用設備分布式開發(fā)者生態(tài)）了解到最新的HaromnyOS咨詢以及開發(fā)指導。除此之外，筆者也整理了以下學習資料。

• 華為開發(fā)者聯(lián)盟：華為開發(fā)者論壇
• 《跟老衛(wèi)學HarmonyOS開發(fā)》 開源免費教程：https://github.com/waylau/harmonyos-tutorial
• 《鴻蒙HarmonyOS手機應用開發(fā)實戰(zhàn)》（清華大學出版社）
• 《鴻蒙HarmonyOS應用開發(fā)從入門到精通戰(zhàn)》（北京大學出版社），
• “鴻蒙系統(tǒng)實戰(zhàn)短視頻App 從0到1掌握HarmonyOS” ：鴻蒙系統(tǒng)實戰(zhàn)短視頻App 從0到1掌握HarmonyOS_實戰(zhàn)課程_慕課網