HarmonyOS【ArkUI组件--Text】

1.Text文本显示组件

2.编写代码

在上一篇博客的基础上继续

HarmonyOS【ArkUI组件---Image组件】-CSDN博客

①新建ImagePage.ets

② 设置文本串

(1)base中的string.json

javascript 复制代码
 {
      "name": "width_label",
      "value": "Image Width:"
    }

(2) en_US中的string.json

javascript 复制代码
 {
      "name": "width_label",
      "value": "Image Width:"
    }

(3)zh_CN中的string.json

javascript 复制代码
{
      "name": "width_label",
      "value": "图片宽度:"
    }

③ImagePage 代码

javascript 复制代码
import font from '@ohos.font'
@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    Row() {
      Column() {

        Image($r('app.media.app_icon'))
          .width(250)
          .interpolation(ImageInterpolation.High)
        Text($r('app.string.width_label'))
          .fontSize(20)
          .fontWeight(FontWeight.Bold)
      }

      .width('100%')
    }
    .height('100%')
  }
}

④效果如下

相关推荐
Georgewu3 小时前
【HarmonyOS】鸿蒙应用开发Text控件常见错误
harmonyos
Georgewu4 小时前
【HarmonyOS】富文本编辑器RichEditor详解
harmonyos
zhanshuo11 小时前
鸿蒙应用调试与测试实战全指南:高效定位问题,性能优化必备技巧+实用代码示例
harmonyos
万少15 小时前
2025中了 聊一聊程序员为什么都要做自己的产品
前端·harmonyos
幽蓝计划1 天前
HarmonyOS NEXT仓颉开发语言实战案例:动态广场
华为·harmonyos
万少1 天前
第五款 HarmonyOS 上架作品 奇趣故事匣 来了
前端·harmonyos·客户端
幽蓝计划1 天前
HarmonyOS NEXT仓颉开发语言实战案例:电影App
华为·harmonyos
HMS Core2 天前
HarmonyOS免密认证方案 助力应用登录安全升级
安全·华为·harmonyos
生如夏花℡2 天前
HarmonyOS学习记录3
学习·ubuntu·harmonyos
jie_07542 天前
鸿蒙系统(HarmonyOS)4.2 设备上实现无线安装 APK 并调试
华为·harmonyos