要害员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 （超清屏手机）
好了开云kaiyun.com，夜已深，本篇就到这里啦，柔柔我，随着我无为拿下Harmony OS开辟！