image unity 拉伸_Unity UGUI基础之Image

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

一、Image组件：

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

Color(颜色)：图片叠加色。

Material(材质)：图片叠加材质。

Raycast Target(射线投射目标)：是否作为射线投射目标。

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：我也想给图片添加像文本那样的阴影效果和描边效果》

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

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

image unity 拉伸_Unity UGUI基础之Image相关推荐

unity不规则碰撞_Unity UGUI学习系列(二) ------ PolygonCollider2D实现不规则碰撞范围
本文实现的是在image点击不规则碰撞区域响应事件,效果如下 : 一.添加PolygonCollider2D组件,设置碰撞范围可以选择Editor Collider直接拖动,也可以直接修改point ...
Unity UGUI基础之 Scroll View/Scroll Rect 的简单使用，并取消拖拽(滑动内容)效果，拖拽只在Scrollbar 上起作用
Unity UGUI基础之 Scroll View/Scroll Rect 的简单使用,并取消拖拽(滑动内容)效果,拖拽只在Scrollbar 上起作用目录 Unity UGUI基础之 Scro ...
Unity3d UGUI基础控件使用（一）
转载自:Unity3d UGUI基础控件使用(一) 一:UGUI介绍 UGUI是Unity4.6之后,经过多重测试,推出全新的UI系统,更灵活,快捷,易用的可视化游戏UI开发工具. 由于之前传统的UI ...
Unity中的UGUI源码解析之事件系统(2)-EventSystem组件
Unity中的UGUI源码解析之事件系统(2)-EventSystem组件今天介绍我们的第一个主角: EventSystem. EventSystem在整个事件系统中处于中心, 相当于事件系统的管理 ...
Unity中的UGUI源码解析之事件系统(8)-输入模块(中)
Unity中的UGUI源码解析之事件系统(8)-输入模块(中) 接上一篇文章, 继续介绍输入模块. Unity中主要处理的是指针事件, 也就是在2d平面上跟踪指针设备输入坐标的的事件, 这一类事件有鼠 ...
Unity中的UGUI源码解析之事件系统(3)-EventData
Unity中的UGUI源码解析之事件系统(3)-EventData 为了在事件系统中传递数据, Unity提供了EventData相关的类来封装这一类数据. 了解这些结构有助于我们对后面模块的学习. ...
Unity TileMap 2D 工具基础教程
Unity TileMap 2D 工具基础教程 Unity TileMap 2D 工具基础教程 TileMap 工程创建 Sprite Editor 工具使用 TileMap 功能说明 TilePal ...
Unity粒子系统(5.x)基础（二）
大家好,接下来一节我讲的是Unity粒子系统(5.x)的子模块(一). 目录 1.Emission(发射器模块) 2.Shape Module(发射器形状) 3.Velocity over Lifet ...
datepicker unity 下载_unity日历DatePicker for UnityUI 1.18（亲测可用）
• 价值280的Unity开发潜行类游戏 Stealth秘密行动视频教程价值280的Unity开发潜行类游戏 Stealth秘密行动视频教程分享.通过创建一个完整的第三人称游戏,了解任务角色的控制和 ...

image unity 拉伸_Unity UGUI基础之Image

image unity 拉伸_Unity UGUI基础之Image相关推荐

最新文章

热门文章