当前位置 : 主页 > 手机开发 > 其它 >

cocos creator 自适应宽高的label

来源:互联网 收集:自由互联 发布时间:2021-06-13
cocos creator 自适应宽高的label (文末有demo链接) 自适应宽高解决办法: 1)需要自适应的气泡结构采用 Sprite背景 + label -NodeA 2)NodeA主要设置属性: 添加横向纵向两个layout组件(type: 对应

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.csdn.net/download/xiaoting000/9968350

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

网友评论