cc.Sprite组件

1.精灵

精灵(Sprite)是Cocos系列的核心概念之一，是Cocos Creator最常用的显示图像的组件。

游戏中显示一个图片，我们就可以把这个叫做”精灵” sprite，这只是简单理解概念。

Cocos Creator上需要显示一个图片，那么就可以在新建的节点上挂一个精灵组件(cc.Sprite组件),为这个组件指定要显示的图片(SpriteFrame)即可。下面我们可以进行操作了。

CC已经提供了创苏创建渲染节点方式，我们可以在“层级管理器”中“右键”，弹出菜单选择--》“创建节点”--》“创建渲染节点”--》“Sprite(精灵)”，就新建了一个精灵节点。

默认创建的精灵如下图所示，我们可以更改组件属性来改变渲染结果。

我们 还可以先创建一个空节点，然后给这个节点添加Sprite组件即可。

2.精灵组件主要属性

精灵组件在属性编辑器中可以看到很多属性选项，如上图中所示，主要属性功能说明如下；

属性	功能说明
Atlas	精灵显示图片资源所属的Atlas图集资源
Sprite Frame	渲染 Sprite 使用的 Sprite Frame图片资源
Type	渲染模式，包括普通（Simple）、九宫格（Sliced）、平铺（Tiled）和填充（Filled）渲染四种模式
Size Mode	指定 Sprite 的尺寸 Trimmed 表示会使用原始图片资源裁剪透明像素后的尺寸 Raw 表示会使用原始图片未经裁剪的尺寸 Custom 表示会使用自定义尺寸。当用户手动修改过 Size 属性后，Size Mode 会被自动设置为 Custom
Trim	是否渲染原始图像周围的透明像素区域，节点约束框是否包含途中透明部分
Src Blend Factor	当前图像混合模式！混合模式显示两张图片时，原图片的取值模式
Dst Blend Factor	背景图像混合模式，和上面的属性共同作用，可以将前景和背景 Sprite 用不同的方式混合渲染