[文章]

北向应用开发-StackLayout不同样式色调体验

2021-4-5 11:37:45  186 harmonyos
分享

StackLayout

2
显示效果:
图片1.png
布局中的代码
<?xml version="1.0" encoding="utf-8"?>
<StackLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:id="$+id:stack_layout"
    ohos:height="match_parent"
    ohos:width="match_parent">


    <Text
        ohos:id="$+id:jltftext_blue"
        ohos:text_alignment="bottom|horizontal_center"
        ohos:text_size="24fp"
        ohos:text="jltf 1"
        ohos:height="400vp"
        ohos:width="400vp"
        ohos:background_element="#3F56EA" />


    <Text
        ohos:id="$+id:jltftext_purple"
        ohos:text_alignment="bottom|horizontal_center"
        ohos:text_size="24fp"
        ohos:text="jltf 2"
        ohos:height="300vp"
        ohos:width="300vp"
        ohos:background_element="#00AAEE" />


    <Text
        ohos:id="$+id:jltftext_orange"
        ohos:text_alignment="bottom|horizontal_center"
        ohos:text_size="24fp"
        ohos:text="jltf 3"
        ohos:height="200vp"
        ohos:width="200vp"
        ohos:background_element="#00BFC9" />
    <Text
        ohos:id="$+id:jltftext_red"
        ohos:text_alignment="bottom|horizontal_center"
        ohos:text_size="24fp"
        ohos:text="jltf 4"
        ohos:height="100vp"
        ohos:width="100vp"
        ohos:background_element="red" />
</StackLayout>
完整代码地址:

评论

您需要登录后才可以回帖 登录 | 注册

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