cocos creator 自适应宽高的label

最新推荐文章于 2025-05-26 08:15:00 发布

Veitao_09

最新推荐文章于 2025-05-26 08:15:00 发布

阅读量1.3w

点赞数

CC 4.0 BY-SA版权

分类专栏： cocos-creator 文章标签： cocos-creator label

本文链接：https://blog.youkuaiyun.com/xiaoting000/article/details/77879716

cocos-creator 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在CocosCreator中实现Label的宽高自适应，通过Sprite背景结合Label节点及布局组件，调整属性实现文本内容自动适配，并提供代码示例及demo下载。

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

cocos creator 自适应宽高的label
（文末有demo链接）

自适应宽高解决办法：

1）需要自适应的气泡结构采用 Sprite背景 + label ->NodeA

2）NodeA主要设置属性：添加横向纵向两个layout组件(type: 对应方向， ResizeMode: container)

3）节点A的labelA主要属性：overflow 设置为 none
脚本中label宽高控制代码:

        this.labelA.overflow = cc.Label.Overflow.NONE;
        this.labelA.string = "我是要自适应的宽高的文本内容，谢谢";
        if (this.labelA.node.width >= maxWidth) { //maxWidth气泡最大宽度
            this.labelA.overflow = cc.Label.Overflow.RESIZE_HEIGHT;
            this.labelA.node.width = maxWidth;
        };
        this.NodeA.width = this.labelA.node.width;
        this.NodeA.height = this.labelA.node.height;

4）节点A的父节点（如果有的话）主要设置属性：layout(type: none, ResizeMode: container)

5）如果外层还有父节点的话，主要属性设置如上步骤

demo地址: http://download.youkuaiyun.com/download/xiaoting000/9968350

参考论坛帖子地址：http://forum.cocos.com/t/topic/37438/18