一.Image 组件
使用方式有两种：1.显示纯粹的颜色；2.指定图片源，用于显示图片。 注意事项：导入Unity 内的图片资源，如果是用于UI 显示的，需要手动将这些图片的类型修改为“Sprite(2D and UI)”。
二.组件面板核心属性
Source Image：设置用于显示的图片。 Color：设置用于显示的颜色。 两个“数据源”可以分开使用，也可以同时使用，如果同时时候，颜色会改变图片的显示色调。如果使用图片，那么颜色就要设置成白色，否则会影响图片效果。 Set Native Size：设置图片以原始尺寸显示。 设置完图片，首先就需要点击一下该按钮，保证图片是原始尺寸比例。 [](http://www.wjgbaby.com/wp-content/uploads/2017/11/17112505.png)
三.Image 四种显示方式
1.Image Type：图片显示类型 Simple：简单模式–> 60% Sliced：九宫模式–> 20% Tiled：平铺模式–> 几乎不会用到 Filled：填充模式–> 20% 2.Simple 简单模式 Preserve Aspect：勾选后图片会等比例进行缩放，不会变形。 3.Sliced 九宫模式 注意：默认的图片是不支持该模式的，需要编辑图片，设置图片的九宫边框。 设置边框的步骤： ①选中图片->属性区域点击“Sprite Editor”; ②在编辑面板，设置图片的Border 边框数值； ③设置完毕后，不要忘记点击Apply 保存操作。 操作： 设置完毕边框后，对图片进行横向或者纵向拉伸，这个时候图片就会以图片的中心区域进行拉伸，不会拉伸图片的边框效果。 4.Tiled 平铺模式 操作：设置成了该模式后，改变图片区域的大小，图片就会以瓷砖平铺的方式进行显示。 如果使用的图片设置了九宫边框，则只会平铺中间区域，不会平铺边框。 5.Filled 填充模式 Fill Method：填充方式；水平，垂直，或者角度量； Fill Origin：填充起点；跟随填充方式发生改变； Fill Amount：填充量；0~1 表示从无到填充满。