【鸿蒙学习必备】OpenHarmony 开发语言（ArkTS）常见问题汇总（建议收藏）

最新推荐文章于 2024-07-21 21:22:49 发布
最新推荐文章于 2024-07-21 21:22:49 发布
阅读量1.6k 收藏 12
点赞数 12
文章标签： harmonyos 学习 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47197994/article/details/137597502
版权

ArkUI如何通过代码动态创建组件

适用于：OpenHarmony 3.2 Beta5 API 9

解决措施

ArkUI使用ArkTS声明式开发范式，开发者无法持有组件实例，在声明时通过渲染控制语法以及动态构建UI元素的方式，控制组件的创建。

代码示例

ArkUI如何通过代码动态创建组件
适用于：OpenHarmony 3.2 Beta5 API 9

解决措施

ArkUI使用ArkTS声明式开发范式，开发者无法持有组件实例，在声明时通过渲染控制语法以及动态构建UI元素的方式，控制组件的创建。

代码示例

使用@Builder装饰器包含自定义组件的方法与普通方法的区别是什么

适用于：OpenHarmony 3.2 Beta5 API 9

解决措施

@Builder装饰的方法中使用了自定义组件，那么该方法每次被调用时，对应的自定义组件均会重新创建，普通方法中不使用@builder装饰，无法容纳自定义组件。

如何使用@BuilderParam装饰器进行组件传参

适用于：OpenHarmony 3.2 Beta5 API 9

解决措施

不带参数

对@BuilderParam修饰的属性进行赋值时不带参数（如：content: this.specificParam），则此属性的类型需定义成无返回值的函数（如：@BuilderParam content: () => void）。

带参数

对@BuilderParam修饰的属性进行赋值时带参数（如：callContent: this.specificParam1(“111”)），则此属性的类型需定义成any（如：@BuilderParam callContent: any）。

鸿蒙开发咨询、解答、项目实战

如何监听数组内对象属性变化

适用于：OpenHarmony 3.2 Beta5 API9

问题现象

数组内存储对象示例，需要对对象的属性变化进行监听。

解决措施

通过@Observed配合@ObjectLink装饰符实现。@Observed用于类，@ObjectLink用于变量。

代码示例
在类上使用@Observed。

@Observed class ClassA { public name: string public c: number public id: number​constructor(c: number, name: string = 'OK') {   this.name = name   this.c = c } }

在组件变量使用@ObjectLink。

@Component struct ViewA { label: string = 'ViewA1' @ObjectLink a: ClassA​build() {   Row() {     Button(`ViewA [${this.label}] this.a.c= ${this.a.c} +1`)       .onClick(() => {         this.a.c += 1       })   }.margin({ top: 10 }) } }

子组件使用@Link修饰成员变量时，如何通过父组件传值

适用于：OpenHarmony 3.2 Beta5 API 9

解决措施

子组件使用@Link接受父组件的值时，需要使用’$'建立变量之间的引用关系。才能实现同步。

代码示例

@Link语义是从’ ′ 操作符引出，即 '操作符引出，即 ′操作符引出，即isPlaying是this.isPlaying内部状态的双向数据绑定。当单击子组件PlayButton中的按钮时，@Link变量更改，PlayButton与父组件中的Text和Button将同时进行刷新，同样地，当点击父组件中的Button修改this.isPlaying时，子组件PlayButton与父组件中的Text和Button也将同时刷新。

在父组件使用@State装饰器，传递数据使用$符创建引用。

@Entry @Component struct Player { @State isPlaying: boolean = false build() {   Column() {     PlayButton({ buttonPlaying: $isPlaying })     Text(`Player is ${this.isPlaying ? '' : 'not'} playing`).fontSize(18)     Button('Parent:' + this.isPlaying)       .margin(15)       .onClick(() => {         this.isPlaying = !this.isPlaying       })   } } }​​

在子组件使用@Link接受数据。

@Component struct PlayButton { @Link buttonPlaying: boolean​build() {   Column() {     Button(this.buttonPlaying ? 'pause' : 'play')       .margin(20)       .onClick(() => {         this.buttonPlaying = !this.buttonPlaying       })   } } }

父组件如何与孙子组件进行状态同步

适用于：OpenHarmony 3.2 Beta5 API 9

解决措施

方式一（推荐）：使用@Provide和@Consume装饰器。在父组件使用@Provide，在孙子组件使用@Consume，可以实现父组件和孙子组件进行双向数据绑定。

方式二：使用@State和@Link装饰器。在父组件使用@State，在每一层子组件（子组件和孙子组件）都使用@Link。

代码示例一

父组件中使用子组件，通过Provide提供reviewVote参数，供跨级传递给孙子组件。

@Entry @Component struct Father{ @Provide("reviewVote") reviewVotes: number = 0;​build() {   Column() {     Son()     Button(`Father: ${this.reviewVotes}`)       ...   } } }

子组件中使用孙组件。

@Component struct Son{ build() {   Column() {     GrandSon()   } } }

孙子组件中使用Consume来接受reviewVote的参数。

@Component struct GrandSon{ @Consume("reviewVote") reviewVotes: number​build() {   Column() {     Button(`GrandSon: ${this.reviewVotes}`)       ...   }.width('100%') } }

代码示例二

父组件Father使用@State绑定数据reviewVote。

@Entry
@Component
struct Father {
  @State reviewVotes: number = 0;

  build() {
    Column() {
      Son({reviewVotes:$reviewVotes})
      Button(`Father: ${this.reviewVotes}`)
        ...
    }
  }
}

子组件Son中使用@Link接受由父组件Father传递的参数reviewVote。

@Component
struct Son{
  @Link reviewVotes: number;
  build() {
    Column() {
      Grandson({reviewVotes:$reviewVotes})
    }
  }
}

孙子组件GrandSon使用@Link接受由Son组件传递的参数reviewVote。

@Component
struct Grandson{
  @Link reviewVotes: number;

  build() {
    Column() {
      Button(`Grandson: ${this.reviewVotes}`)
        ...
    }.width('100%')
  }
}

Js如何定义callback函数

适用于：OpenHarmony 3.2 Beta5 API 9

解决措施

定义个callback函数的样例，示例如下：

定义回调函数

// 页面中定义个2个参数,空返回的callback函数
myCallback: (a:number,b:string) => void

在使用时进行初始化赋值

aboutToAppear() {
  // callback函数初始化
  this.myCallback= (a,b)=>{
    console.info(`handle myCallback a=${a},b=${b}`)
  }}

鸿蒙开发咨询、解答、项目实战

组件需要多次更新时如何优化性能

适用于：OpenHarmony 3.2 Beta5 API 9

解决措施

使用状态管理模块，目前已经支持最小化更新，当数据依赖变化时，不再是重新刷新整个自定义组件，而是只更新依赖数据的视图内容。

对象中函数的this如何指向外层

适用于：Openharmony 3.2 Beta5 API 9

解决措施

通过箭头函数实现。

代码示例

const obj = {
  start:() => {
    return this.num
  }
}

如何实现页面加载前从接口获取数据

适用于：Openharmony 3.2 Beta5 API 9

问题现象

页面生命周期相关问题，在页面渲染前从接口获取数据，渲染时将数据渲染到页面上。

解决措施

在声明周期函数aboutToAppear中使用异步接口获取页面数据，数据变量使用@State修饰，数据获取完成后根据变量自动刷新页面。

代码示例

@Entry
@Component
struct Test6Page {
  // 数据获取成功，会自动刷新页面
  @State message: string = 'loading.....'
  aboutToAppear(){
    // 模拟异步接口获取数据
    setTimeout(()=>{
      this.message = 'new msg'
    },3000)
  }
  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

Stage模型资源配置文件string.json是否支持配置占位符

适用于：Openharmony 3.2 Beta5 API 9

解决措施

资源配置文件string.json文件支持配置%s占位符，可以在对应的页面中通过定义变量，在实际组件使用Resources和变量拼接的方式达到实现效果。

代码参考

string.json
{
  "string": [
    {
      "name": "module_desc",
      "value": "模块描述%s2%s"
    }
  ]
}

XXX.ets
Text($r('app.string.module_desc',"hello WOlrd",this.message))

鸿蒙开发咨询、解答、项目实战

eTS文件和ts文件的区别

适用于：Openharmony 3.2 Beta5 API 9

解决措施

ArkTS基于兼容了TS语法，继承了TS的所有特性，当前，ArkTS在TS的基础上主要扩展了声明式UI能力，让开发者能够以更简洁、更自然的方式开发高性能应用。推荐用ArtTS开发UI相关内容，TS可以用来开发业务逻辑相关内容。

如何获取三方码

适用于：Openharmony 3.2 Beta5 API 9

问题现象

因为业务需要，云闪付app需要唯一识别一台设备，不管app被卸载重装还是清空缓存，都可以唯一识别这台设备。请问鸿蒙系统中有没有什么信息是可以让第三方应用使用的，用来唯一识别设备的？HMS有没有唯一识别一台设备的功能？有没有第三方库用来唯一识别一台设备？

解决措施

避免使用IMEI和序列号等永久性的标识符，尽量使用可以重置的标识符，如系统提供了NetworkID和DVID作为分布式场景下的设备标识符，广告业务场景下则建议使用OAID，基于应用的分析则建议使用ODID和AAID，其他需要唯一标识符的场景可以使用UUID接口生成

UUID方法：util.randomUUID

如何设置自定义组件height缺省

适用于：Openharmony 3.2 Beta5 API 9

解决措施

OpenHarmony布局会根据元素自身内容设置需要的高度，可以不设置缺省。

ArkTS如何发送邮箱验证码

适用于：Openharmony 3.2 Beta5 API 9

问题现象

ArkTS语言如何给邮箱发送邮箱验证码？用哪个接口？

解决措施

发送验证码需要请求服务端，然后服务端调用对应的短信验证码接口来实现该功能。可以通过短信服务实现相关功能。

如何将传感器的数据实时显示在UI的Text中

适用于：Openharmony 3.2 Beta5 API9

问题现象

ArkUI（ets）如何将传感器的数据实时显示在UI的Text中。

解决措施

传感器返回数据类型为double，可将double转为string，再显示在text中。

如何监听屏幕旋转

适用于：Openharmony 3.2 Beta5 API 9

问题现象

应用想监听屏幕是否进行旋转操作。

解决措施

屏幕旋转可使用媒体查询接口进行监听。

import mediaquery from '@ohos.mediaquery'
let listener = mediaquery.matchMediaSync('(orientation: landscape)'); //监听横屏事件
function onPortrait(mediaQueryResult) {
  if (mediaQueryResult.matches) {
   // do something here
  } else {
   // do something here
  }
}
listener.on('change', onPortrait) // 注册回调
listener.off('change', onPortrait) // 去注册回调

DevEco Studio 升级到最新后ForEach不能遍历全部数据

适用于：Openharmony 3.2 Beta5 API 9

问题现象

升级DevEco Studio后，ForEach无法遍历全部数据。

解决措施

forEach()功能进行了增强，其第三个参数keyGenerator如果传入参数时，需要确保数据源array中的每个元素生成的key不同，才能正常遍历。如果生成的key相同，则只能生成一个。

该第三个参数也可以不传，系统采用默认生成方式，也可以正常遍历出全部元素。

创建的单例换了页面后不生效问题

适用于：Openharmony 3.2 Beta5 API 9

问题现象

单例只有在同一个流程中才有效，换了页面后之前的实例都全是undefined。

解决措施

对于每个Page都会生成一个js文件，定义的单例会在每个js中都生成一份，所以单例的作用范围只是Page的范围。

如果想共享一个实例，创建范围需要提升至UIAbility或者App级别。

鸿蒙开发咨询、解答、项目实战

如何将时间格式的字符串string转换为Date对象

适用于：Openharmony 3.2 Beta5 API 9

解决措施

如果字符string满足格式“yyyy-MM-dd”格式，则可直接使用函数new Date(“yyyy-MM-dd”)来获取对应的Date对象。

new Date("2021-05-23");
new Date("2020/2/29");
new Date("2020-14-03");
new Date("14-02-2021");

其他格式字符串可使用new Date(year:number,month:number,day?:number,hour?:number,mintue?:number,second?:number,ms?:number)方法来获取Date对象。

// 根据参数创建日期的语法：
new Date(yearValue, IndexOfMonth, dayValue, hours, minutes, seconds)

其中每一个参数换算为对应时间参数传入即可。

yearValue：应符合 ISO 8061 YYYY 格式。例如 2021。如果我们以 YY 格式指定一个值，它将会被错误地接受。例如，仅将 2021 提到 21 会被认为是 1921 年而不是 2021 年。

IndexOfMonth：从索引 0 开始。因此，从 Month 值中减去 1。例如，对于 3 月，该值为 3，但 monthIndex 将为 2（即 3-1 = 2）。本月指数通常应在 0-11 范围内

dayValue：表示一个月中的某天。它应在 1-31 范围内，具体取决于一个月中的天数。例如：对于 21-05-2021，日期值为 21

hours：一天中的小时。例如 10 点。

minutes：过去一个小时的分钟数

seconds：保留超过一分钟的秒数。
*

ArkTS如何把string转为byte数组

适用于：Openharmony 3.2 Beta5 API 9

解决措施

参考如下代码实现，示例：

stringToArray(str:string) {
  var arr = [];
  for(var i = 0,j = str.length;i<j;++i) {
 arr.push(str.charCodeAt(i))
  }
  return arr;
}

ArkTS如何实现字符串编解码

适用于：Openharmony 3.2 Beta5 API 9

解决措施

通过util工具函数模块中的TextEncoder和TextDecoder进行解码。

worker线程中能否进行关系型数据库的操作

适用于：Openharmony 3.2 Beta5 API 9

当前不支持将UI主线程中的rdb数据库对象发送给Worker线程后进行操作。Worker线程中使用rdb数据库，需要重新获取rdb数据库的对象。

如何获取应用resource目录下的文件

适用于：Openharmony 3.2 Beta5 API 9

解决措施

方式一：使用 r 或者 r或者 r或者rawfile访问。适合静态访问，程序运行时不改变资源路径。

方式二：使用ResourceManage访问。适合动态访问，程序运行时可动态改变资源路径。

XML格式如何转为JSON格式

适用于：Openharmony 3.2 Beta5 API 9

问题现象

服务端返回的数据是通过base64编码后XML格式，需要转为JSON格式进行后续的处理。

解决措施

使用util工具中的base64相关接口进行解码操作，然后使用convertxml组件解析XML格式数据。

代码示例

import convertxml from '@ohos.convertxml';
import util from '@ohos.util';

@Entry
@Component
struct Faq_4_31 {
  @State message: string = 'base64转json'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
          .onClick(() => {
            /* 原数据，GBK编码
            <?xml version="1.0" encoding="GBK"?>
            <data>
            <asset_no>xxxxx</asset_no>
            <machine_sn>xxxx</machine_sn>
            <bios_id>xxxx</bios_id>
            <responsible_emp_name><![CDATA[xxxx]]></responsible_emp_name>
            <responsible_account><![CDATA[xxxx xxxx]]></responsible_account>
            <responsible_emp_no>xxxx</responsible_emp_no>
            <responsible_dept><![CDATA[xxxx]]></responsible_dept>
            <user_dept><![CDATA[xxxx]]></user_dept>
            <user_name><![CDATA[xxx]]></user_name>
            <cur_domain_account>xxxx</cur_domain_account>
            <asset_loc><![CDATA[--]]></asset_loc>
            <asset_loc_cur><![CDATA[]]></asset_loc_cur>
            <asset_type>1</asset_type>
            <asset_use>For Outsourcing Staff/xxxx</asset_use>
            <overdue_date></overdue_date>
            <asset_status>xxxx</asset_status>
            <asset_period>xxxx</asset_period>
            <license></license>
            </data>
             */
            let src = 'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iR0JLIj8+CjxkYXRhPgo8YXNzZXRfbm8+eHh4eHg8L2Fzc2V0X25vPgo8bWFjaGluZV9zbj54eHh4PC9tYWNoaW5lX3NuPgo8Ymlvc19pZD54eHh4PC9iaW9zX2lkPgo8cmVzcG9uc2libGVfZW1wX25hbWU+PCFbQ0RBVEFbeHh4eF1dPjwvcmVzcG9uc2libGVfZW1wX25hbWU+CjxyZXNwb25zaWJsZV9hY2NvdW50PjwhW0NEQVRBW3h4eHggeHh4eF1dPjwvcmVzcG9uc2libGVfYWNjb3VudD4KPHJlc3BvbnNpYmxlX2VtcF9ubz54eHh4PC9yZXNwb25zaWJsZV9lbXBfbm8+CjxyZXNwb25zaWJsZV9kZXB0PjwhW0NEQVRBW3h4eHhdXT48L3Jlc3BvbnNpYmxlX2RlcHQ+Cjx1c2VyX2RlcHQ+PCFbQ0RBVEFbeHh4eF1dPjwvdXNlcl9kZXB0Pgo8dXNlcl9uYW1lPjwhW0NEQVRBW3h4eF1dPjwvdXNlcl9uYW1lPgo8Y3VyX2RvbWFpbl9hY2NvdW50Pnh4eHg8L2N1cl9kb21haW5fYWNjb3VudD4KPGFzc2V0X2xvYz48IVtDREFUQVstLV1dPjwvYXNzZXRfbG9jPgo8YXNzZXRfbG9jX2N1cj48IVtDREFUQVtdXT48L2Fzc2V0X2xvY19jdXI+Cjxhc3NldF90eXBlPjE8L2Fzc2V0X3R5cGU+Cjxhc3NldF91c2U+Rm9yIE91dHNvdXJjaW5nIFN0YWZmL3h4eHg8L2Fzc2V0X3VzZT4KPG92ZXJkdWVfZGF0ZT48L292ZXJkdWVfZGF0ZT4KPGFzc2V0X3N0YXR1cz54eHh4PC9hc3NldF9zdGF0dXM+Cjxhc3NldF9wZXJpb2Q+eHh4eDwvYXNzZXRfcGVyaW9kPgo8bGljZW5zZT48L2xpY2Vuc2U+CjwvZGF0YT4='
            let base64 = new util.Base64Helper();
            // base解码
            let src_uint8Array = base64.decodeSync(src);
            // 解码为utf-8的字符串
            let textDecoder = util.TextDecoder.create("utf-8",{ignoreBOM: true})
            let src_str = textDecoder.decodeWithStream(src_uint8Array)
            //替换encoding字段
            src_str = src_str.replace("GBK","utf-8")
            console.log('Test src_str: ' + JSON.stringify(src_str));
            // 转换 xml-> json
            let conv = new convertxml.ConvertXML();
            let options = {trim : false, declarationKey:"_declaration",
              instructionKey : "_instruction", attributesKey : "_attributes",
              textKey : "_text", cdataKey:"_cdata", doctypeKey : "_doctype",
              commentKey : "_comment", parentKey : "_parent", typeKey : "_type",
              nameKey : "_name", elementsKey : "_elements"}
            let src_json = JSON.stringify(conv.convertToJSObject(src_str, options));
            console.log('Test json: ' + JSON.stringify(src_json));
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}

通过try/catch语句获取到错误码401是什么意思

适用于：Openharmony 3.2 Beta5 API 9

问题原因

必选参数没有传入。

参数类型错误。

参数为undefined。

在生成器函数中编译TS语言有哪些使用限制

适用于：Openharmony 3.2 Beta5 API 9

解决措施

TS语言的使用在生成器函数中存在以下限制：

表达式仅允许在字符串(${expression})、if条件、ForEach的参数和组件的参数中使用。

这些表达式中的任何一个都不能导致任何应用程序状态变量（@State、@Link、@Prop）的改变，否则会导致未定义和潜在不稳定的框架行为。

生成器函数内部不能有局部变量。

上述限制都不适用于事件处理函数（例如onClick）的匿名函数实现。

如何动态修改TextPicker的数组的值

适用于：Openharmony 3.2 Beta5 API 9

解决措施

可通过@State修饰数组动态修改TextPicker中值，目前新框架已支持。

鸿蒙开发咨询、解答、项目实战

如何设置一张图片上面四个角都分别有一个角标

适用于 OpenHarmony 3.2 Beta5

问题现象

应用需求，在一张图片上面四个角分别设置一个角标。

解决措施

可以使用绝对定位，设置元素锚点相对于父容器顶部起点的偏移位置。在布局容器中，设置该属性不影响父容器布局。

示例：

@Entry
@Component
struct PositionExample2 {
  build() {
    Column({ space: 20 }) {
      Stack({ alignContent: Alignment.TopStart }) {
        Row()
          .size({ width: '100', height: '100' })
          .backgroundColor(0xdeb887)
        Image($r('app.media.app_icon'))
          .size({ width: 25, height: 25 })
          .markAnchor({ x: 0, y: 0 })
        Image($r('app.media.app_icon'))
          .size({ width: 25, height: 25 })
          .markAnchor({ x: 25, y: 25 })
          .position({ x: '100%', y: '100%' }) 
      }.margin({ top: 25 }).width('100').height('100')
    }
    .width('100%').margin({ top: 25 })
  }
}

input的输入框的type属性是date，但是也不能选择时间

适用于 OpenHarmony 3.2 Beta5

问题现象

input组件的type设置为date，软键盘弹出后不能选择时间。

解决措施

input组件的type设置为date，只是会有相关格式提示，本质上还是输入控件，如果需要实现日期选择效果，需要使用picker组件。

TextView布局设置间距与显示界面不符合

适用于 OpenHarmony 3.2 Beta5

解决措施

TextView默认设置align属性为居中，文本从左到右显示，需要设置align属性为Start。

Gauge组件的指针能否隐藏

适用于 OpenHarmony 3.2 Beta5

解决措施

Gauge组件的指针目前不能被隐藏

在Ability跳转时，ArkTS如何处理传递大内存数据

适用于 OpenHarmony 3.2 Beta5

问题描述

在进行Ability的跳转时，如何传递较大的数据？

解决措施

ability之间交互通过want传递数据

SideBarContainer如何设置controlButton属性

适用于 OpenHarmony 3.2 Beta5，API9

解决措施

示例代码：

@Entry
@Component
struct SideBarContainerExample {
  normalIcon : Resource = $r("app.media.icon")
  selectedIcon: Resource = $r("app.media.icon")
  @State arr: number[] = [1, 2, 3]
  @State current: number = 1

  build() {
    SideBarContainer(SideBarContainerType.Embed)
    {
      Column() {
        ForEach(this.arr, (item, index) => {
          Column({ space: 5 }) {
            Image(this.current === item ? this.selectedIcon : this.normalIcon).width(64).height(64)
            Text("Index0" + item)
              .fontSize(25)
              .fontColor(this.current === item ? '#0A59F7' : '#999')
              .fontFamily('source-sans-pro,cursive,sans-serif')
          }
          .onClick(() => {
            this.current = item
          })
        }, item => item)
      }.width('100%')
      .justifyContent(FlexAlign.SpaceEvenly)
      .backgroundColor('#19000000')


      Column() {
        Text('SideBarContainer content text1').fontSize(25)
        Text('SideBarContainer content text2').fontSize(25)
      }
      .margin({ top: 50, left: 20, right: 30 })
    }
    .sideBarWidth(150)
    .minSideBarWidth(50)
    .controlButton({left:32,
      top:32,
      width:32,
      height:32, 
      icons:{shown: $r("app.media.icon"),
        hidden: $r("app.media.icon"),
        switching: $r("app.media.icon")}})
    .maxSideBarWidth(300)
    .onChange((value: boolean) => {
      console.info('status:' + value)
    })
  }
}
Grid如何实现拖拽功能
适用于 OpenHarmony 3.2 Beta5 ，API9

解决措施

grid组件下设置属性editMode(true)设置Grid是否进入编辑模式，进入编辑模式可以拖拽Grid组件内部GridItem

在onItemDragStart回调中设置拖拽过程中显示的图片

在onItemDrop中获取拖拽起始位置，和拖拽插入位置，在onDrag回调中完成交换数组位置逻辑。示例代码：

@Entry
@Component
struct GridExample {
  @State numbers: String[] = []
  scroller: Scroller = new Scroller()
  @State text: string = 'drag'

  @Builder pixelMapBuilder() { //拖拽过程样式
    Column() {
      Text(this.text)
        .fontSize(16)
        .backgroundColor(0xF9CF93)
        .width(80)
        .height(80)
        .textAlign(TextAlign.Center)
    }
  }

  aboutToAppear() {
    for (let i = 1;i <= 15; i++) {
      this.numbers.push(i + '')
    }
  }

  changeIndex(index1: number, index2: number) { //交换数组位置
    [this.numbers[index1], this.numbers[index2]] = [this.numbers[index2], this.numbers[index1]];
  }

  build() {
    Column({ space: 5 }) {
      Grid(this.scroller) {
        ForEach(this.numbers, (day: string) => {
          GridItem() {
            Text(day)
              .fontSize(16)
              .backgroundColor(0xF9CF93)
              .width(80)
              .height(80)
              .textAlign(TextAlign.Center)
              .onTouch((event: TouchEvent) => {
                if (event.type === TouchType.Up) {
                  this.text = day
                }
              })
          }
        })
      }
      .columnsTemplate('1fr 1fr 1fr')
      .columnsGap(10)
      .rowsGap(10)
      .onScrollIndex((first: number) => {
        console.info(first.toString())
      })
      .width('90%')
      .backgroundColor(0xFAEEE0)
      .height(300)
      .editMode(true) //设置Grid是否进入编辑模式，进入编辑模式可以拖拽Grid组件内部GridItem
      .onItemDragStart((event: ItemDragInfo, itemIndex: number) => { //第一次拖拽此事件绑定的组件时，触发回调。
        return this.pixelMapBuilder() //设置拖拽过程中显示的图片。
      })
      .onItemDrop((event: ItemDragInfo, itemIndex: number, insertIndex: number, isSuccess: boolean) => { //绑定此事件的组件可作为拖拽释放目标，当在本组件范围内停止拖拽行为时，触发回调。
        console.info('beixiang' + itemIndex + '', insertIndex + '') //itemIndex拖拽起始位置，insertIndex拖拽插入位置
        this.changeIndex(itemIndex, insertIndex)
      })
    }.width('100%').margin({ top: 5 })
  }
}

如何解析xml？

适用于：OpenHarmony 3.2 Beta5，API9

解决措施

使用ConvertXML的convert接口可以将xml文本解析为JavaScript对象。

鸿蒙开发咨询、解答、项目实战

RichText 组件怎么加上滚动条

适用于：OpenHarmony 3.2 beta5，API9 Stage模型

解决措施

RichText底层是web，可以参考html的语法，在div上加上的overflow：auto的滚动样式。

软件测试狂阿沐
关注
《HarmonyOS实战——前端开发华为鸿蒙系统应用 OpenHarmony JS》
孙叫兽的博客
06-16 1万+
导读：一款“面向未来”、面向全场景（移动办公、运动健康、社交通信、媒体娱乐等）的分布式操作系统 。现已开源，名为 OpenHarmony。2019 年 8 月 9 日，华为在 HDC 开发...
HarmonyOS应用开发 - 工具记录
m0_61170978的博客
04-24 674
1、UI开发（ArkTS声明式开发范式）概述2、开发布局3、添加组件4、显示图片5、使用动画6、支持交互事件7、性能提升的推荐方法设置深色模式上传文件在新窗口中打开页面管理位置权限并发概述使用异步并发能力进行开发使用多线程并发能力容器类库XML生成、解析、与转换通知应用模型的构成要素应用模型解读。
【鸿蒙实战开发】基于原生能力的横竖屏旋转适配
最新发布
MNXN666的博客
07-21 1038
我们如何通过传感器自己感知方向，自己设置旋转；(使用sensor感知设备是不关心设备是否启用系统自带的旋转锁定)：在一个应用内，不同的页面有不同的旋转策略；如：首页仅竖屏，详情页面允许横竖屏切换；
ArkUI-1.OpenHarmony开发语言简介
weixin_43700475的博客
06-24 1110
ArkUI
【OpenHarmony】OpenHarmony 简介 ( HarmonyOS / OpenHarmony - Android / AOSP 对比关联 | 鸿蒙开发者定位及使用的开发语言和开发工具)
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
05-26 3705
一、OpenHarmony 简介 1、OpenHarmony 由来 2、OpenHarmony 架构 3、OpenHarmony 特点 二、HarmonyOS / OpenHarmony - Android / AOSP 对比关联 1、HarmonyOS 与 Android 的关系 2、HarmonyOS 与 OpenHarmony 的关系 3、HarmonyOS 与 OpenHarmony 的版本迭代 三、鸿蒙开发者定位及使用的开发语言和开发工具
OpenHarmony开发指南—如何编译OpenHarmony SDK API
2401_82546228的博客
05-29 1477
如果使用的SDK不对，会无法导入期望的模块，如下图：
基于OpenHarmony开发的语音小助手
m0_57332128的博客
03-25 7460
*基于OpenHarmony开发的语音小助手* 本教程将演示如何在BearPi-HM_Nano开发板上使用GPIO输入功能去读取语音模块信息，实现****开关灯自由****！！ *一、********实验前器材准备* 语音识别模块 语音播放模块 SD卡 无源喇叭 BearPi-HM_Nano开发板 E53—SC1模块 面包板 二、环境搭建 *(1)********搭建小熊派的开发环境* 参考官方文档 三、*电路连接* BearPi-HM_Nano开发板****引脚连接**** GPIO_11—
HarmonyOS移动应用开发（ArkTS版）课件PPT
11-14
HarmonyOS 移动应用开发（ArkTS版）是面向开发者的一门课程，旨在教授如何使用 ArkTS 语言在 HarmonyOS 上构建高效、跨平台的应用。本课程由刘安战、余雨萍、陈争艳三位专家编著，由清华大学出版社出版。 ArkTS 是 ...
鸿蒙HarmonyOS开发框架—ArkTS语言（基本语法 一）_鸿蒙 使用 ts(1)
2401_84181193的博客
04-21 739
ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑。如果组件的接口定义没有包含必选构造参数，则组件后面的“()”不需要配置任何内容。属性方法以“.”链式调用的方式配置系统组件的样式和其他属性，建议每个属性方法单独写一行。事件方法以“.”链式调用的方式配置系统组件支持的事件，建议每个事件方法单独写一行。如果组件的接口定义包含构造参数，则在组件后面的“()”配置相应参数。根据组件构造方法的不同，创建组件包含有参数和无参数两种方式。
HarmonyOS/OpenHarmony应用开发-ArkTS语言声明式UI描述
csdndevpress0028的博客
06-09 669
如果组件支持子组件配置，则需在尾随闭包"{...}"中为组件添加子组件的UI描述。ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑。如果组件的接口定义没有包含必选构造参数，则组件后面的“()”不需要配置任何内容。使用匿名函数表达式配置组件的事件方法，要求使用bind，以确保函数体中的this指向当前组件。如果组件的接口定义包含构造参数，则在组件后面的“()”配置相应参数。使用组件的成员函数配置组件的事件方法。
HarmonyOS/OpenHarmony应用开发-ArkOpenHarmony应用开发-ArkTS画布组件Canvas.doc
03-02
HarmonyOS/OpenHarmony 应用开发-ArkTS 画布组件 Canvas HarmonyOS/OpenHarmony 应用开发-ArkTS 画布组件 Canvas 是 ArkTS 框架中的一种重要组件，用于自定义绘制图形。该组件从 API Version 8 开始支持，后续版本...
HarmonyOS鸿蒙开发指南:基于ArkTS开发 公共事件与通知
sybh的博客
01-10 1830
HarmonyOS通过CES（Common Event Service，公共事件服务）为应用程序提供订阅、发布、退订公共事件的能力。公共事件可分为系统公共事件和自定义公共事件。系统公共事件：系统将收集到的事件信息，根据系统策略发送给订阅该事件的用户程序。例如：系统关键服务发布的系统事件（例如：hap安装，更新，卸载等）。自定义公共事件：应用自定义一些公共事件用来实现跨应用的事件通信能力。每个应用都可以按需订阅公共事件，订阅成功且公共事件发布，系统会把其发送给应用。
OpenHarmony介绍
CSDN官方赛事助手，为用户提供权威赛事资讯与服务，打造赛事交流平台，帮助用户解答疑问、提升技能、参赛备赛。
04-06 3643
前言 之前和一些市场朋友沟通，他们会有一些概念上的问题，比如OpenHarmony是不是等于HarmonyOS，鸿蒙究竟是不是传闻中的安卓套壳呢？本系列文章呢也是作为科普向文章，以我个人的理解带大家了解一些相关知识，从而调起大家自主学习的兴趣，共同学习进步。 一、OpenHarmony & Harmony OS 我们首先先来区分OpenHarmony和HarmonyOS两个概念。 用通俗的话解释，OpenHarmony如果比喻成毛坯房，HarmonyOS就是华为基于这个毛...
openharmony开发流程梳理
Hero_rong的博客
03-17 1757
参考了南先生的博客，原文地址https://blog.csdn.net/nanzhanfei/article/details/121951919 wsl安装 1.打开设置 -> 安全和更新 -> 开发者选项，选择为“开发人员模式”； 2.Win + R运行 control appwiz.cpl 指令,在启用或关闭Windows功能中勾选适用于Linux的Windows子系统和虚拟机平台两项启用，重启（注：没有虚拟机平台的，请升级Windows系统,Win10 版本号为 2004（内.
【笔记】OpenHarmony和HarmonyOS区别及应用开发简介
。
03-03 3342
HO当前最高是3.1，在华为mate 60上面也是。关于4.0、5.0和next这类版本说法都是面向用户的，不是开发人员。对于程序员，最高只到了版本3。OH基于内核，市面了解的是叫HO。先有内核版本才有应用层版本，因此OH的版本会比HO高级。
第二章 OpenHarmony工程介绍
开源大使
10-26 1267
Ability译为能力，一个OpenHarmony应用包含N个能力（Ability），它们是系统调用应用的最小单元。应用程序开发其实本质上就是开发Ability。自己试试对应用进行拆分，你会发现它们具备很多小能力。把这些小能力组合起来就变成了一个应用。方舟开发框架（简称：ArkUI），是一套UI开发框架，提供开发者进行应用UI开发时所必需的能力。
VS2015 C++编译时出现 "the windows sdk version for 10 was not found"解决办法
热门推荐
prolrj2015的博客
04-19 1万+
因为是一个vs2017的项目，我拿过来在自己电脑上（vs2015）上编译，出现了错误： error MSB8036: The Windows SDK version 10.0.14393.0 was not found. 考虑到vs2015默认使用的目标平台是windows sdk version 8.1，将其改成8.1但是还会出现这样的错误，可能原因必须需要速度快version10？？于是就到...
OpenHarmony 应用开发SDK、API 与基础工具
weixin_69135651的博客
09-19 1206
C API 只覆盖了部分鸿蒙基础底层能力，如 libc，图形库，窗口系统，多媒体，压缩库等，并没有完全提供类似于 ArkTS API 上的完整鸿蒙平台能力，开发者可以使用 C API 开发支持鸿蒙应用框架的扩展动态库，通过 import 语句导入到 ArkTS 环境中使用。鸿蒙生态应用的主要开发语言是 ArkTS，同时也提供使用 Native 语言开发 ArkTS 模块的扩展方式，鸿蒙系统中支持这种开发方式的 C 语言接口叫 C API。鸿蒙系统是分布式操作系统，一套 SDK 可适配多设备的开发。
ArkTS、网络数据请求获取不到数据的原因
weixin_45069056的博客
12-05 877
ArkTS、网络数据请求获取不到数据的原因
鸿蒙开发入门： ArkTS语言详解与HelloWorld实践
"移动开发领域的鸿蒙操作系统(HarmonyOS)入门教程，专注于 HelloWorld 示例和 ArkTS 语言的介绍。" 在移动开发领域，HarmonyOS 是华为推出的一款面向全场景的分布式操作系统，旨在打破设备间的界限，实现跨平台、跨...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值