基于HarmonyOS ArkTS中秋国庆祝福程序、以代码之名，写阖家团圆祝福

news2024/9/28 9:29:18

中秋、国庆双节将至，作为程序员，以代码之名，表达对于阖家团圆的祝福。本节将演示如何在基于HarmonyOS ArkUI的SwiperController、Image、Swiper等组件来实现节日祝福轮播程序。

规则要求具体要求如下：

1、根据主题，用ArkTS语言编写代码实现。

2、将ArkTS工程打包文件、最终的效果gif图和VOD相关文件，一起打包（大小18M以内）发送至：harmonyos@huawei.com

注：

*开发过程中遇到问题，请描述完整，可以按照下方VOD贡献奖规则，将所有信息打包上传。

*为了方便核验作品，保证作品的独特性，请将作品名称命名为：英文或者拼音+发布时间（例：bestwish202309281523）。

创建应用

选择空模板。

在这里插入图片描述

创建名为ArkUIMidAutumnFestival的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)
  }
}

其中，在media目录下放置相应的图片资源。

在这里插入图片描述

效果演示

在这里插入图片描述

学习更多HarmonyOS

作为开发者，及时投入HarmonyOS 4的学习是非常必要的。鸿蒙生态经历了艰难的四年，但轻舟已过万重山，目前已经慢慢走上了正轨，再现繁荣指日可待。

最后

随着鸿蒙开发越来越火热，我了解到现在有很多小伙伴想入行鸿蒙，但又不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。我给大家整理了一份实用的鸿蒙（Harmony OS）开发学习手册资料用来跟着学习是非常有利于帮助大家提升鸿蒙开发技术的。

相对于网上那些碎片化的知识内容，这份学习资料的知识点更加系统化，更容易理解和记忆。资料包含了、应用开发导读(ArkTS)、HarmonyOS 概念、如何快速入门、开发基础知识、基于ArkTS 开发、等鸿蒙开发必掌握的核心知识要点，内容包含了（技术知识点。

在这里插入图片描述