Unity UI 03 UI间父子关系和精灵

 

UI之间是有父子关系的

子对象会显示在父对象之上(父对象会被子对象遮掩)

兄弟对象是,后面的兄弟会遮盖前面的兄弟

Unity UI 03 UI间父子关系和精灵_第1张图片

如图,黑色图片会遮盖他的兄弟白色图片

 

精灵Sprite

为了制作方便,美工会把许多按钮的图片同时放在一张大图片中,(或者是2d人物动画也会放在一张大图中)

可以使用精灵功能进行裁剪,从大图中裁剪出各个按钮的图片

如下所示:

Unity UI 03 UI间父子关系和精灵_第2张图片Unity UI 03 UI间父子关系和精灵_第3张图片

(用于UI的图片都需要设置为精灵模式)

上面的图的裁剪方法:

找张合适的图

Unity UI 03 UI间父子关系和精灵_第4张图片

先设置成multiple

Unity UI 03 UI间父子关系和精灵_第5张图片

点击sprite editor,apply

Unity UI 03 UI间父子关系和精灵_第6张图片

 

Unity UI 03 UI间父子关系和精灵_第7张图片

第一个是自动裁剪,除非图边界明显等等(对图的要求较高)可能效果不好甚至不能用。

这次用的第二个,按大小裁剪

Unity UI 03 UI间父子关系和精灵_第8张图片

设置好大小后slice,apply

这样一张包含许多图片的大图就被切割成许多小图

Unity UI 03 UI间父子关系和精灵_第9张图片

 

 

 


 

你可能感兴趣的:(unity,游戏开发)