目录

ArkTS 鸿蒙开发基础全解

引言

基础语法

变量声明

数据类型

条件语句

if - else

switch

循环语句

for 循环

while 循环

do - while 循环

组件使用

文本组件（Text）

按钮组件（Button）

图片组件（Image）

事件处理

点击事件

输入事件

状态管理

响应式状态

总结

---

引言

ArkTS 是华为为 HarmonyOS 开发全新设计的编程语言，它结合了 TypeScript 的语法和特性以及 HarmonyOS 所特有的开发能力，为开发者提供了高效、便捷的开发体验。本文将全面介绍 ArkTS 在鸿蒙开发中的基础内容，包括基础语法、组件使用、事件处理等，并结合代码示例进行详细讲解。

基础语法

变量声明

ArkTS 遵循 TypeScript 的变量声明规则，使用 let 和 const 来声明变量。let 声明的变量可以重新赋值，而 const 声明的常量一旦赋值就不能再改变。

// 可变变量
let message: string = 'Hello, HarmonyOS!';
// 常量
const PI: number = 3.14;

// 类型推断
let num = 10; // 自动推断为 number 类型

数据类型

ArkTS 支持多种基本数据类型，如 number、string、boolean、null、undefined 等，同时还支持复杂的数据类型，如数组、对象等。

// 基本数据类型
let age: number = 25;
let isStudent: boolean = true;

// 数组
let numbers: number[] = [1, 2, 3, 4, 5];

// 对象
let person: { name: string; age: number } = {
    name: 'John',
    age: 25
};

条件语句

ArkTS 中的条件语句有 if - else 和 switch 语句。

if - else

let score: number = 80;
if (score >= 90) {
    console.log('优秀');
} else if (score >= 70) {
    console.log('良好');
} else if (score >= 60) {
    console.log('及格');
} else {
    console.log('不及格');
}

switch

let day: number = 3;
switch (day) {
    case 1:
        console.log('星期一');
        break;
    case 2:
        console.log('星期二');
        break;
    case 3:
        console.log('星期三');
        break;
    default:
        console.log('其他');
        break;
}

循环语句

ArkTS 支持 for、while 和 do - while 循环。

for 循环

for (let i = 0; i < 5; i++) {
    console.log(i);
}

while 循环

let j: number = 0;
while (j < 5) {
    console.log(j);
    j++;
}

do - while 循环

let k: number = 0;
do {
    console.log(k);
    k++;
} while (k < 5);

组件使用

文本组件（Text）

文本组件用于在界面上显示文本内容。

@Entry
@Component
struct HelloWorld {
    build() {
        Column({ space: 50 }) {
            Text('Hello, HarmonyOS!')
               .fontSize(30)
               .fontWeight(FontWeight.Bold)
        }
       .width('100%')
    }
}

按钮组件（Button）

按钮组件用于触发特定的操作。

@Entry
@Component
struct ButtonExample {
    private count: number = 0;

    build() {
        Column({ space: 50 }) {
            Button(`点击次数: ${this.count}`)
               .onClick(() => {
                    this.count++;
                })
        }
       .width('100%')
    }
}

图片组件（Image）

图片组件用于在界面上显示图片。

@Entry
@Component
struct ImageExample {
    build() {
        Column({ space: 50 }) {
            Image($r('app.media.sample_image'))
               .width(200)
               .height(200)
        }
       .width('100%')
    }
}

事件处理

点击事件

在按钮组件中已经展示了点击事件的处理，通过 onClick 方法来监听按钮的点击操作。

@Entry
@Component
struct ClickEventExample {
    private message: string = '未点击';

    build() {
        Column({ space: 50 }) {
            Button('点击我')
               .onClick(() => {
                    this.message = '已点击';
                })
            Text(this.message)
        }
       .width('100%')
    }
}

输入事件

对于输入框组件（Input），可以通过 onInput 方法监听输入事件。

@Entry
@Component
struct InputEventExample {
    private inputValue: string = '';

    build() {
        Column({ space: 50 }) {
            Input({ placeholder: '请输入内容' })
               .onInput((value: string) => {
                    this.inputValue = value;
                })
            Text(`你输入的内容是: ${this.inputValue}`)
        }
       .width('100%')
    }
}

状态管理

响应式状态

在 ArkTS 中，使用 @State 装饰器来定义响应式状态，当状态值发生改变时，与之绑定的界面元素会自动更新。

@Entry
@Component
struct StateManagementExample {
    @State count: number = 0;

    build() {
        Column({ space: 50 }) {
            Button(`点击次数: ${this.count}`)
               .onClick(() => {
                    this.count++;
                })
        }
       .width('100%')
    }
}

总结

ArkTS 作为 HarmonyOS 开发的重要编程语言，具有简洁、高效的特点。通过本文的介绍，你应该对 ArkTS 在鸿蒙开发中的基础语法、组件使用、事件处理和状态管理等方面有了一个全面的了解。希望你能在实际开发中运用 ArkTS 来创建出优秀的 HarmonyOS 应用程序。

以上就是关于 ArkTS 鸿蒙开发基础的全面介绍，希望对你有所帮助！