Egret之Label属性width与textWidth的区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Egret之Label属性width与textWidth的区别相关的知识,希望对你有一定的参考价值。

技术图片

一 : 此Label的范围矩形框(蓝框)明显比文本实际占用的矩形(红框)要大

二 : 代码如下

module app
    export class AAA extends eui.Component
    private qqq : eui.Label = null;
    private mmm : eui.Label = null;
    public constructor()
        super();
        this.skinName = "resource/eui_skins/aaa.exml";
    

    protected childrenCreated() : void
        super.childrenCreated();
        console.log( `width : $this.qqq.width` );
        console.log( `heigth : $this.qqq.height` );
        console.log( `textWidth : $this.qqq.textWidth` );
        console.log( `textHeigth : $this.qqq.textHeight` );
    

三 : 结果

技术图片
可知 : width / height 指的是蓝框

以上是关于Egret之Label属性width与textWidth的区别的主要内容,如果未能解决你的问题,请参考以下文章

Egret之虚线的绘制

Egret之粒子系统

Egret之MC逐帧动画

Egret之JSZip基础

Egret之龙骨事件

Egret之渐变填充