青瓷引擎UI组件怎么用之图片篇
作者：hzc 来源：绿软联盟 发布时间：2016-2-24 15:35:34
文章正文
青瓷引擎UI组件怎么用之图片篇，由绿盟小编整理，主要从创建图片、图片类型、ColorTint 三方面进行讲解：
- qc.UIImage组件用来显示图片
- 创建图片
通过主菜单（游戏对象/图片）或工具条创建
node = game.add.image(parent);
通过拖拽设置图片资源，如果是图集资源还需指定图片帧
node.texture = game.assets.find('textureKey');
node.frame = 'background.png';
- 图片类型
目前支持简单、九宫格和平铺三种类型的显示方式
简单类型：
默认类型，图片不进行平铺，只是拉伸填充满游戏对象矩形区域
node.imageType = qc.UIImage.IMAGE_TYPE_SIMPLE
九宫格类型：
九宫格图片被分割成九部分，四周图块保持固定尺寸，中间图块拉伸填充满游戏对象矩形区域剩下的中心部分。
node.imageType = qc.UIImage.IMAGE_TYPE_SLICED
平铺类型：
图形进行平铺填充满游戏对象矩形区域，如果图片定义的九宫格，则在仅在中间部分进行平铺
node.imageType = qc.UIImage.IMAGE_TYPE_TILED
- ColorTint
图片混合色，alpha值不参与计算，默认值new qc.Color(0x00FFFFFF)不改变原始效果。
node.colorTint = new qc.Color(0x00888888);
文章来自绿盟(xDowns.com)转载请注明来路。
上一篇文章：Skype将于3月24日关闭Qik视频消息服务 []
相关文章
· [图文] 青瓷引擎UI组件怎么用之按钮篇· [图文] 青瓷引擎UI组件怎么用之文本（UIText）
· [图文] 青瓷引擎UI组件怎么用之空节点
· [图文] 青瓷引擎如何设置屏幕自适应 青瓷引擎屏幕自适应教程
· [图文] 青瓷引擎布局基础详解之Rect Transform篇
· [图文] 青瓷引擎布局基础详解之Transform篇
· [图文] 青瓷引擎如何编辑帧动画 青瓷引擎编辑帧动画教程
· [图文] 如何将骨骼动画导入到青瓷引擎工程？
· [图文] 青瓷引擎如何导出骨骼动画 青瓷引擎导出骨骼动画教程
· [图文] 青瓷引擎如何打包图集 青瓷引擎打包图集教程