【HarmonyOS实战开发】同一个布局效果多种实现方式

代码改变世界996

于 2024-08-02 16:39:51 发布

阅读量414

点赞数 4

分类专栏：鸿蒙安卓前端文章标签： harmonyos 华为鸿蒙安卓前端

本文链接：https://blog.csdn.net/HarmonyOS007/article/details/140874246

版权

前言

在生活中，我们从家到公司，可以采用乘坐公交车、地铁、骑车、自驾车等多种交通方式，那么在鸿蒙开发过程中，对于同一种布局效果，我们是否可以有类似的思路呢？答案是有的。接下来，我们通过实例来一一学习并且证明。

我们要实现的目标效果如图：

方式一

分析：第一行：是text1和text2，第二行：是text3和text4，所以我们很自然的想起，外层是一个Column，Column里边包含两个Row，每个Row里边包含两个Text，分析好了之后，我们按照思路，写出代码：

build() {
    Column() {
      Row(){
        Text('text1').width(100).height(100)
          .id("text1").fontSize(20).fontColor(Color.Black).backgroundColor(Color.Red)
        Text('text2').width(100).height(100)
          .id("text2").fontSize(20).fontColor(Color.Black).backgroundColor(Color.Yellow)
      }
      Row(){
        Text('text3').width(100).height(100)