UGUI使用Scroll View控件制作一个2列的滚动视图

需要的Unity版本,UI中有Scroll View组件

创建Scroll View,调整大小

在Content中添加UI控件,如Button,调整大小。可以看到Button重叠在一起了

给Content添加Grid Layout Group组件
Constraint选择Fixed Column Count,Constraint Count为2(因为我们需要两列,所以这里设置为2,修改成3就是3列...)
按钮分开了

运行,发现虽然有滚动条,但只显示了6个按钮

因为Content的高度太小(300,更小可能不会显示滚动条)
我们不可能根据按钮个数设置高度,否则每添加几个和删除几个都要重新设置
也不可能设置个很大高度,否则有很大的空白

 

这时候需要添加一个Content Size Filter
Horizontal Fit选择Min Size,这里选择Min Size会使用在Grid Layout Group中的Contraint设置的列数
Vertical Fit选择Preferred Size
高度即可自适应

运行即可浏览所有按钮

 

 

posted on 2019-01-16 17:14  liu102401  阅读(484)  评论(0编辑  收藏  举报