HarmonyOS
HarmonyOS开发-ArkTS语言介绍
00 分钟
2023-9-15
2023-10-8
type
status
date
slug
summary
tags
category
icon
password

1、基本结构介绍

由于ArtTS是基于TS做的一些拓展，所以在鸿蒙开发时，编写方式会与原生TS开发有些不一样。下面使用代码示例来介绍：
  • 装饰器： 用于装饰类、结构、方法以及变量，并赋予其特殊的含义。如上述示例中@Entry、@Component和@State都是装饰器
    • @Component表示自定义组件
    • @Entry表示该自定义组件为入口组件
    • @State表示组件中的状态变量，状态变量变化会触发UI刷新。
  • UI描述：位于build()方法中的代码块。
  • 自定义组件：可复用的UI单元，可组合其他组件，如上述被@Component装饰的struct Hello。
  • 系统组件：ArkUI框架中默认内置的基础和容器组件，可直接被开发者调用，比如示例中的Column、Text、Divider、Button。
  • 属性方法：组件可以通过链式调用配置多项属性，如fontSize()、width()、height()、backgroundColor()等
  • 事件方法：组件可以通过链式调用设置多个事件的响应逻辑，如跟随在Button后面的onClick()

2、声明式UI组件

ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑。

2.1、组件的创建

根据组件的不同，我们可以将组件分为有参数组件和无参数组件。同时，在创建组件时，不用使用new来创建。
例如无参数组件Column、Divider，和有参数组件Button、Image、Text：
在有参数组件中，参数也可以是其他形式。例如：

2.2、组件的属性

属性方法以“.”链式调用的方式配置系统组件的样式和其他属性，建议每个属性方法单独写一行。下面是属性设置代码：
在上面的代码中，有一个属性为.fontWeight(FontWeight.Bold)，其中的参数是ArkUI为系统组件提供的枚举类型值，可以方便在代码中的使用。

2.3、组件的事件

和属性一样，事件的设置也是用.符号作为连接，例如点击事件onClick：
可以看到，在onclick中，我们用匿名函数编写逻辑代码
上一篇
九、共同体的使用
下一篇
顶级语句
评论
Loading...