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

阅读量0
0
3
蛟龙腾飞北向应用研修日志展示。
显示效果:
微信图片_20201127200641.png
代码的实现:
<?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>


回帖

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。 侵权投诉
链接复制成功,分享给好友