有时候项目比较多来回切换非常容易搞混，一不留神就改错项目，要是能直观看到当前打开的项目名就好了

在 Unity 下，显示文本，若标点符号刚好处于换行处，将会变成这样：





或者括号刚好处于换行处，将会变成这样：





又或者一串较长的数字刚好处于换行处，将会变成这样：





... ...

但我不想这样，为啥？因为这样游戏无法过审！
后来逛了下论坛，也没找到合适的解决方案，就决定自己倒腾了。
 
下面是我的成果~





▲ 上图展示了标点符号换行效果。其实图内还有一个效果就是当“他”字也被挪到第二行时，第一行的字就变少了，所以就将第一行的字距变宽了，这样就达到了与 Office Word 差不多的效果（该效果默认是禁用的，可通过 TextFormat 的 CWP_StretchEnabled 来启用/禁用）





▲ 上图展示了英文单词换行效果。





▲ 上图展示了长数字换行效果。

... ...

代码改造都有尽量绕开谷主的源码，功能也都做了开关（都在 TextFormat 里，以 CWP 开头的变量）。主要进行代码改造的地方是 TextField.cs 。
 
基于v4.3.0的源码改造的（谷主很久都没更新了呢）。
具体代码在附件，可以直接覆盖使用。 查看全部

本来想用github发pull request的，一直clone失败
GComponent.prototype._updateGraphics = function() {
// @ts-ignore.
let graphics = this._graphics;
if (!graphics) {
return;
}
this.onDraw(graphics);
}

/**
* mask 用于绘制罩子的函数.
* this 指向mask 对象,需要特别注意.
* @param graphics
*/
GComponent.prototype.onDraw = function(graphics) {
// Share render data with graphics content
graphics.clear(false);
let node = this.node;
let width = node.width;
let height = node.height;
let x = -width * node.anchorX;
let y = -height * node.anchorY;
graphics.roundRect(x, y, width, height, this.radius || 0);
if (cc.game.renderType === cc.game.RENDER_TYPE_CANVAS) {
graphics.stroke();
} else {
graphics.fill();
}
}

GComponent.prototype.onMaskReady = function () {
this.off(fgui.Event.DISPLAY, this.onMaskReady, this);
if (this._maskContent instanceof fgui.GImage) {
this._customMask.type = cc.Mask.Type.IMAGE_STENCIL;
this._customMask.alphaThreshold = 0.0001;
this._customMask.spriteFrame = this._maskContent._content.spriteFrame;
}
else if (this._maskContent instanceof fgui.GGraph) {
if (this._maskContent.type == 2)
this._customMask.type = cc.Mask.Type.ELLIPSE;
else {
this._customMask.type = cc.Mask.Type.RECT;
let r = this._maskContent._cornerRadius[0];
let _radius = r >= 0 ? r : 0;
if (_radius < 1) {
_radius = Math.min(this.node.width, this.node.height) * _radius;
}
this._customMask["radius"] = _radius;
this._customMask["onDraw"] = this.onDraw.bind(this._customMask);
this._customMask["_updateGraphics"] = this._updateGraphics.bind(this._customMask);
this._customMask.type = cc.Mask.Type.RECT;
}
}
};主要修改GComponent.prototype.onMaskReady 查看全部

GComponent.prototype._updateGraphics = function() {

            // @ts-ignore.

            let graphics = this._graphics;

            if (!graphics) {

                return;

            }

            this.onDraw(graphics);

        }



        /**

         * mask 用于绘制罩子的函数.

         * this 指向mask 对象,需要特别注意.

         * @param graphics

         */

         GComponent.prototype.onDraw = function(graphics) {

            // Share render data with graphics content

            graphics.clear(false);

            let node = this.node;

            let width = node.width;

            let height = node.height;

            let x = -width * node.anchorX;

            let y = -height * node.anchorY;

            graphics.roundRect(x, y, width, height, this.radius || 0);

            if (cc.game.renderType === cc.game.RENDER_TYPE_CANVAS) {

                graphics.stroke();

            } else {

                graphics.fill();

            }

        }



        GComponent.prototype.onMaskReady = function () {

            this.off(fgui.Event.DISPLAY, this.onMaskReady, this);

            if (this._maskContent instanceof fgui.GImage) {

                this._customMask.type = cc.Mask.Type.IMAGE_STENCIL;

                this._customMask.alphaThreshold = 0.0001;

                this._customMask.spriteFrame = this._maskContent._content.spriteFrame;

            }

            else if (this._maskContent instanceof fgui.GGraph) {

                if (this._maskContent.type == 2)

                    this._customMask.type = cc.Mask.Type.ELLIPSE;

                else {

                    this._customMask.type = cc.Mask.Type.RECT;

                    let r = this._maskContent._cornerRadius[0];

                    let _radius = r >= 0 ? r : 0;

                    if (_radius < 1) {

                        _radius = Math.min(this.node.width, this.node.height) * _radius;

                    }

                    this._customMask["radius"] = _radius;

                    this._customMask["onDraw"] = this.onDraw.bind(this._customMask);

                    this._customMask["_updateGraphics"] = this._updateGraphics.bind(this._customMask);

                    this._customMask.type = cc.Mask.Type.RECT;

                }

            }

        };