Java UI-DependentLayout布局 学习与代码分享

蛟龙腾飞北向应用研修日志展示。

显示效果：

代码的实现：

<?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:jltftext_01"
        ohos:height="70vp"
        ohos:width="match_parent"
        ohos:background_element="#CCCCCC"
        ohos:text="jltfHeader"
        ohos:text_alignment="center"
        ohos:text_size="50"
        ohos:align_parent_top="0"
        />
    <Text
        ohos:id="$+id:jltftext_02"
        ohos:height="match_parent"
        ohos:width="100vp"
        ohos:background_element="#5C6E71"
        ohos:text="jltfLEFT"
        ohos:text_alignment="center"
        ohos:text_size="50"
       ohos:align_parent_left="0"
        ohos:below="$id:jltftext_01"
        />
    <Text
        ohos:id="$+id:jltftext_03"
        ohos:height="match_parent"
        ohos:width="100vp"
        ohos:background_element="#5C6E71"
        ohos:text="jltfRight"
        ohos:text_alignment="center"
        ohos:text_size="50"
        ohos:align_parent_right="0"
        ohos:below="$id:jltftext_01"
        />
    <Text
        ohos:id="$+id:jltftext_05"
        ohos:height="match_parent"
        ohos:width="match_parent"
        ohos:background_element="#16CCB7"
        ohos:text_alignment="center"
        ohos:text="jltfCenter"
        ohos:text_size="50"
        ohos:right_margin="100vp"
        ohos:below="$id:jltftext_01"
        ohos:right_of="$id:jltftext_02"
        />
    <Text
        ohos:id="$+id:jltftext_04"
        ohos:height="50vp"
        ohos:width="match_parent"
        ohos:background_element="#CCCCCC"
        ohos:text="jltfFooter"
        ohos:text_alignment="center"
        ohos:text_size="50"
        ohos:align_parent_bottom="0"
        />

</DependentLayout>