apache-flex - 具有百分比宽度和固定高度的 Spark RichEditableText 自动换行

Question

我知道以前有人问过这个问题，但其他解决方案对我来说效果不佳。

这是我的示例应用程序。

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx"
               width="200" height="300">
    <fx:Script>
        <![CDATA[
            import flashx.textLayout.conversion.TextConverter;
        ]]>
    </fx:Script>

    <s:Group top="0" bottom="0" left="0" right="0">
        <s:VGroup width="100%" gap="10">
            <s:RichEditableText id="text1" editable="false" width="100%" height="60" minWidth="0" 
                                textFlow="{TextConverter.importToFlow('some loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong text', TextConverter.TEXT_FIELD_HTML_FORMAT)}" />
        </s:VGroup>
    </s:Group>

</s:WindowedApplication>

我试图尽可能地模仿我的应用程序结构。基本上我希望'text1'中的文本环绕。如果我将高度设置为我想要的 60 像素，这将不起作用。但是，如果我将 text1 的高度更改为 100%（或一起删除高度），那么突然间我会自动换行。它似乎不喜欢固定高度。我不确定这里发生了什么.. 添加 minWidth="0" 没有帮助，也没有设置 lineBreak="toFit"。

有任何想法吗？

Answer 1

尝试将宽度设置为显式值