Flex/Actionscript truncateToFit 在标签组件上

Question

我的 Flex 应用程序中有许多标签，它们的“truncateToFit”属性设置为 true。 问题是，在任何截断文本的末尾不是显示“...”，而是显示 null。

即，如果我的标签文本是：“Hello Stackoverflow！” 我可能希望我的标签看起来像这样：

“Hello Stackov...”

相反，它显示

“Hello Stackovnull”

任何帮助都会有用！

截断的外观示例

编辑： - 示例代码：

<mx:HBox width="200" ... >
   <mx:Label maxWidth="150" truncateToFit="true" text="Really long text.Really long text.Really long text.Really long text.Really long text" />
</mx:HBox>

Answer 1

哈哈！ 我找到了解决方案。 抱歉，各位 - 可能是我缺乏信息，导致你们很难调试 m :(

所以，无论如何 - 事实证明，我有一个外部资源模块 swf，我的应用程序加载了该资源以从中获取本地化语言数据等 - 此文件不包含有关截断显示的文本的一些数据（即“...”），因此它显示为“null”，我将该数据添加到资源 swf 中，一切都按预期工作

。试图帮助我的人；）

Answer 2

问题是默认的 Flex 资源包之一未包含在您编译的本地化文件中。 请参阅此处了解详细说明和修复：
http://deniszgonjanin.posterous.com/flex-truncation-null-error-修复

Answer 3

我刚刚尝试了你的示例代码，效果很好。 你确定这不是别的东西吗？

Answer 4

因此，我嵌入了自己的字体，它可以很好地截断，没有任何特殊问题。 我不确定你是如何嵌入字体的，但这种方法对我有用。 如果您正在做完全不同的事情，请在您的帖子中注明。

// Cannot name the font as one that already exists!
[Embed(source="Anonymous.ttf", fontFamily="myAnon")]
private var fontA : Class;

[Embed(source="HGRSGU.TTC", fontFamily="myFont")]
private var fontB : Class;

//...I have some code here that switches the font
var obj : Object = truncateMe.getStyle("fontFamily");
if (obj == "myAnon")
  truncateMe.setStyle("fontFamily", "myFont");
else
  truncateMe.setStyle("fontFamily", "myAnon");

<!-- My Label -->
<mx:Label maxWidth="150" truncateToFit="true" id="truncateMe"
    text="Something really long goes here" fontFamily="myFont" fontSize="20"/>

Answer 5

如果使用多个语言环境，请确保将“en_US”添加到您的语言环境链中。 例如：
ResourceManager.localeChain = ['pt_BR', 'en_US'];

找到解决方案：http://blog.flexexamples.com/2008/01/26/truncating-text-in-the-flex-label-control-using-the-truncatetofit-property/

寻找 Leandro 的发帖

Answer 6

今天（3小时）我为这个问题进行了一场激烈的斗争，对于像这样的小问题来说，这实在是太多了。 无论如何，以上提示都没有解决我的问题。 我都试过了。 我最终创建了自己的类，它扩展了 mx.controls.Label 类。 实施如下。 请随意在您的项目中使用它。 请注意，使用此选项时，您应该在 mxml 中禁用 truncateToFit。 否则，“null”字符串将被附加到您的文本中，并且不会进行截断。

代码：

package com.feijk.UI {
    import mx.controls.Label;


    /**
     * An extension for mx.controls.Label to truncate the text and show
     * a tooltip with the full-length content. This sub-class is meant to be
     * used when the regular truncateToFit does result in a "null" appendix
     * on the string instead of the "...". In order for this to work, I used
     * the following parameters in my mxml: 
     * 
     *  - truncateToFit = false
     *  - maxWidth = set
     *  - width = set
     * 
     * 
     * @author Tomi Niittumäki // Feijk Industries 2010
     * @NOTE: Feel free to use! :)
     */
    public class FLabel extends Label{

        // define the truncation indicator eg. ...(more) etc.
        private const TRUNCATION_INDICATOR:String = new String("...");

        /**
         * Constructor
         */
        public function FLabel(){
            super();
        }

        /**
         * The overriding method, which forces the textField to truncate
         * its content with the method truncateToFit(truncationIndicator:String)
         * and then supers the tooltip to be the original full-length text.
         */
        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void{
            super.updateDisplayList(unscaledWidth, unscaledHeight);
            //trace("!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!: "+textField.text);
            textField.truncateToFit(TRUNCATION_INDICATOR);
            super.toolTip = text;
        }

    }
}