【HarmonyOS】鸿蒙开发之ArkTs初步认识——第2.1章_无法安装arkts

ArkTs简介

ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS应用开发继承了TS(typescript)的所有特性，是TS的超集。而后，TS又是基于JS，然后再JS的生态基础上做了进一步加强和拓展。
注意:ArkTs可以写TS或者JS，而JS文件不能写ArkTs语法
以下图可以展示Js，TS，ArkTs的关系

ArkTs基础语法

案例代码:

@Entry
@Component
struct Index{
  @State text:string = "ArkTs基础了解"
  build(){
    Column(){
      Text(this.text)
        .fontColor(Color.Red)
        .fontSize(35)
        .margin({
          bottom:50
        })
      Divider()
      Button("点击").onClick(()=>{
        this.text = this.text == "ArkTs基础了解"?"我改变了":"ArkTs基础了解";
      }).margin({top:50})
    }.alignItems(HorizontalAlign.Center)
    .justifyContent(FlexAlign.Center)
    .height("100%")
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

装饰器：跟Java和Nest.js中的装饰器一样的用法，用于装饰类，结构，方法以及变量，赋予特殊的含义。如上面例子一样，@Component声明当前为自定义组件，@Entry声明当前组件为入口组件，，@State声明当前变量的变化，会出发UI刷新。

UI描述： 以声明式的方式来描述UI的结构，例如build()方法中的代码块。

自定义组件： 可在多个页面重复使用自定义组件，符合高内聚 ，低耦合的开发原则。需要使用装饰器@Components装饰的类才能叫自定义组件。

系统组件： ArkUI框架中默认内置的基础和容器组件，可直接被开发者调用，不需要下载安装第三方库。例如案例中的Text,Button,Divider等

属性方法： 组件可以通过链式调用配置多项属性，例如案例中的fontSize(),fontColor(),height(),alignItems(),justifyContent()等。

事件方法： 组件可以通过链式调用设置多个事件的响应逻辑，如跟随在Button,Text后面的onClick()

✨$踩坑不易，还希望各位大佬支持一下$

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/248063