Cocos|Cocos Studio 九宫格使用

一、九宫格的作用

我们用小图片来绘制大图片时就会用到,因为使用九宫格不会使小图片拉伸变形
【Cocos|Cocos Studio 九宫格使用】效果:
原图 Cocos|Cocos Studio 九宫格使用
文章图片
原图.png 直接拉伸效果 Cocos|Cocos Studio 九宫格使用
文章图片
直接拉伸效果.png 九宫格效果 Cocos|Cocos Studio 九宫格使用
文章图片
九宫格效果.png 二、九宫格使用(注意:要保证四个角不变形)
1、能用到九宫格的控件和容器
Cocos|Cocos Studio 九宫格使用
文章图片
使用九宫格控件.png 2、九宫格使用
这里要注意保证四个角的完整
Cocos|Cocos Studio 九宫格使用
文章图片
九宫格设置.png 错误示范 Cocos|Cocos Studio 九宫格使用
文章图片
错误示范.png 三、当九宫格设置完后,要使用位置与尺寸中的尺寸来改变它的大小。(注意不能用手拉,手拉的显示的是直接拉伸的效果)
Cocos|Cocos Studio 九宫格使用
文章图片
尺寸设置.png

    推荐阅读