【Unity3D】UGUI之Image和RawImage

1 纹理（Texture） 

        Image 控件和 RawImage 控件都是承载渲染图片的控件，都需要指定一个纹理（Texture）图片。在 Assets 窗口选中一张图片，在 Inspector 窗口的参数设置面板可以查看和编辑图片属性。图片属性中最重要的是图片类型（Texture Type），有 Default、Normal map、Editor GUI and Legacy GUI、Sprite（2D and UI）、Coursor、Cookie、Lightmap、Single Channel 8 种类型，其中最常用的是 Default 和 Sprite 2 种类型，以下是这 2 种类型图片的参数设置面板。

        当给图片设置精灵（Sprite）类型时，可以点击【Sprite Editor】按钮编辑图片的边框，以解决图片边界变形问题：图片在横向拉伸时，左右两边的边边界不会拉伸；图片纵向拉伸时，上下两边的边界不会拉伸；无论水平还是纵向拉伸，四个角的边界始终不变形。

2 Image 控件

        1）面板属性 

        Image 控件只能添加精灵（Sprite）类型图片， 面板属性如下：

        2）Image Type

        Image Type 有 Simple、Sliced、Tiled、Filled 4 种类型，对应面板属性如下：

• Simple：图片适配控件大小自由拉伸，勾选 Preserve Aspect 保持图片宽高比不变，Set Native Size 设置控件宽高为图片原始宽高；
• Sliced：图片适配控件大小自由拉伸，需要设置边界，4 个角的边界始终不变形，取消 Fill Center 只绘制边界；
• Tiled：当控件比较大、图片比较小时，图片从下往上、从左往右重复平铺，铺满整个控件空间；
• Filled：只显示图片的一部分，可以用于技能 CD，Set Native Size 设置控件宽高为图片原始宽高。