Unity3dUGUI十步三点教你创建游戏排行榜界面

创建游戏结束玩家名次排行榜：

1.将Game面板中的屏幕大小新建为768×1024，"Layel"为iPad2;

2.新建Panel改名为“PanelRanking”,将锚点修改为如图所示,添加"RankingBackground"为背景图片（记得将图片模式改为精灵模式）；图片半透明看这里！改Color中的Alpha为255；添加一个“Text”改为TextTitle，文字为"排行榜"，修改字体大小和字体。

 

 

3.将Canvas Scaler中的UI Scale Mode 修改为屏幕自适应（“Scale With Screen Size”）；并且手动修改Reference Resolution的“X”“Y”值为“768”“1024”。

4.在Canvas新建空物体改名为“Head”,子对象为三个Text，分别为“排名”、“玩家”、“成绩”，修改其位置与字体等相关信息。

5.在Canvas创建空物体改名为“ScrollRect”，作为要文字展示区域，创建它的空子对象“Content”，排名是垂直排列，所以给"Content"添加组件“Vertical Layout Group”取消“Child Force Expand-Height”的对勾（只限制宽度），继续添加"Content Size Fitter"改“Vertical Fit”的值为最小“Min Size”.

6.在“Content”下创建Image改名为“Element”,排名有若干，创建需要给“Element”添加布局元素，快速做到整齐排序。

7.【难点】要给“Element”从上到下排列，所以需要将“Content”的轴点移到图中位置，并将“Content”移至顶端，（灰蓝色轴心点需要将Center修改为Pivot）再按“ctrl+D”复制“Element”。

8.【重点】接下来做遮罩，遮罩超出“SecrollRect”的内容，给“ScrollRect”添加组件"Mask"与"Image",底部面板变白，将"Image_Color_RGBA"中的A值改为“10”，A就是Alpha透明度。

9.【混淆点】给Hierarchr面板里的"ScrollRect"添加"Scroll Rect"组件，"Content"关联Hierarchr面板里的"Content"，取消Horizontal的对勾。（Hierarchr面板里的"ScrollRect""Content"区别于组件"ScrollRect"和内容"Content"，不要搞混了）

10.在Canvas里创建滑块Scrollbar,只需修改Direction为“Bottom to top”,并调整位置。并将滑块拖到"ScrollRect"里的Vertical Scorllbar里。

 

好了，十步三点教你创建游戏排行榜界面。

第一次写博客，还是忙里偷闲，哈哈，不知道大家能不能看懂，我是照着自己写的又做了一遍，是没问题的。

小主先去休息会，有什么问题评论区见，毕竟昨晚就睡了两小时。