1.首先新建一个panel面板作为基础面板,以后的其他控件如image,button等都是建立在此面板上。

2.在panel面板下新建一个panel,并命名为“Panel_ScrollRect”。将此面板reset,再添加组件ScrollRect。

UGUI中ScrollView控件的使用

3.在Panel_ScrollRect面板下新建panel,并命名为“Panel_GridLayoutGroup”,并在此面板下添加组件“GridLayoutGroup”. 

UGUI中ScrollView控件的使用 4.在Panel_GridLayoutGroup面板下新建一系列button,这些button会自动排列好。

UGUI中ScrollView控件的使用 5.将Panel_GridLayoutGroup赋给Panel_ScrollRect的Content,以建立绑定关系。

UGUI中ScrollView控件的使用 6.在panel_ScrollRect面板下新建组件“Mask”,即掩膜。

UGUI中ScrollView控件的使用

效果图如下: 

 UGUI中ScrollView控件的使用

 

相关文章: