unity 设置图片九宫格_unity学习5_UGUI_Image_Sprite(2D_and

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 设置图片九宫格_unity学习5_UGUI_Image_Sprite(2D_and_UI)相关推荐

unity 设置图片九宫格_Unity UGUI篇 Image图片
今天介绍一下 UI 组件之 Image 组件 , Image 用来显示图片的 . 我们从unity 里选取一张图片 , 修改为 sprite格式然后把图片拖到 Image 组件中的 Source I ...
python设置图片透明度_学习python第40天
今天是在尚学堂学习python第40天今天学习了CSS 中常用样式总结,边框的风格,css中的定位,盒模型,css3中的选择器,css3中常用的属性 CSS 中常用样式总结字体:(font) 字体的 ...
visio设置图片默认大小_学习PS第6课（图片大小设置）
最近这段时间更新手绘比较多,接下来继续更新一下ps小知识. 最近有人问我,寸照.照片.或者报名 (教师资格证.考试等) 用的照片,怎么按照给的要求调整图片的大小,或者说是限制在( ?)KB 或者( ? ...
unity 给图片边缘_Unity Shader 屏幕后效果——边缘检测
关于屏幕后效果的控制类详细见之前写的另一篇博客: 这篇主要是基于之前的控制类,实现另一种常见的屏幕后效果--边缘检测. 概念和原理部分: 首先,我们需要知道在图形学中经常处理像素的一种操作--卷积. ...
mat opencv 修改roi_设置图片ROI（OpenCV学习笔记之二）
ROI相关简介 ROI是什么 ROI是region of interest首字母的简写,翻译为感性趣的区域.其实在写本篇之前应该写一篇关于图片是什么的学习笔记,但又感觉里面没多少东西还不能承载一篇学习 ...
dw html5中怎么设置图片自动切换,DW制作九宫格全屏亮灯轮播图片且自动切换图片教程...
本文介绍的是利用DW制作九宫格全屏亮灯轮播图片并且可以自动切换图片,而且点击图片时还会亮灯,推荐过来,大家一起来学习吧! 软件名称:Adobe Dreamweaver CS3 官方中文安装版软件大小: ...
unity实现图片轮播效果_unity 背景无限循环滚动效果
背景无限循环滚动效果如下示: 步骤如下: 导入背景图片后,设置图片的格式,如下图: 2.图片格式也可以设置是Texture格式,但是Wrap Mode 一定要是Repeat[重复发生]:然后记得App ...
Java开发桌面程序学习（七）——ImageView设置图片以及jar包读取fxml文件
ImageView设置图片 JavaFx的ImageView,设置图片不能直接通过属性设置,只能通过代码来设置 ImageView设置图片首先,我们让fxml对应的那个controller的java ...
WPS表格 JSA 学习笔记 - 批量设置图片
创建图片样式 function 创建图片样式(styleName = "图片") {try{ActiveDocument.Styles.Item(styleName).Delete ...

unity 设置图片九宫格_unity学习5_UGUI_Image_Sprite(2D_and_UI)

unity 设置图片九宫格_unity学习5_UGUI_Image_Sprite(2D_and_UI)相关推荐

最新文章

热门文章