unity学习5_UGUI_Image_Sprite(2D_and_UI)
首页 > 游戏开发技术 > Unity3D    作者:闭眼就天黑   2017年11月19日 22:51 星期日   热度:4120°   百度已收录  
时间:2017-11-19 22:51   热度:4120° 

unity学习5_UGUI_Image_Sprite(2D_and_UI)

 

 

 

(1)Source Image:资源文件

Unity的image组件需要的Source Image类型为Sprite类型,

 

首先我们需要设置图片资源类型为Sprite.

在rescouces目录里找到我们需要设置的图片,然后单机图片资源,修改TextureType类型为Sprite类型.然后Apply生效.

 

 

 

这样我们就可以拖动到 image的 Source Image 里.

 

然后我们设置 Set Native Size这样的我们的界面上就可以看到了同样大小的图片了.

 

(2)Color:指定颜色

(3)Meterial:指定材质球

(4)Raycast Target

(5)Image Type:图片缩放类型

- Simple:图片缩放到目标大小

- Tiled:图片平铺填充到目标大小

- Slice:图片按九宫格缩放

- Filled:指定区域显示,垂直,水平,圆周

 

2设置图片九宫格拉伸区域

鼠标单机要设置九宫格的图片,选择Sprite Editor,会打开编辑窗口.

 

 

 

在Sprite Editor里可以调整拉伸区域.

 

 

然后关闭时候点击Apply即可.

 

3如果我们在游戏里,需要在头像上设置一些倒计时的效果,可以设置Filled模式即可.

 

 

Fill Method 指定一圈是360°.

Fill Origin 指定开始位置

 

Fill Amount:指定角度百分比,如果一圈是360度,则0是0度,1就是360度,0.5就是180度

 

假设我们指定了,Fill Method为360度,FillOrigin为Buttom,FillAmount为0.5,效果就是如果所示.

 

 

Clock wise 指定顺时针还是逆时针,勾选是顺时针,不勾选是逆时针.

by:闭眼就天黑 2017年11月19日

二维码加载中...
本文作者:闭眼就天黑      文章标题: unity学习5_UGUI_Image_Sprite(2D_and_UI)
本文地址:https://www.byjth.com/unity3d/123.html
版权声明:若无注明,本文皆为“闭眼就天黑专栏_技术博客_个人学习总结”原创,转载请保留文章出处。
相关文章

版权所有:《闭眼就天黑专栏_技术博客_个人学习总结》 => 《unity学习5_UGUI_Image_Sprite(2D_and_UI)
本文地址:https://www.byjth.com/unity3d/123.html
除非注明,文章均为 《闭眼就天黑专栏_技术博客_个人学习总结》 原创,欢迎转载!转载请注明本文地址,谢谢。

返回顶部    首页    手机版本    版权所有:闭眼就天黑专栏_技术博客_个人学习总结
    站长: 闭眼就天黑    搜索cocos2dx主题 技术支持:闭眼就天黑   皖ICP备14007736号-1  

皖公网安备 34132102000107号

   sitemap