
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日
本文地址:https://www.byjth.com/unity3d/123.html
版权声明:若无注明,本文皆为“闭眼就天黑专栏_技术博客_个人学习总结”原创,转载请保留文章出处。
- unity学习5_UGUI_Image_Sprite(2D_and_UI)
- untiy3d 刚体学习
- unity学习2_Light组件_光源1
- unity学习6_UGUI_RawImage_Texture
- unity学习4_UGUI_Image_RectTransform组件
- unity学习7_UGUI_Button
- unity学习9_定时器Invoke,InvokeRepeating,CancelInvoke的简单使用
- unity学习1_Camera组件
- unity学习8_UGUI_Mask遮罩裁剪制作圆形头像效果
- unity学习3_UGUI_Canvas
版权所有:《闭眼就天黑专栏_技术博客_个人学习总结》 => 《unity学习5_UGUI_Image_Sprite(2D_and_UI)》
本文地址:https://www.byjth.com/unity3d/123.html
除非注明,文章均为 《闭眼就天黑专栏_技术博客_个人学习总结》 原创,欢迎转载!转载请注明本文地址,谢谢。