本文详细介绍了Unity UGUI中的Image组件，包括Simple、Sliced、Tiled和Filled四种图片显示类型，以及它们在拉伸、裁切、填充等方面的应用。通过设置Preserve Aspect来锁定比例，保持图片的原始长宽比。同时，文章还分享了动态切换图像源和添加阴影、描边效果的实用技巧。
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(填充中心)：
最低0.47元/天 解锁文章
扫一扫
184
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
