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日

搜索