LTextField 多行文本实际宽度超出width属性

陈前帆

LTextField 多行文本实际宽度超出width属性

陈前帆

我这边已经找到原因并做了修改。
LTextField.prototype.getHeight = function(){
    var s = this,c = LGlobal.canvas;
    if(s.wordWrap){
        c.font = s.weight + " " + s.size+"pt "+s.font;
        var i,l,j=0,k=0,m=0;
        var cW; //要绘制的字符串宽度。
        for(i=0,l=s.text.length;i<l;i++){
            j = c.measureText(s.text.substr(k,i-k)).width;
            cW = c.measureText(s.text.substr(i,1)).width;
            if(j + cW > s.width){
                j = 0;
                k = i;
                m++;
            }
        }
        s.height = (m+1)*s.wordHeight;
        return s.height;
    }
    c.font = s.weight + " " + s.size+"pt "+s.font;
    return c.measureText("O").width*1.2;
};

陈前帆

c.measureText(s.text.substr(k,i-k)).width

这句返回的是当前字符之前字符串的宽度，不包括当前字符，所以，下面的判断肯定是错误的，这样绘制出来的文本会超出限制的宽度

陈前帆

我这边添加了一个换行功能上去。

if(s.wordWrap){
        var i,l,j=0,k=0,m=0;
        var char, cW; //要绘制的字符串宽度。
        // 此处他是一个字一个字绘制。
        for(i=0,l=s.text.length;i<l;i++){
            // 新字符位置
            j = c.measureText(s.text.substr(k,i-k)).width;
            char = lbl.substr(i,1);
            cW = c.measureText(char).width;
            if(char == "\n"){
                j = 0;
                k = i + 1;
                m++;
                continue;
            }else if(j + cW > s.width){
                j = 0;
                k = i;
                m++;
            }
            d.apply(c,[char,j,m*s.wordHeight,c.measureText(lbl).width]);
        }
        // 此处已做修改，原组件缺少了一行。
        s.height = (m + 1)*s.wordHeight;
    }else{
        d.apply(c,[lbl,0,0,c.measureText(lbl).width]);
    }

陈前帆

建议有空加些如缩退等的功能。

lufy

陈前帆 发表于 2013-12-13 14:54
我这边添加了一个换行功能上去。

if(s.wordWrap){

       // 此处已做修改，原组件缺少了一行。
        s.height = (m + 1)*s.wordHeight;

getHeight的时候会计算文本的高的，这里加不加都一样的

lufy

多谢提醒了，我抽时间改一下