UGUI中ScrollView控件的使用

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

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

UGUI中ScrollView控件的使用_第1张图片

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

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

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

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

UGUI中ScrollView控件的使用_第5张图片

效果图如下: 

 UGUI中ScrollView控件的使用_第6张图片

 

参考:https://blog.csdn.net/qq_40323256/article/details/86775741

你可能感兴趣的:(UGUI)