从零认识 ArkUI:三大核心元素与布局实践
在鸿蒙应用开发中ArkUI 是构建界面的核心框架而理解它的三个基础元素是写出规范、可运行页面的第一步。本文将结合代码示例拆解Entry、Component和build()的作用并带你实现布局。一、ArkUI 的三个核心元素1.Entry—— 页面入口作用标记当前组件为页面入口相当于前端C语言的main函数让这个页面可以独立运行、被系统加载。特点一个.ets文件中只能有一个Entry它是应用启动后最先渲染的组件。类比理解就像是你翻开一本图书最先看到的内容就是Entry标记的组件2.Component—— UI 组件标记作用标记一个struct为可复用的 UI 组件只有被它装饰后才能在build()里构建界面、显示内容。必备关系Entry必须和Component配合使用 —— 只有被Component标记的组件才能被Entry声明为页面入口。类似理解Component 就像 外卖餐盒你要装饭菜UI 内容必须先有一个餐盒没有餐盒饭菜放不了也送不出去Component就是告诉你这是一个合格的餐盒可以装界面了3.build()—— 构建 UI 的核心方法作用构造组件的方法所有 UI 布局、样式、子组件都必须写在build()方法内部框架会自动执行build()是 ArkUI 中「绘制界面」的唯一入口所有的布局结构、样式设置、子组件声明都必须写在这个方法内部。二、代码实战水平三等分布局1.垂直布局——Column属性布局方向子组件从上到下依次排列主轴垂直方向控制子组件在垂直方向的对齐交叉轴水平方向控制子组件在水平方向的对齐2.水平布局——Row属性布局方向子组件从左到右依次排列主轴水平方向控制子组件在水平方向的对齐交叉轴垂直方向控制子组件在垂直方向的对齐3.ArkUI 学生管理个人中心页面