Flex 4 - 自动调整字体大小以适应组件宽度

Question

我正在寻找一种方法来创建一个标签（文本区域即可），我可以自动调整字体大小，使文本适合宽度。

为了使它更清楚一点，我了解 autosize 属性将允许组件增加其宽度，以便所有文本都可见，我正在寻找与此相反的内容。假设我有一个 200px 宽度的标签，并且我有大约 300px 的文本，标签应该降低字体大小，以便它可以在 200px 区域内显示。

我已经搜索遍了，我能找到的只是一个标题文本字段的 AS3 示例（http://livedocs.adobe.com/flex/3/html/help.html?content=Working_with_Text_22.html），但我找不到我一生都在想如何让它在 Flex 4 自定义组件之类的环境中工作，

请帮助我？？？

Answer 1

这取决于您想要的准确度。

正如 Flextras 所指出的，为了完美贴合宽度，您必须进行测量。对于 Flex，您可以在 updateDisplayList() 上实现。

如果您正在寻找更简单的方法，您可以尝试优化比率并使用数据绑定。

例如，如果 20 的字体大小适用于 200 像素宽度，则使用该比例：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx">

    <s:Label text="Size as ratio"
             fontSize="{(20 / 200) * width}" />

</s:Application>

这不是最佳方法，但可能会为您赢得时间来研究线条指标。