egret(白鹭引擎)修改文本下划线的显示粗细大小

说明

在用egret移植flash游戏项目中文本常有下划线的显示效果，但是egret文本的下划线没有修改下划线的粗细大小不是很美观。
可以通过重写覆盖引擎代码egret.TextField.prototype["fillBackground"]修改下划线的粗细大小

默认效果：

修改后的效果效果：

重写文本的下划线

module egretUtils {
    export module displayProperties {
        export function override() {
            /**
             * @private
             * 重写文本的下划线 
             */
            egret.TextField.prototype["fillBackground"] = function (lines) {
                var graphics = this.$graphicsNode;
                if (graphics) {
                    graphics.clear();
                }
                var values = this.$TextField;
                if (values[33 /* background */] || values[31 /* border */] || (lines && lines.length > 0)) {
                    if (!graphics) {
                        graphics = this.$graphicsNode = new egret.sys.GraphicsNode();
                        if (!egret.nativeRender) {
                            var groupNode = new egret.sys.GroupNode();
                            groupNode.addNode(graphics);
                            groupNode.addNode(this.textNode);
                            this.$renderNode = groupNode;
                        }
                        else {
                            this.$renderNode = this.textNode;
                        }
                    }
                    var fillPath = void 0;
                    var strokePath = void 0;
                    //渲染背景
                    if (values[33 /* background */]) {
                        fillPath = graphics.beginFill(values[34 /* backgroundColor */]);
                        fillPath.drawRect(0, 0, this.$getWidth(), this.$getHeight());
                    }
                    //渲染边框
                    if (values[31 /* border */]) {
                        strokePath = graphics.lineStyle(1, values[32 /* borderColor */]);
                        //1像素和3像素线条宽度的情况，会向右下角偏移0.5像素绘制。少画一像素宽度，正好能不超出文本测量边界。
                        strokePath.drawRect(0, 0, this.$getWidth() - 1, this.$getHeight() - 1);
                    }
                    //渲染下划线
                    if (lines && lines.length > 0) {
                        var textColor = values[2 /* textColor */];
                        var lastColor = -1;
                        var length_7 = lines.length;
                        for (var i = 0; i < length_7; i += 4) {
                            var x = lines[i];
                            var y = lines[i + 1];
                            var w = lines[i + 2];
                            var color = lines[i + 3] || textColor;
                            if (lastColor < 0 || lastColor != color) {
                                lastColor = color;
                                strokePath = graphics.lineStyle(1, color, 1, egret.CapsStyle.NONE);
                            }
                            strokePath.moveTo(x, y);
                            strokePath.lineTo(x + w, y);
                        }
                    }
                }
                if (graphics) {
                    var bounds = this.$getRenderBounds();
                    graphics.x = bounds.x;
                    graphics.y = bounds.y;
                    graphics.width = bounds.width;
                    graphics.height = bounds.height;
                    egret.Rectangle.release(bounds);
                }
            };

        }
    }
}

引用

在Main或者项目初始化的引入即可
如果是单独个别文本下划线需要修改粗细，单独文本修改即可

egretUtils.displayProperties.override();