HarmonyOS鸿蒙Next中，国之双喜，快乐翻倍，用ArkTS书写祝福

HarmonyOS鸿蒙Next中，国之双喜，快乐翻倍，用ArkTS书写祝福 国之双喜，快乐翻倍

效果图

效果图

完整源码

@Entry
@Component
struct Index {
  @State message: string = "中秋月满乾坤，国庆星耀中华。
在这举杯邀明月、阖家庆团圆的佳节，
鸿蒙坚果派恭祝您：
家和人安，幸福美满；
诸事如意，梦想可期。

  build() {

    Column() {

      Image($r("app.media.img_4")).width(60)
      Row() {
        Image($r("app.media.img_1")).width(75).size({ width: '30%', })
        Image($r("app.media.img_2")).width(75).align(Alignment.Start)
          .position({ x: 0, y: 0 })
        Image($r("app.media.img_3")).width(75).position({ x: 2, y: 80 })
        Image($r("app.media.img_5")).width(120)
      }.margin({

        bottom: 40
      })

      Text(this.message)
        .fontSize(20)
        .letterSpacing(3)
        .fontColor(0xCC5500)
        .fontWeight(500)
        .textAlign(TextAlign.Center)
        .lineHeight(28)
        .margin({
          left: 10, right: 10
        })
      Image($r("app.media.img_6")).width(136)
      Image($r("app.media.img_7")).width(260)
    }.width('100%')
    .height('100%').backgroundColor("#ffe5e5")

  }
}

效果图链接


更多关于HarmonyOS鸿蒙Next中，国之双喜，快乐翻倍，用ArkTS书写祝福的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于HarmonyOS鸿蒙Next中，国之双喜，快乐翻倍，用ArkTS书写祝福的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，使用ArkTS编写祝福代码，可以通过简洁的语法实现动态效果。以下是一个示例代码，展示如何在鸿蒙系统中实现“国之双喜，快乐翻倍”的祝福：

import { Text, View } from '@ohos.arkui';

@Entry
@Component
struct DoubleHappiness {
  build() {
    View() {
      Text('国之双喜，快乐翻倍')
        .fontSize(24)
        .fontColor('#FF0000')
        .textAlign(TextAlign.Center)
        .margin({ top: 100 });
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center);
  }
}

这段代码在鸿蒙Next中创建一个简单的界面，显示“国之双喜，快乐翻倍”的祝福语，字体为红色，居中显示。通过ArkTS的组件化设计，开发者可以轻松实现各种动态效果，提升用户体验。

回到顶部