cocos-九宫格数据切割

最新推荐文章于 2024-09-27 23:00:00 发布
最新推荐文章于 2024-09-27 23:00:00 发布
阅读量921 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： cocos笔记本-个人
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u010664312/article/details/51729322
本文介绍如何在Cocos2d-x中使用九宫格效果，包括开启setScale9Enabled方法及设置capInsets参数的具体操作。

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

cc.rect(x , y, w ,h )

事先要开启：setScale9Enabled(true)

--左边距 上边距  右边距 下边距

设置数据：setCapInsets(left,top,right,bootom)


计算方法百度体会。说不清。或者使用flash的九宫格插件

cocos2dx之九宫格
u011040361的专栏
08-21 1819
1、原理 CCScale9Sprite的实现非常巧妙，是通过1个CCSpriteBatchNode和9个CCSprite来实现的，原理很简单，通过将原纹理资源切割成9部分（PS: 这也是叫九宫图的原因），根据想要的尺寸，完成以下的三个步骤: （1）保持4个角部分不变形 （2）单向拉伸4条边（即在4个角两两之间的边，比如上边，只做横向拉伸） （3）双向拉伸中间部分（即
cocos 2dx -Lua对图片进行九宫格缩放
silent_F的博客
02-23 3482
开发语言:Lua 引擎:cocos 2d 创建并返回一个 Sprite9Scale 显示对象。 格式： sprite = display.newScale9Sprite(图像名, [x, y], [size 对象]) Sprite9Scale 就是通常所說的“九宫格”图像。一个矩形图像会被分为 9 部分，然后根据要求拉伸图像，同时保证拉伸后的图像四边不变形。 -- 创建一个 Scale9 图像，并拉伸到 400, 300 点大小 local sprite = display.newScale9Sprite
Cocos Creator3.8 项目实战（四）巧用九宫格图像拉伸
w风雨无阻w的专栏
10-04 3763
通常ui 资源都是图片，也是最占资源量的资源类型，游戏中的ui 资源还是人机交互的最重要的部分，因此质量要求都非常高，通常都是使用rgb32位真彩色，这就导致资源量比较大。通常ui资源在打包时，都会以图集的形式展现，在加载到内存的时候，是整块加载，如果ui 没优化好，则会增大内存的开销。将鼠标移动到分割线上，可以看到光标形状改变了，这时候就可以按下并拖拽鼠标来更改分割线的位置。我们可以看到，图像周围有一圈绿色的线条，表示当前九宫格分割线的位置。可以鼠标滚轮放大图片预览试图，便于精准调整边框位置。
Cocos2d-x:使用九宫格(九切片)自定义缩放资源
weixin_30432579的博客
05-25 619
　　从开发iOS起地九切片技术的使用就不熟练，最近遇到的需求是要根据麻将牌的数量来适应背景图片，下面就是有效的实现缩放的方法： 　　 　　 //9宫格图片 //确定大小 ImageView *imageBg = ImageView::create("smallBG.png"); Rect fullRect = Rect(0,...
【cocos】Sprite九宫格拉伸SLICED
烧仙草奶茶的博客
12-10 2480
Cocos中有关九宫格的解释
一个代码汪的时候
08-16 4034
Cocos中有关九宫格的解释 九宫格是利用一张很小的图片来绘制大区域图片的技术，用户可以制作九宫格图片，并设置拉伸的位置，图片会在贴图时只拉伸中心的部分，边角却不会被拉伸，这样只要设计时图片中心的颜色是纯色，那即使拉伸的再大也会保持原有的效果。正常情况下九宫格绘制会遵循下面的规则： a. 保持4个角部分不变形 b. 单向拉伸4条边（即在4个角两两之间的边，比如上边，只做横向拉伸） c. 双
Cocos2d-lua-Navmesh:cocos2d-lua导航网格工具
06-01
Cocos2dx-lua-Navmesh 这是一个专门为cocos2d-lua写的一个导航网格工具。 1 MainScene是一个测试用例页面。 2 MeshScene是一个将Tiled地图生成网格数据，并保存到文件的页面。
ts&3.0&3.x cocos实现九宫格/跑马灯抽奖
m0_65447589的博客
03-16 1330
项目场景： 实现九空格/跑马灯抽奖效果 面板设置: 代码： import { _decorator, Component, Node, SpriteFrame } from 'cc'; const { ccclass, property } = _decorator; @ccclass('drawPage') export class drawPage extends Component { @property([Node]) ...
浅谈一下对cocos2d-x中九宫格精灵的简单理解和使用
forestsenlin的博客
11-15 8643
浅谈一下对cocos2d-x中九宫格精灵的简单理解和使用首先，使用cocos new命令创建了一个cocos2d-x的C++项目和Lua项目，在生成的HelloWorld中写测试代码。1.C++代码创建一个九宫格精灵#include "ui/UIScale9Sprite.h" using namespace cocos2d::ui; //创建一个九宫格精灵 Scale9Sprite* sp = Sc
Cocos2d-x教程视频Cocos2d-x v3基础数据类型
11-19
在Cocos2d-x v3中，基础数据类型包括了常见的如整型、浮点型、布尔型等，同时也包括了Cocos2d-x特有的数据类型，比如用于坐标和尺寸的类、颜色和点等。 为了使用Cocos2d-x v3开发游戏，开发者需要熟悉这些基础数据...
cocos2dx plist大图分割成小图片脚本
08-08
Flash版本和Zwoptex 版本都支持 1 安装python 2 例子：命令行输入 python PlistToPngFormat0.py D:\test\call (call即为plist文件名称)
九宫格切图神器
07-11
图片九宫格切图神器。把一张图片切割成9张，便于在微信朋友圈、微博、QQ空间展示。看上去美美的，逼格满满。傻瓜式一键切图。
cocos2d-js在某些浏览器下9宫格图片有明显切割线的问题解决
rapig的专栏
08-18 872
cocos2d-js在使用canvas模式渲染html5画面的时候，如果shi'y
cocos builder中使用九宫格
Andy·Wu的专栏
06-09 446
1、开发环境 UI编辑器：cocos builder 引擎：cocos2d-x 2.2.6 2、cocos builder 中九宫格熟悉配置 在 cocos builder 中九宫格的具体熟悉配置如下图所示： 在 cocos2d-x 2.2.6 中直接通过代码加载九宫格时需要传入 Rect 即为上图中 (x, y, width, height)。 参考文献 1、https://forum.cocos.org/t/topic/3990 2、https://forum.cocos.org/t/cocosbui
cocos 如何使用九宫格图片，以及在微信小程序上失效。
PrimaryColor
06-22 586
1.在图片下方，点击edit。 2.拖动线条，使四角不被拉伸。 3.使用。 其他 在微信小程序上失效，需要将packable合图功能取消掉。
Cocos Creator 剪裁精灵图片方法记录（7）
lazy_tomato的博客
09-27 1037
最近拿到一些图片资源，但是都需要自己手动切割。类似unity的话有专门点击精灵工具自动帮你切割了，但是目前没有找到cocos中有这种工具。所以记录一下相关方法、
cocos2d-x Scale9Sprite的使用方法 lua篇
热门推荐
u011040361的专栏
09-20 1万+
这里简单记录一下Scale9sprite的使用方法，其实使用这个方法主要是用来拉伸图片，好处就是该方法拉伸的程度不会像setScale方法这样严重扭曲变形。而是将一个纹理分为九个部分，也就是九宫格，上图： 将图片为9个部分，拉伸的情况下1,3,7,9 不会拉伸，2,8部分水平方向拉伸，4,6部分竖直方向拉伸，5两个方向都会拉伸，这样纹理就不会扭曲变形。 下面，贴出代码看一下九宫格怎么使用注意
cocos creator 入门学习-九宫格抽奖游戏（一）
gc0704012047的专栏
05-24 1156
cocos 九宫格抽奖游戏
cocos creator 九宫格组件优点
dachicun的博客
02-10 387
cocos creator 九宫格组件优点
cocos九宫格拉伸在哪
最新发布
12-27
### Cocos 中九宫格拉伸的使用方法 #### 一、概念理解 九宫格拉伸是一种用于高效绘制大面积图片而不失真的技术。其核心在于将原始的小图片按照特定方式划分为九个区域，在目标显示尺寸发生变化时，不同区域采用不同...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值