HarmonyOS【ArkUI组件--TextInput】

最新推荐文章于 2024-08-30 23:49:27 发布

愿尽

最新推荐文章于 2024-08-30 23:49:27 发布

阅读量782

点赞数 18

分类专栏：鸿蒙开发文章标签： harmonyos

本文链接：https://blog.csdn.net/m0_62388400/article/details/139725855

版权

鸿蒙开发专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1.文本输入框基本用法

2. 使用文本输入框组件（如何实现输入数字改变图片大小）

在此博客的基础上继续编写：HarmonyOS【ArkUI组件--Text】-CSDN博客

①代码如下：

import font from '@ohos.font'
@Entry
@Component
struct Index {
  @State imageWidth:number= 30

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

        Image($r('app.media.app_icon'))
          .width(this.imageWidth)
          .interpolation(ImageInterpolation.High)
        Text($r('app.string.width_label'))
          .fontSize(20)
          .fontWeight(FontWeight.Bold)
        TextInput({text:this.imageWidth.toFixed(0)})
          .width(150)
          .backgroundColor('#36D')
          .type(InputType.Number)
          .onChange(value => {
            this.imageWidth=parseInt(value)
          })
      }

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