HarmonyOS ArkUI に基づいた中国のバレンタインデーの壁紙ローテーションの実装

中国のバレンタインデーに、彼女への愛をどのように表現しますか? それはバッグ、花、ワイン、チョコレート、それとも愛に満ちたテキストメッセージでしょうか？プログラマーとして、コードの名において愛を表現してください。このセクションでは、HarmonyOS ArkUI に基づく SwiperController、Image、Swiper およびその他のコンポーネントを使用して、Qixi Festival の壁紙カルーセルを実装する方法を説明します。

この記事に含まれるすべてのソースコードは、記事の最後にあるリンクにあります。

イベントホームページ

[アクティビティステーション] 受賞歴のあるアクティビティ | 彼女への愛をコードという名前で書きましょう

ルールの具体的な要件は次のとおりです。

①テーマに沿ってArkTS言語でコードを書き、実行します。

② コードファイルと最終的なエフェクトgifをパッケージ化して（サイズ15M以内）、[email protected]に送信してください。

注: 作品の検証を容易にし、作品の一意性を確保するために、作品名は英語またはピンイン + リリース時刻 (例: 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)
  }
}コピー

効果実証

愛.gif

完全なビデオデモをご覧ください: [Laowei Moves Bricks] Issue 040: HarmonyOS ArkUI_bilibili_bilibili に基づいた中国のバレンタインデーの壁紙カルーセルの実装

ソースコード

参照: https://github.com/waylau/harmonyos-tutorial

HarmonyOS について詳しく見る

開発者として、HarmonyOS 4 の学習に適時に投資することが非常に必要です。紅蒙生態業は困難な4年間を経験しましたが、船は万山を越え、今ではゆっくりと正しい軌道に乗っており、繁栄はすぐそこまで来ています。

最新の HaromnyOS コンサルティングおよび開発ガイダンスについては、HaromnyOS 公式 Web サイト ( Huawei HarmonyOS スマートターミナルオペレーティングシステム公式 Web サイト | アプリケーションデバイス分散開発者エコシステム) から学ぶことができます。また、著者は以下の教材もまとめています。

ファーウェイ開発者アライアンス:ファーウェイ開発者フォーラム
「Lao Wei から HarmonyOS 開発を学ぶ」オープンソースの無料チュートリアル: https://github.com/waylau/harmonyos-tutorial
『HarmonyOSモバイルアプリケーションの実践開発』（清華大学出版局）
「Hongmeng HarmonyOS アプリケーション開発の入門から習得まで」（北京大学出版局）、
「紅夢システム実践ショートビデオアプリ HarmonyOSを0から1からマスターする」:紅蒙システム実践ショートビデオアプリ HarmonyOSを0から1からマスター_実践講座_MOOC.com