ArkUI Text组件

Text组件,即文本显示组件  作用就是 将要展示的文字放入组件

Text(content?:string|Resource)

1.string 直接填写文本内容 Text('你好世界')

2.Resource格式,读取本地资源文件 Text($r('app.string.helloworld'));

Resource有什么用呢?  可以用来读取限定词目录,做国际化等操作。

国际化+调节宽度

我们使用text组件来完成一个国际化的图片宽度调节功能

 1.限定词目录中添加字段

分别在两个国际化的限定词目录中添加要展示的字段名和内容

    {
      "name": "width_label",
      "value": "中文宽度"
    }

    {
      "name": "width_label",
      "value": "Image width"
    }

我们会发现添加以后是报错的,那是因为没有在base中添加,base中也应该添加,目的是当限定词目录中没有找到的话,就走base目录下的,base目录是必填项。 

2.预览效果

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    Row() {
      Column() {
        Image($r('app.media.hongmeng'))
          .width(250)
        Text($r('app.string.width_label'))

      }

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

我们想看国际化的效果可以在上面三个点中切换默认的语言 

 我们可以使用fontweight 或者 fontsize 来改变字体的样式

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Web阿成

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值