身手员Feri又名12年+的身手员,作念过斥地带过团队创过业,擅长Java计划斥地、鸿蒙斥地、东说念主工智能等,专注于身手员搞钱那点儿事星空app,但愿在搞钱的路上有你相伴！君志所向,一往无前！

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 （超清屏手机）

好了星空app，夜已深，本篇就到这里啦，关爱我，随着我大要拿下Harmony OS斥地！