UGUI的Image等价于NGUI的Sprite组件，用于显示图片。

一、Image组件：

Source Image（图像源）：纹理格式为Sprite（2D and UI）的图片资源（导入图片后选择Texture Type为Sprite（2D and UI））。

Color（颜色）：图片叠加的颜色。

Material（材质）：图片叠加的材质。

Raycast Target（射线投射目标）：是否作为射线投射目标，关闭之后忽略UGUI的射线检测。

Image Type（图片显示类型）：

Simple（基本的）：图片整张全显示，不裁切，不叠加，根据边框大小会有拉伸。

Preserve Aspect（锁定比例）：针对Simple模式，勾选之后，无论图片的外形放大还是缩小，都会一直保持初始的长宽比例。

Image Type（图片显示类型）：

Sliced（切片的）：图片切片显示，在Project页面选中图片，切换为Sprite（2D and UI）模式后，点击Sprite Editor进入图片裁切模式，将图片裁切为上图的形状，使用Sliced模式后，根据图片边框拉伸，图片的四个角会保持原状，而1和4部分会随着图片的横向拉伸而拉伸，2和3部分会随着图片的纵向拉伸而拉伸，图片的中间部分会拉伸5进行填充。

Fill Center（填充中心）：勾选后，5显示，反之，5不可见。

Image Type（图片显示类型）：

Tiled（平铺的）：若图片已经过裁切，则使用Tiled模式后，根据图片边框拉伸，图片的四个角会保持原状，而1和4部分会随着图片的横向拉伸而拉伸，2和3部分会随着图片的纵向拉伸而拉伸，图片的中间部分会用5进行平铺填充。若图片未裁切，则使用Tiled模式后，根据图片边框拉伸，图片保持原大小不做变化，只是用自身平铺填充。

Fill Center（填充中心）：（已裁切的图像源才有此选项）勾选后，5显示，反之，5不可见。

Image Type（图片显示类型）：

Filled（填充的）：根据填充方式、填充起点、填充比例决定图片显示哪一部分。

Fill Method（填充方式）：分为水平、垂直、90度圆、180度圆、360度圆。

Fill Origin（填充起点）：根据填充方式不同有所变化。

Fill Amount（填充比例）：0是完全不显示，1是完全显示。

二、使用中的技巧：

《功能1：我想在程序里动态切换图像源，包括我电脑硬盘里任意一张图片》

思路：首先我们要将该图片读入字节流，然后转换为Sprite，就可以直接赋给Image了，代码如下：

传入的参数bytes为图片文件转换的字节数组，至于怎么转，网上一收一大把，这里就不做说明了，texture2d为一个Texture2D变量，返回的_sprite就可以直接赋值给Image的图像源了。

《功能2：我也想给图片添加像文本那样的阴影效果和描边效果》

阴影效果：还是添加阴影特效组件

描边效果：还是添加描边特效组件

Unity UGUI基础之Image格式讲解相关推荐

Unity UGUI开发设计及案例讲解
Unity--UGUI开发设计及案例讲解 1． Unity4.6跟以前的版本的最大区别首先在于在层级视图中点鼠标右键时出现的弹出菜单上,它把以前许多的菜单项进行了归类,比如cube sphere ca ...
Unity UGUI基础之 Scroll View/Scroll Rect 的简单使用，并取消拖拽(滑动内容)效果，拖拽只在Scrollbar 上起作用
Unity UGUI基础之 Scroll View/Scroll Rect 的简单使用,并取消拖拽(滑动内容)效果,拖拽只在Scrollbar 上起作用目录 Unity UGUI基础之 Scro ...
Unity UGUI
超详细的基础教程传送门:(持续更新中) Unity UGUI之Canvas&EventSystem:http://blog.csdn.net/qq992817263/article/detai ...
Unity3d UGUI基础控件使用（一）
转载自:Unity3d UGUI基础控件使用(一) 一:UGUI介绍 UGUI是Unity4.6之后,经过多重测试,推出全新的UI系统,更灵活,快捷,易用的可视化游戏UI开发工具. 由于之前传统的UI ...
Unity面试题加强版之二《unity编辑器基础》
Unity面试题加强版之二Unity编辑器基础 unity超全面试题,掌握轻轻松松拿Offer,码住学习 40.请描述游戏动画有几种,以及其原理. 主要有关节动画.单一网格模型动画(关键帧动画).骨骼 ...
Unity超基础学习笔记（二）
Unity超基础学习笔记(二) 1. 基本数据类型的扩展之前在K12中学习了一些基本的数据类型,实际上C#支持更多的数据类型.如下: 注意无符号整型数和有符号整型数的表示范围,例如: int 能表示 ...
Unity UGUI Rect
Unity UGUI Rect rect.x与rect.y rect.min和rect.max rect.center rect.x与rect.y x,y就是rect类的根坐标,有了它我们就能确定我们 ...
Unity UGUI Button 中文详解-Chinar
Chinar blog :www.chinar.xin Unity UGUI 完整系列教程 (Chinar中文图解) Unity UGUI Button 组件本文提供全流程,中文翻译. Chinar ...
12.unity编程基础
目录编程入门一:语法基础 1-1.VS的使用 1-2.程序编写规范 1-3.数据类型(共15种) 1-4.常量和变量 1-5.表达式和运算符二:控制语句 2-1.顺序结构 2-2.选择语句 2- ...
Unity UGUI Batches合批规则详解（含源码）
Unity UGUI Batches合批规则详解在处理UGUI DrawCall问题的时候,我们经常遇到各式各样的问题. 问题1:在处理UGUI合批的时候,发现了一个面板父节点发生旋转,底下的UI合 ...

Unity UGUI基础之Image格式讲解

UGUI的Image等价于NGUI的Sprite组件，用于显示图片。

Unity UGUI基础之Image格式讲解相关推荐

最新文章

热门文章