TLF - 通过多个容器和换行符流动文本

Question

我正在使用 TLF 来布置字典条目。它工作得相当好，但我需要比通过在 FlowElements 上设置样式属性所能实现的更精细的布局控制，主要用于独立于其父级的 SpanElements 上的水平间距和设置填充。

看起来最有希望的解决方案是将条目的各个元素分离到单独的容器中，并通过为每个新元素逐步添加新容器和 ContainerController 来让文本流经它们，并将大小设置为其内容边界，以便文本将流入每个新元素。容器。

这几乎可以工作，但是如果在应该进入不同容器的文本的两个部分之间插入额外的换行符，则文本只会正确地流入下一个容器。如果没有换行符，容器的大小会正确，但不会显示任何文本。

在这些示例中，我向容器精灵添加了边框，以便您可以看到它们的绘制位置。除了换行符之外，文本完全相同。音节字段是 ParagraphElement 内的 SpanElement。发音标签和文本是另一个 ParagraphElement 内的单独 SpanElement。

没有换行符：

在 'rab-bit' 和 'Sounds Like:' 之间有换行符：

在 'rae biht' 之后换行（提前换行无效）：

如您所见，除非在文本后添加换行符，否则不会显示发音，但对齐方式随即关闭。似乎没有任何换行符组合可以正确对齐它们。

有什么想法吗？这些错误是 TLF 中的吗？我应该尝试不同的方法吗？我真的很希望将所有文本作为一个单元进行选择，并且我喜欢 TLF 提供的更好的渲染和控制，但我还需要布局灵活性。我想我可以用换行符和定位偏移将类似的东西组合在一起，但它肯定不会很漂亮（或可维护）。感谢您的阅读。

Answer 1

我不久前为 Adob​​e Cookbooks 写了一个食谱，可能会对您有所帮助。基本上，我发现完全放弃使用 span 和 paragraph 元素而主要关注容器控制器要容易得多。希望它有帮助：

为纯文本资源生成格式化的 TextFlow 布局

---

更新

容器，您可能可以使用行尾分隔符来确定目标字符串，以及它的字符串长度、字体大小、填充等，您可以找到容器所需的大小并更改容器的大小通过调用相应的容器：

targetFlow.flowComposer.getControllerAt(controllerIndex).getContentBounds().width;

//and/or

targetFlow.flowComposer.getControllerAt(controllerIndex).getContentBounds().height;

这是我写的另一个食谱，它自动更改文本流的字体大小以适合其容器： 自动化 TextFlow 容器的字体大小，

但您可以更改容器大小以适合您的文本，而不是像我所做的那样更改字体大小。

我希望这有帮助。