Image组件
Image组件的基本参数
- Source Image 设置精灵图
- Color 设置颜色
- Material 设置图片材质
- Raycast Target 是否应将此图像视为射线投射目标
- Image Type 图片显示模式
Image Type参数详解
Image Type共包含四个参数，分别是：Simple、Sliced、Tiled、Filled
- Simple 均匀缩放整个精灵
- Use Sprite Mesh：使用精灵网格
- Preserve Aspect：保持图片原始比例
- Set Native Size：设置未图片原始大小
- Sliced 切片
- Fill Center：控制e区域是否显示；勾选显示，反之隐藏。
- Pixels Per Unit Multiple：边框的像素倍数
首先，在Project面板中找到对应的图片，点击Inspector面板中的Sprite Editor，拖动裁剪边框，如图：
我们在场景中随意拉伸猫咪图片大小时会发现:
- 图片的四个角始终保持不变
- a，b区域只会纵向伸缩
- c，d区域只会横向伸缩
- e区域会正常伸缩
- Tiled 平铺
- Fill Center：控制e区域是否显示；勾选显示，反之隐藏。
- Pixels Per Unit Multiple：边框的像素倍数
对Image进行平铺时，四个角不变，左右分别用a，b纵向平铺，上下用c，d横向平铺，中间用5平铺
- Filed 填充（适合运用到进度条，技能冷却等方便的功能）
- Filled Method：填充方式
- Horizontal 水平
- Vertical 垂直
- Radial 90 90°
- Radial 180 180°
- Radial 360 360°
- Fill Origin 填充七点
- Bottom Left 左下
- Top Left 左上
- Top Right 右上
- Bottom Right 右下
- Fill Amout 填充程度
- ClockWise 是否为顺时针
- Preserve Aspect 保持原有比例
- Set Native Size 设置为图片原始大小
- Filled Method：填充方式
Raw Image
RawImage功能上与Image组件类似，但属性并不完全相同
- Textture 指定要显示的图片，注意:图片类型可以是任何类型
- Color 设置图片的主题颜色
- Material 设置Image控件的渲染材质
- Raycast Target决定是否可接收射线碰撞事件检测(取消勾选不会挡住下层UI事件)
- UI Rect 可以让图片的一部分显示在RawImage组件中，x、y属性用于控制UV左右、上下偏移，W、H用于控制UV的重复次数。
