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

发布于 2020-11-27 20:08
浏览
0收藏

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

 

显示效果:

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>

 

 

 

标签
1
收藏
回复
举报
回复
添加资源
添加资源将有机会获得更多曝光,你也可以直接关联已上传资源 去关联
    相关推荐