Unity3D---UGUI---Image相关以及导入图片资源

因为上卷关于创建讲过这次直接跳过吧

Image的相关设置：

source Image 选项：

其实就是选取图片而已，点击后面的有个小圆点就能选择图片
图片一般由美术提供，一般是一张大图，里面包含很多张小切图。怎样导入图片，以及切出自己需要的图片下面再说。

Color 选项：

如果你需要的是一个纯色的背景的话会用到的，调色板很好使用。如果设置了source Image就会source Image的图片上蒙上一层你在Color设置的颜色

Material 选项：

当使用Material时你设置的Color会变成无效，如果你的Material是透明的话还是能看到source Image设置的图片

Raycast Target 选项：

控件是否需要响应，勾选后事件会在EventSystem在Update的Process触发。

Image Type 选项

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

• Sliced（切片）：图片9宫格拉伸，如下图，图片的四个角会保持原状，而1和4部分会随着图片的横向拉伸而拉伸，2和3部分会随着图片的纵向拉伸而拉伸，图片的中间部分会拉伸5进行填充。

  
  
  

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

Fill Center 选项：

是否显示5拉伸区域

导入图片资源

随便选择一个资源目录里的文件夹右键Import New Asset（一般项目都会规定一个文件夹，这里没有要求就随便选一个文件夹）导入新资源就这样了。还有一种比较便捷快速的方法就是直接把文件拖进来。

image.png

然后点击刚刚导入的图片，Inspector面板中会显示如下图的界面，然后设置一些参数

image.png

Texture Type 选项：贴图类型

• Default：默认
• Normal map：法线贴图
• Editor GUI and Legacy GUI：UI贴图
• Sprite(2D and UI)：精灵
• Cursor：鼠标指针
• Cookie：遮罩贴图
• Lightmap：烘焙贴图
• Single Channel：单通道
  UI切图一般使用Sprite(2D and UI)

Sprite Mode 选项：

模式有：

image.png

Single（单个），Multiple（多个），Polygon（多边形）根据需求选择
其他设置保持默认
点击Sprite Editor进入编辑图片，如果选择Multiple模式可以自由框选多个
Sprite Editor面板中还有一个Edit Outline选项，该选项按照官方的意思是为了提高项目运行效率，目前没有用到

Advanced 选项：高级(可自定义一些贴图属性)

保持默认

Wrap Mode 选项：贴图与贴图之间的拼接模式

保持默认

Filter Mode 选项：过滤模式

保持默认