[UnityUI]使用UGUI制作排行榜

本人使用的unity版本是4.6.3


1.首先,制作我们想要显示的内容。这里有一个小技巧,那就是为Panel添加Vertical Layout Group组件,再把一个个Item拖到Panel下,这样unity就会自动为我们排好位置。

[UnityUI]使用UGUI制作排行榜_第1张图片

[UnityUI]使用UGUI制作排行榜_第2张图片


2.创建一个Image,调整一下它的大小(宽度要略大于Item,高度随便),并为其添加Mask组件,然后让Panel成为它的子物体。

[UnityUI]使用UGUI制作排行榜_第3张图片

[UnityUI]使用UGUI制作排行榜_第4张图片


3.为Image添加Scroll Rect组件,Content赋值为Panel,勾选Vertical,取消Horizontal,这样就几乎完成了~~

4.再创建一个Scrollbar,并设置Direction为Bottom To Top,移动到合适位置,将Image的Scroll Rect中的Vertical Scrollbar赋值为Scrollbar,完成了~~

[UnityUI]使用UGUI制作排行榜_第5张图片


还有就是Scroll Rect的属性:

Movement Type:

Unrestricted:内容可以滑出滑动区域;Elastic:内容到达边界会反弹;Clamped:内容到达边界不会反弹

Elasticity:反弹速度


Inertia:当触摸点离开滑动区域时,内容是否继续滑动一小段距离

Deceleraton Rate:值越大,继续滑动的距离就越大


这是unitypackage:

http://yun.baidu.com/s/1c04dIbY


你可能感兴趣的:(UGUI)