UGUI学习笔记(二) ScrollView相关

来源:互联网 发布:bf是什么意思淘宝 编辑:程序博客网 时间:2024/06/06 00:36

     学习到ScrollView的时候遇到一点小坑。做个笔记。

          层级如图。


     这个scrollpanel是我自己创建了一个空物体然后拖上了ScrollView的脚本,加上了一个image和mask。在其下创建了一个grids,上面挂载的脚本如图所示


     GridLayoutGroup相当于是一个容器,在其下的子物体会自动进行布局。除了GridLayoutGroup之外还有VerticalLayoutGroup和HorizontalLayoutGroup。布局的具体界面可以通过修改面板上的参数来修改。具体效果可以试出来在这儿就不多说了。ContentSizeFitter是用来自动计算每个元素的间距的。在动态生成UI界面的时候就不用手动去设置。其中RectTransform的H Delta这个数值会影响grids的可滑动范围。此处因为加了ContentSizeFitter这个组件所以不能手动修改。

     重点就是scrollpanel上挂载的组件了。如图



     content里拖入你要滑动的全部元素的父物体 此处为grids。下面两个按钮是用来选择是水平滑动还是垂直滑动还是都可以。然后是滑动类型,这个可以自己去试每一种的效果。接下来是复原时间,惯性。之后两个参数我不是很清楚。Viewport可以为空。具体怎么回事也不是很清楚。然后分别是垂直和水平方向的滑条。也可以为空。mask用来进行遮罩。

    基本就是这些。然后说一下我遇到的坑。

     我是在Hierarchy面板上直接新建空物体然后把ScrollRect组件加上去的。就会碰到明明调整了grids的位置但是一运行grids就会弹回初始位置以及grids明明还有很长但是拖不动的问题。请教了老大很久解决了。。但是也不知道具体怎么解决的。。不过据说关键点在RectTransform上。scrollpanel上的RectTransform的Height是与grids运行时的初始位置有关。grids很长但是拖不动是与grids的bottom即HDelta有关。

     不过这些都不重要。。因为只要直接



     这样创建一个ScrollView就不会出现我刚刚说的坑。。

     差不多就这些。之后遇到其他的再补充。

    

0 0
原创粉丝点击