HarmonyOS应用开发-TableLayout 体验与分享 原创

发布于 2021-4-6 17:57
浏览
0收藏

显示效果:

  HarmonyOS应用开发-TableLayout 体验与分享-开源基础软件社区

在<TableLayout

…………

ohos:row_count="2"

ohos:column_count="2"

>添加就可以得到不同的样式

  HarmonyOS应用开发-TableLayout 体验与分享-开源基础软件社区

布局中的代码

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:background_element="#87CEEB"
    ohos:layout_alignment="horizontal_center"
    ohos:padding="8vp"
    ohos:row_count="2"
    ohos:column_count="2">
    <Text
        ohos:height="60vp"
        ohos:width="60vp"
        ohos:background_element="$graphic:table_text_bg_element"
        ohos:margin="8vp"
        ohos:text="1"
        ohos:text_alignment="center"
        ohos:text_size="20fp"/>


    <Text
        ohos:height="60vp"
        ohos:width="60vp"
        ohos:background_element="$graphic:table_text_bg_element"
        ohos:margin="8vp"
        ohos:text="2"
        ohos:text_alignment="center"
        ohos:text_size="20fp"/>


    <Text
        ohos:height="60vp"
        ohos:width="60vp"
        ohos:background_element="$graphic:table_text_bg_element"
        ohos:margin="8vp"
        ohos:text="3"
        ohos:text_alignment="center"
        ohos:text_size="20fp"/>


    <Text
        ohos:height="60vp"
        ohos:width="60vp"
        ohos:background_element="$graphic:table_text_bg_element"
        ohos:margin="8vp"
        ohos:text="4"
        ohos:text_alignment="center"
        ohos:text_size="20fp"/>
</TableLayout>

完整代码下载:

https://gitee.com/jltfcloudcn/jump_to/tree/master/jltf_TableLayout_component

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
标签
已于2021-4-6 17:57:14修改
收藏
回复
举报
回复
添加资源
添加资源将有机会获得更多曝光,你也可以直接关联已上传资源 去关联
    相关推荐