首先我们建一个Image,以此为基础来建一个ScrollView
我们需要在Image上边添加组件ScrollRect,然后再加一个Mask
![](https://img.haomeiwen.com/i3975796/c400b64e722d91ac.png)
然后 我们在该物体下方再建一个Image,然后给这个物体加上GridLayoutGroup
![](https://img.haomeiwen.com/i3975796/ed257ae12d6a7c46.png)
我们这个Grid可以控制一行最多显示个数,还有这个Grid最大面积。然后我们再进行最后一步设置
![](https://img.haomeiwen.com/i3975796/b25e96683a076ed1.png)
然后我们在Grid下放放一行的UI元素,我们就可是实现拖动了。
![](https://img.haomeiwen.com/i3975796/cb7a85dfb1c2568d.gif)
接着我们给他加上一个ScrollBar,我们新建一个Image作为滚动条的背景图,然后再在他下边新建一个Image,然后锚点设置为
![](https://img.haomeiwen.com/i3975796/1a22a1579c00133c.png)
然后加一个ScrollBar组件,然后修改下设置
![](https://img.haomeiwen.com/i3975796/ef9d79a798ed6b3a.png)
最后一步
![](https://img.haomeiwen.com/i3975796/bbe1ce40fd11b062.png)
然后这样就可以了
![](https://img.haomeiwen.com/i3975796/4e8c2f554cfa2351.gif)
ScrollRect
http://www.mamicode.com/info-detail-1166981.html我在网上找到这个作者写的还挺清楚的
网友评论