HarmonyOS 5.0 应用开发学习笔记（正在学习中，未编写完）

鸿蒙开发环境准备

HarmonyOS官网—-一探究竟—-DevEco Studio 下载

https://developer.huawei.com/consumer/cn/app

界面

ArkTS基础快速入门

ArkTS：是一门用于开发鸿蒙应用的编程语言。

编程语言：用来控制计算机工作的，可以告诉计算机我们要做的事情。

编写代码 → 编译运行 → 查看效果

认识和存储数据

编程语言的核心是处理数据

三种常见的基础数据类型

string 字符串：描述信息
number 数字：计算
boolean 布尔：判断（真、假）

存储数据（变量、常量）

变量：专门用来存储数据的容器

// let 变量名: 类型 = 值
let title: string = `奥利奥水果捞`
let price: number = 22
let isSelect: boolean = true

1.变量存储

字符串 string 类型

注意点
- 字符串需要用引号引起来（单引号双引号）’字符串’ “字符串”
- 存储的时候，后面的存的内容，需要和前面的类型对应

let title: string = `巨无霸汉堡`
console.log(`字符串title`,title)

数字number 类型

let age: number = 18
console.log(`年纪age`,age)

布尔 boolean 类型（true真，false假）

// 真
let isLogin: boolean = true
console.log(`是否登录成功`,isLogin)
// 假
let isLogin: boolean = false
console.log(`是否登录成功`,isLogin)

变量的修改

let age: number = 18
console.log(`年纪age`,age)
//修改
age = 80
console.log(`年纪age`,age)

常量：用来存储数据（不可变）

// const 常量名: 类型 = 值
const PI: number = 123456
const companyName: string = `华为`
console.log('公司名',companyName)
console.log('PI',PI)

变量常量的注意事项（命名规则）：
- 只能包含数字、字母、下划线、$，不能以数字开头（重点）
- 不能使用内置关键字或保留字（比如 let、const）
- 严格区分大小写

数组

数组：是一个容器，可以存储多个数据

let 数据名: 类型[] =[数据1,数据2,.....]
let names: string[] =['小红','小明','大强']

注意：数组指定的类型和存储的数据类型要必须一致，否则会报错

获得数组元素： 数组名[索引]

let names: string[] =['小红','小明','大强']
console.log('取出小明',names[1])

注意：索引号是从 0 开始的

函数

函数 – Function

函数：是可以被重复使用的代码块

作用：函数可以把具有相同或相似逻辑的代码“包裹”起来，有利于代码复用

// 1.定义函数
function 函数名(){
  函数体
}
2.调用函数
函数名()

注意：先定义，后使用（变量、函数都是如此）

函数的完整用法

根据我们传入不同的数据，进行处理，返回处理后的结果。

                  //形参
function 函数名(需要处理的数据) {
  编写代码对数据进行处理
  return 处理后的结果
}

let 变量名: 类型=函数名(实际要处理的数据)
                         // 实参

箭头函数

箭头函数是比普通函数 更简洁 的一种函数写法

let 函数名() => {
  // 函数体
}
函数名()

let 函数名 = (形参1:类型,形参2:类型) => {
  // 函数体
  return 计算的结果
}
函数名(实参1,实参2)

普通函数和箭头函数，在后面开发中会有不同的使用场景，

所以两种语法都需要掌握

对象

作用：用于描述一个物体的特征和行为

对象：是一个可以存储多个数据的容器

定义&使用

let 对象名称: 对象结构类型 = 值

通过 interface 接口约定 对象结构类型

//语法
interface 接口名{
  属性1: 类型1
  属性2: 类型2
  属性3: 类型3
}
interface Person{
    name: string
    age: number
    weight: number
}

定义对象并使用（通过 . 访问）

let person: Person = {
  name: '某某某',
  age: 19,
  weight: 99
}
console.log('名字', person.name)
console.log('年纪', person.age)
console.log('体重', person.weight)

对象 – 方法

方法作用：描述对象的具体行为

约定方法类型

// 语法
interface 接口名称{
  方法名:(参数:类型) => 返回值 类型
}

interface Person{
  dance: () => void
  sing: (song: string) => void
}

添加方法（箭头函数）

let ym: Person ={
  dance: () => {
    console.log('某某说','我来干什么')
  }
  sing: (song: string) => {
    console.log('某某说','我来干嘛',song)
  }
}
ym.dance()
ym.sing('啥哈哈')

联合类型

联合类型是一种灵活的数据类型，它修饰的变量可以存储不同类型的数据。

// 语法
let 变量: 类型1 | 类型2 | 类型3 = 值

let judge: number | string = 100
console.log('A',judge)

基于联合类型，变量可存不同类型数据

枚举类型

枚举类型是一种特殊的数据类型，约定变量只能在一组数据范围内选择值

定义枚举类型（常量列表）

// 语法
enum 枚举名{
  常量1 = 值,
  常量2 = 值,
  ........
}
enum ThemeColor{
  Red = '#ff0f29',
  Orange = '#ff7100',
  Green = '#30b30e'
}

使用枚举类型，约束变量

enum ThemeColor{
  Red = '#ff0f29',
  Orange = '#ff7100',
  Green = '#30b30e'
}

let color: ThemeColor = ThemeColor.Red
console.log('主题颜色',color)

界面开发起步

开发工具：仍然是 DevEco Studio

学习界面开发：build 里面写代码，预览器 看效果

界面开发-布局思路

ArkUI（方舟开发框架）是一套构建鸿蒙应用界面的框架

构建页面的最小单位就是 “组件”

组件分类：

① 基础组件：界面呈现的基础元素。

如：文字、图片、按钮等。

② 容器组件：控制布局排布。

如：Row行、Column列等。

布局思路：先排版，再放内容

组件语法：

①容器组件：行Row、列Column

容器组件(){
  //内容
}

// 例子
build(){
  Column(){
    Text('小说简介')
    Row(){
      text('都市')
      text('生活')
      text('情感')
      text('游戏')
    }
  }
}

组件的属性方法

需求：美化组件外观效果 → 组件的属性方法

组件() {}
   .属性方法1(参数) 
   .属性方法2(参数) 
   .属性方法3(参数)
   ......

//例子
Text('小说简介') 
  .height(40) 
  .fontSize(20)
  .....

组件属性方法	描述
.width(200)	宽度
.height(200)	高度
.backgroundColor(Color.Pink)	背景色
.fontSize(24)	字体大小
.fontWeight(FontWeight.Bold)	字体粗细

前三个是通用属性，后两个是文字属性

字体颜色

语法：.fontColor(颜色值)

颜色值说明	具体演示
枚举颜色 Color.颜色名	Color.Red、Color.Pink
#开头的16进制	‘#df3c50’ 【设计图会标注】

Text('小说简介') 
        .fontColor(Color.Orange) 
        .fontColor('#df3c50')

提示：色值也能在其他写颜色的属性方法中使用，如：背景色