ArkTS(一)

1. 介绍
2. 基本数据：数字、字符串、布尔、联合类型、数组、枚举、元组、未知类型、null、有参与无参组件区别等
3. Image组件拉网图时，网络权限问题

介绍

ArkTS作为TS的超集，继承了TS，又有自己的特性：

• 声明式UI
• 组件化
• 状态管理

声明式UI：要知道什么是声明式，得了解一下命令式，命令式就是命令机器去做一件事，他会完全按照你的指令来，也叫指令式。声明式就是你告诉机器你要做什么，具体怎么做由机器处理，给你想要的结果。组件化和状态管理后续讲

基本数据

数字、字符串、布尔、联合类型、数组、枚举、元组、未知类型、null。
if和switch语句和JAVA语法类似。

注意：在方法外的成员变量需要let关键字，在里面的不用

//方法外的成员变量要加上let
//数字
let number1: number  = 9.9//数字类型，默认情况下是十进制
let number2: number  = 0b1100 //二进制由0b开头
let number3: number  = 0o1234 //八进制由0o开头
let number4: number  = 0xFE //十六进制由0x
//字符串
let string1: string = 'test1'
let string2: string = "Tom"
let string3: string = `他的名字是${string2}`//注意这里不是单引号，一般这个符号位于数字1旁边
// 联合类型
let object: string |number|boolean
object = true
object = 'string'
object = 99
//最后赋值的是什么类型就是什么类型，这里就是number类型


// 数组 有两种写法类型
let strings1: Array<string> = ['aa','bb'];
let strings2:string[]=['aaa','bbb'];

// 枚举
enum Color{Red,Green,Blue};
let color: Color = Color.Red;

// 元组 类似于Java的map键值对形式
let name1:[string,number];
name1=['Jett',123];//必须按照顺序来写，字符与数字定义后不能修改顺序

// 未知类型Unknown 相当于Java的object
let testType: unknown = 6;
testType = 'qwer'
testType = true
//无返回值
function name(param):void{}
//null要专门定义
let str1:null=null
//undefined也要专门定义
let str2:undefined = undefined;





@Component
struct Index {
  number: number = 99//里面的
  @State message: string = 'Hello World'
          //this.XXX就是返回当前结构体的环境的成员
          //xxx会优先访问结构体外面的成员
  /**
   * In low-code mode, do not add anything to the build function, as it will be
   * overwritten by the content generated by the .visual file in the build phase.
   */
 build() {
    // Row() {
    //   Column() {
    //     Text(this.message+str1)
    //       //this.XXX就是返回当前结构体的环境的成员
    //       //xxx会优先访问结构体外面的成员
    //       .fontSize(50)
    //       .fontWeight(FontWeight.Bold)
    //   }
    //   .width('100%')
    // }
    // .height('100%')
    Row() {
      Column() {
      Text(number1+'')
        .fontSize(66)//文本大小
        .fontColor(Color.Red)//文本颜色
        .fontWeight(FontWeight.Bold)//文本加粗
        Divider()
//分类，无参数(看源码，如果有 ? or ()，就是无参数)的组件
      Text()
        Divider()
        Text("有参数的文本组件")
      }
      .width('100%')
    }
    .height('100%')
  }
}

注意Image组件拉网图时，网络权限问题

 Image('https://tse3-mm.cn.bing.net/th/id/OIP-C.EjZ49Zh3S993h3yPbRWDegHaJ5?rs=1&pid=ImgDetMain')
      //这个照片可以在虚拟机上运行，但是在真机上不可以，因为真机需要权限
      //本地的访问方式
      
      

运行结果如下：

接下来添加权限在src文件夹下的module.json5，这是一个网络权限，因为是网图所以需要添加网络权限。

"requestPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      }
    ]

 Image($r('app.media.icon'))//本机照片打开方式
 //如果图片放在Resource的其他文件下例如rawfile那么可以写成,注意任何文件名称都不能用中文否则会有问题。
 Image($rawfile('icon.jpg')