HarmonyOS开发53：相对布局：DependentLayout_harmonyos常用布局中的线性布局和相对布局

核心：

• 找基准位置
• 在相对布局中，组件的位置是相对其他组件而言的

ability_main.xml代码：

<?xml version="1.0" encoding="utf-8"?>
<DependentLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent">

    <Text
        ohos:id="$+id:text1"
        ohos:height="100vp"
        ohos:width="100vp"
        ohos:background_element="#21A8FD"
        ohos:text="TEXT1"
        ohos:text_size="20fp"/>

    <Text
        ohos:id="$+id:text2"
        ohos:height="100vp"
        ohos:width="100vp"
        ohos:background_element="#FF0000"
        ohos:right_of="$id:text1"
        ohos:text="TEXT2"
        ohos:text_size="20fp"/>

    <Text
        ohos:height="100vp"
        ohos:width="100vp"
        ohos:background_element="#00FF00"
        ohos:below="$id:text2"
        ohos:left_margin="100vp"
        ohos:text="TEXT3"
        ohos:text_size="20fp"/>

</DependentLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

运行效果：

线性布局和相对布局的选择：一般来说界面有规律的选择线性布局，界面复杂的可以选择相对布局