Unity3D之NGUI基础5：UISprite显示图片

前文：https://blog.csdn.net/Jaihk662/article/details/86772807（NGUI图片管理工具AtlasMaker）

一、利用UISprite显示图片

第一步：NGUI→Create→UISprite

第二步：选择图集后选择要显示的图片

第三步：调节图片大小

Aspect：图片比例；设置锁定比例缩放

二、UISprite面板操作

修改图片大小：

常用属性：

Type：图片的模式（下面有详细解释）
Flip：图片翻转（前后翻转、左右翻转、上下翻转）
Gradient：图片渐变色调，Top是上方颜色，Bottom是下方颜色
Color Tint：图片色调，和上面的 Gradient 差不多

三、四种图片模式

Simple：默认模式

Sliced：九宫模式，实现局部放大（防止图片失真），一般用于按钮设计

点击Edit就会进入下面的界面，想要回去直接再点击一下UISprite物件即可

Tiled：平铺模式，使用该图片平铺 Widget 中 Size 的区域，如下

Flip：进度模式，效果直接上图（Invert Fill：是否翻转填充）

Unity3D之NGUI基础5：UISprite显示图片相关推荐

Unity3D之NGUI基础5.1：代码控制UISprite
前文:https://blog.csdn.net/Jaihk662/article/details/86772975(UISprite显示图片) 一.UI其它创建方案可以通过 NGUI→Create ...
Unity3D之UGUI基础3：Image图片
一.Image基本使用 Image组件用于显示图片资源或者纯粹的颜色在导入图片资源之前,可以先对图片进行以下操作: 必须:将图片的类型修改为"Sprite(2D and UI)" ...
Unity3D之NGUI基础4：NGUI图片管理工具AtlasMaker
图集(Atlas):图片的一个集合,或者说打包格式,将多个图片全部贴在一起使用图集制作器(AtlasMaker)打包图集:打开AtlasMaker:NGUI→Open→AtlasMaker 之后就可 ...
Unity3D之NGUI基础3：UILabel显示字体
前文:https://blog.csdn.net/Jaihk662/article/details/86772085(使用NGUI) 一.字体图集与TTF字体字体图集:将所用到的文字处理成一张图片进 ...
Unity3D之NGUI基础6.1：按钮交互
前文:https://blog.csdn.net/Jaihk662/article/details/86775081 一.两种绑定方法先写一个脚本如下: 原则:一般来讲,是谁的脚本就挂在谁的身上,便 ...
Unity3D之NGUI基础7：UI动态加载
一般在实际项目开发过程中,UI 界面制作好以后会拖拽成为一个 Prefab 资源,和 Scene 场景分离,在需要加载到该场景的时候,再动态的加载显示UI界面动态加载方法: 第一步:将制作好的UI面 ...
Unity3D之NGUI基础3.1：代码控制UILabel
前文:https://blog.csdn.net/Jaihk662/article/details/86772256(UILabel显示字体) 一.游戏得分信息第一步:新建UILabel,并将NGU ...
Unity3D之NGUI基础2：使用NGUI
前文:https://blog.csdn.net/Jaihk662/article/details/86771968(NGUI插件介绍) 一.NGUI层次关系先创建一个用于显示文字的"游戏 ...
Unity3D之NGUI基础6：UIButton按钮
一.添加按钮按钮的前提条件是有一个按钮的"图片",所以要先添加一个图片之后给图片添加BoxCollider组件,用于确定可以点击的区域如下: 最后添加按钮脚本就完成了二.UI ...

Unity3D之NGUI基础5：UISprite显示图片

一、利用UISprite显示图片

二、UISprite面板操作

三、四种图片模式

Unity3D之NGUI基础5：UISprite显示图片相关推荐

最新文章

热门文章