UGUI

UGUI制作滑动页面和滑动条

2017-05-25  本文已影响0人  楚天月

先新建一个Image,改变其大小,这是是作为滑动页面的底板,它的大小直接影响最后作成的滑动页面的大小

再在其下面建一个空物体,改变其大小,它的大小直接影响到可以滑动的最大范围

再在其下面可以放例如道具类的图片了

有人会说这样想整齐摆放图片自己手动调很麻烦,现在可以在其父物体上挂上Grid Layout Group这个组件,它可以帮你自动排列

再调一下Grid Layout Group中的参数

会看见有图标在Canvas之外显示,可以再在其底板上加上Mask组件

现在添加Scroll Rect组件,Comtent拖入GameObject,取消Vertical的钩(竖直方向不能拖动)

现在运行就可以横向拖动滑动页面了,现在直接添加一个滑动条,再把新建的滑动条与Scroll Rect中的Horizontal Scrollbar联动

现在运行后拖动滑动条就可以控制滑动页面了,当然不借助滑动条去滑动页面,滑动条也会跟着动

上一篇下一篇

猜你喜欢

热点阅读