鸿蒙的界面开发以及布局思路

界面开发-起步

开发工具：DevEco Studio（IDE）

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

界面开发-布局思路

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

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

组件分类：

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

  如：文字、图片、按钮等

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

  如：Row行、Column列等

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

注意：bulid有且只能有一个根元素，且是容器组件

组件语法：

① 容器组件：行Row、列Column

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

② 基础组件：文字Text、图片

基础组件(参数)

我们现在来组一个案例

实现上面的效果

// 构建 → 界面
build () {
  // 布局思路：先排版，后内容
  Column () {
    // 内容
    Text('小说简介')
    Row () {
      Text('都市')
      Text('生活')
      Text('情感')
      Text('男频')
    }
  }
}

下期我们在对他进行排版优化