举止员Feri又名12年+的举止员,作念过征战带过团队创过业,擅长Java规划征战、鸿蒙征战、东谈主工智能等,专注于举止员搞钱那点儿事,但愿在搞钱的路上有你相伴！君志所向,一往无前！

1.ArkUI基础语法

1.1 ArkTS页面构成

在创建的期间，不错创建Page也不错径直创建ArkTS,Page其实亦然一个ArkTS，仅仅自带了一些遮挡器和对应的结构。

1.径直创建Page

底下这个即是右键-page-Empty Page即可

内容如下所示：

@Entry //进口@Component //组件struct MyPage1 { //自界说变量 @State监听变量情景 @State message: string = 'Hello World'; build() { RelativeContainer() {//相对布局 Text(this.message)//文本组件 .id('MyPage1HelloWorld') .fontSize(50) .fontWeight(FontWeight.Bold) .alignRules({ center: { anchor: '__container__', align: VerticalAlign.Center }, middle: { anchor: '__container__', align: HorizontalAlign.Center } }) } .height('100%') .width('100%') }}

2.创建ArkTS文献

径直创建ArkTS文献，即是一个空缺的ets文献，需要我方写代码，代码如下所示：

@Entry //进口@Component //自界说组件struct MyPage2{ //结构体 //自界说变量 情景监听 调动的话组件也会更动 @State num:number=0; build() { Column(){// 行、列 布局 //按钮 Button("点击次数="+this.num).onClick(()=>{//按钮点击事件 this.num++;//自增1 }).fontSize(25).width("80%").padding(10)//神情 }.width("100%") }}

恶果如下所示：

你会了吗，不会就赶快关切、私聊我！

1.2 ArkUI基础组件

方舟征战框架（简称：ArkUI），是一套构建HarmonyOS诳骗 界面 的框架。

构建页面的最小单元即是 "组件"。

组件名(参数) { 内容} .属性1() .属性2() .属性N()

常用基础组件：

组件 作用描述 Text 显现文本 Image 显现图片 Button 按钮

常用的基础神情属性：

示例：

@Entry //进口@Component //自界说组件struct MyPage2{ //结构体 //自界说变量 情景监听 调动的话组件也会更动 @State num:number=0; build() { Column(){// 行、列 布局 //按钮 Button("点击次数="+this.num).onClick(()=>{//按钮点击事件 this.num++;//自增1 }).fontSize(25).margin(10).width("80%").padding(10)//神情 Text("举止员Feri").padding(10).margin(10).textAlign(TextAlign.Start) Row(){ Text("Harmony OS").backgroundColor(Color.Gray).padding(5).margin(5) Text("Open Harmony").backgroundColor(Color.Pink).padding(5).margin(5) Text("搞钱专科户").backgroundColor(Color.Orange).padding(5).margin(5) } }.width("100%") }}

恶果：

虽然，咱们也不错为组件的字体进行各式的神情缔造，常用的字体神情缔造如下所示：

比如不错对刚刚的内容进行字体规划的属性缔造，代码如下所示：

Text("举止员Feri").fontColor(Color.Red).fontSize(30). textAlign(TextAlign.Start).fontWeight(FontWeight.Bolder) .padding(10).margin(10).width("100%") Row(){ Text("Harmony OS").backgroundColor(Color.Gray).padding(5).margin(5) Text("Open Harmony").backgroundColor(Color.Pink).padding(5).margin(5) Text("搞钱专科户").fontColor(Color.White).backgroundColor(Color.Orange).padding(5).margin(5) }

恶果如下所示：

1.3 ArkUI中的尺寸单元

1. px ：

物理像素，也叫栽培像素，栽培内容领有的像素点（出场缔造、永诀率单元）

问题：若是用 px 当作宽高单元，又思保证不同显现才能的栽培，视觉恶果不异大， 就需要针对每个栽培单独编码，缔造尺寸，十分冗忙。

能不可有个单元，帮咱们自动左证显现才能，来进行诊治大小，保证多栽培视觉恶果一致呢？

2. vp ：

virtual pixel 臆造像素 【保举使用】

● 会左证不同栽培的显现才能，自动进行诊治成对应 px 物理像素，保证不同栽培视觉一致

● 当数值不带单元时，默许单元 vp

● 基于当今预览器和老例手机的显现才能，vp 和 px 的对应关系，约莫为 3 倍，1vp ≈ 3px （超清屏手机）

好了开云体育(中国)官方网站，夜已深，本篇就到这里啦，关切我，随着我温和拿下Harmony OS征战！