Flex RadioButton标签不会截断

时间:2012-09-07 19:11:08

标签: flex radio-button label truncate flex-spark

我有RadioButton,只有一个单一的RadioButton不在一个组或类似的东西。我将它的宽度设置为100.然后给它一个比100px长得多的标签。此外,在这个RadioButton的Skin中,我将Label作为Spark Label的子类,我在其中将TextBase的showTruncationTip设置为true,因为这是我正在寻找的行为。

所以标签应该截断,不是吗?相反,我的标签显示整个事件没有被截断为100。

但是,如果我使用CheckBox做同样的事情,它可以正常工作。

这是我的RadioButton的MXML:

<myNameSpace:RadioButton  width="100" id="radBtn1" value="1" label="Yooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo o" />

以下是皮肤中的相关部分:

<s:HGroup width="100%" left="18" gap="5" y="{ icon.height === 0 ? 2 : -4}" verticalAlign="middle">
                <myNameSpace:Icon id="icon"/>
                <myNameSpace:Label id="labelDisplay"
                                     textAlign="start"
                                     verticalAlign="middle"
                                     maxDisplayedLines="1"/>
      </s:HGroup>

只是为了告诉你它基本相同,这是我的CheckBox代码:

<myNameSpace:CheckBox id="checkBox" width="100" label="Click here to turn this On"/>

皮肤:

<s:HGroup left="18" right="0" top="3" bottom="3" verticalCenter="0" verticalAlign="middle" width="100%">
    <myNameSpace:Label id="labelDisplay"
             textAlign="start"
             maxDisplayedLines="{getStyle('wrapLabel') ?  -1 : 1}"
             width="100%" />
    <myNameSpace:Label id="readOnlyLabel" includeIn="readOnly"/>
</s:HGroup>

那是怎么回事?我甚至尝试用普通的Spark RadioButton做这个,但即使这样也不会截断。

修改

从我从试验和错误中发现的情况来看,似乎mx RadioButton会正确截断,但Spark不会。我的RadioButton从Spark扩展,所以它也不会截断。

现在的问题是:如何使Spark RadioButton的标签截断?正如您在原帖中的Skin中所看到的,我确实将maxDisplayedLines设置为1,但它仍然不会显示。

1 个答案:

答案 0 :(得分:1)

如果您为Label提供宽度,则会截断文本。请注意,在复选框的情况下,标签为width="100%",但单选按钮的情况下没有宽度。