cocos 2dx -Lua对图片进行九宫格缩放

南锋1

已于 2022-11-05 01:30:38 修改

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：游戏开发文章标签： lua 开发语言 cocos2d

于 2022-02-23 11:09:41 首次发布

本文链接：https://blog.csdn.net/Silent_F/article/details/123085671

本文介绍了在cocos2d-x中使用Lua进行开发时，如何处理图片缩放的问题。当图片作为父节点包含子节点时，直接缩放会影响子节点。通过使用Sprite9Scale，可以实现九宫格缩放，确保四边不变形，避免了常规缩放带来的变形问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章新地址

开发语言:Lua
引擎:cocos 2dx
我们在使用cocos 2dx 进行开发的时候，经常要对图片进行缩放。如果是一个单独的图片，对其进行常规的缩放是没什么问题的。但是图片是一个父节点，它下面还有其他的子节点，那么直接对这个图片进行缩放，就会影响到它的子节点。这个时候我们就可以对这张图片进行九宫格缩放。

创建并返回一个 Sprite9Scale 显示对象。

格式：

sprite = display.newScale9Sprite(图像名, [x, y], [size 对象])

Sprite9Scale 就是通常所說的“九宫格”图像。一个矩形图像会被分为 9 部分，然后根据要求拉伸图像，同时保证拉伸后的图像四边不变形。


-- 创建一个 Scale9 图像，并拉伸到 400, 300 点大小
local sprite = display.newScale9Sprite("Box.png", 0, 0,

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

南锋1

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

cocos2dx之九宫格

u011040361的专栏

08-21

1808

1、原理 CCScale9Sprite的实现非常巧妙，是通过1个CCSpriteBatchNode和9个CCSprite来实现的，原理很简单，通过将原纹理资源切割成9部分（PS: 这也是叫九宫图的原因），根据想要的尺寸，完成以下的三个步骤: （1）保持4个角部分不变形（2）单向拉伸4条边（即在4个角两两之间的边，比如上边，只做横向拉伸）（3）双向拉伸中间部分（即

cocos 图片放缩变化

阿豪

12-28

414

原文链接: cocos 图片放缩变化上一篇: ...

参与评论您还未登录，请先登录后发表或查看评论

cocos 2dx_Lua ProgressTimer创建扇形进度条

silent_F的博客

11-11

3075

我们在开发游戏的时候经常会用到扇形进度条。比如：技能CD 下面直接上代码吧 function skillCD() local loading = cc.Sprite:create('skill.png') -- 先创建一个精灵 local progress = cc.ProgressTimer:create(loading) progress:setMidpoint(cc.p(0.5, 0.5)) progress:setType(cc.PROGRESS_TIMER_TYPE_RA

cocos2d-x 图片平移缩放组件

klyhssrs的博客

09-06

1417

最近需要实现游戏地图的平移缩放功能，想到这是一个常用的功能，应该有现成的组件，可是到处找也没找到合适完美的实现，干脆自己写一个，经过一些测试没有问题，共享出来，有什么问题欢迎大家提出来继续完善。基于cocos2d-x 3.7.1，ide为vs2013。使用方法： PanZoomController panzoom; panzoom.start(your node or layer or

Cocos2d-x:使用九宫格(九切片)自定义缩放资源

weixin_30432579的博客

05-25

612

　　从开发iOS起地九切片技术的使用就不熟练，最近遇到的需求是要根据麻将牌的数量来适应背景图片，下面就是有效的实现缩放的方法：　　　　 //9宫格图片 //确定大小 ImageView *imageBg = ImageView::create("smallBG.png"); Rect fullRect = Rect(0,...

Cocos2dx中Lua游戏性能优化指南

L的博客

09-06

1614

渲染优化合并图集(Atlas) 离散纹理资源会打断引擎的渲染合批优化，建议将常用资源合并成2048*2048、1024*2048或1024*1024等尺寸的图集(atlas)。合并原则：小图，如尺寸在256*256以内的纹理。图标，如人物头像，资源(gold, mine,stone, etc.)图标，Button背景，九宫资源等。公共，将在各个模块常用的纹理资源放一张公共纹理中，在整个游戏生命期内常驻内存。玩法，将不同玩法模块的资源单独合并到相应的图集，不同玩法模块中的资源很少共用，以玩法...

Cocos2dx-C#脚本UI设计：构建直观且响应式的游戏界面

在当今的移动游戏和应用程序开发领域，Cocos2dx-C# 作为一种流行的跨平台游戏开发框架，其UI系统是构建直观、动态用户界面的核心组件。本章将带领读者入门Cocos2dx-C#的基础知识，并概述其UI系统的基本构成。 ## ...

Cocos2dx 3.2游戏源码深度模仿与分享

- 它支持粒子系统、九宫格、动画、精灵（Sprite）等游戏开发常用的图形处理技术。 3. **脚本绑定与扩展**： - cocs2dx 3.2支持绑定Lua和JavaScript脚本语言，允许开发者编写脚本逻辑。 - C++代码和脚本的结合...

CocosStudio学习笔记（20170719）

u010401391的专栏

09-22

1733

Cocos Studio制作UI的知识点：知识点1：.***_PList.Dir目录是Cocos Studio自动生成的。知识点2：用Cocos Studio可以将TexturePacker打包后的plist文件和png大图文件分割成png小图。知识点3：Cocos Studio设置控件属性为plist中的小图时，要从资源面板中将小图拖到属性面板，不能通过点击右键菜单中的设

cocos2dx 3.3 适配(缩放距离, 不缩放图片)

w18767104183的专栏

12-25

2671

bool AppDelegate::applicationDidFinishLaunching() 中修改为 Vec2 frameSize(1500, 300); Vec2 resolutionSize(960,640); bool AppDelegate::applicationDidFinishLaunching() { // initialize director a

cocos 如何使用九宫格图片，以及在微信小程序上失效。