【急】鸿蒙UI界面网格布局怎么设置?

鸿蒙UI界面网格布局要怎么开发?需要同时满足一下3点要求

 

  1. 数据列或者行超出屏幕范围,要怎么设置列表可滚动,才能滑动屏幕查看超出部分?
  2. 怎么让不同行的相同列等宽?也就是需要列对齐
  3. 需要间隔一行设置整行背景色

 


我使用ListContainer和Tablelayout组件都实现不了,请问要怎么实现?

鸿蒙UI界面
鸿蒙
HarmonyOS
2020-10-23 16:27:47
浏览
1
收藏 0
回答 4
待解决
回答 4
按赞同
/
按时间
deanyuancn
1
1

一个小建议:

Tablelayout可以实现:

 

数据列或者行超出屏幕范围,要怎么设置列表可滚动,才能滑动屏幕查看超出部分?

---- 给Tablelayout高度或者宽度设置为match_content(如果你的列表是上下滑动的,那么高度就设置match_content),超出的部分能够自动滚动

 


怎么让不同行的相同列等宽?也就是需要列对齐

----- 列对齐是需要开发者自己实现的,给Tablelayout添加元素的时候,元素的大小需要开发者自己设置。可以使用可以使用weight来分割

 


需要间隔一行设置整行背景色

----- 这个也需要开发者自己实现,实现的方式,比如说(下面是一点伪代码)

(i = ; i < ; i ++) {
    (i % == ) {
        Component.setBackground(xxx)
    } {
        Component.setBackground(xxx)
    }
    Tablelayout.add(Component)
}

 

分享
微博
QQ
微信
回复
2020-10-23 17:07:35
小蝌蚪

你确定?我猜你没试过,

分享
微博
QQ
微信
回复
2020-10-23 17:28:05
deanyuancn

?不相信你就自己再试试下面这个方法

 

1.使用NestedScrollView,组件宽高设置为match_content,实现内部组件滑动


2.TableLayout如果指定了行数和列数,内部的组件可是实现自适应宽高。使用ListContainer需要自行定义每一个行布局内部的样式


3.TableLayout需要为每一行设置样式,建议使用LinearLayout来处理每一行的样式。

分享
微博
QQ
微信
回复
2020-10-23 18:36:40
小蝌蚪

TableLayout设置为铺满,外面嵌套一个滚动布局ScrollView,就能滚动起来了,原来是用Android这边很基础的操作啊

分享
微博
QQ
微信
回复
2020-10-23 18:54:12
相关问题
如何将Ability的UI界面设置成透明
2135浏览 • 1回复 待解决
DevEco Studio软件UI怎么设置
6893浏览 • 1回复 待解决
HarmonyOS UI布局问题
392浏览 • 1回复 待解决
如何使用ArkTS编写UI界面
623浏览 • 1回复 待解决