我正在使用带有基于HTML的文本流的TextArea控件,似乎无法弄清楚如何对齐图像。
HTML:
<p><img src='assets/images/pic.png' width='32' height='32'/>Some text. </p>
导入文字流程:
myText.textFlow = TextConverter.importToFlow(content, TextConverter.TEXT_FIELD_HTML_FORMAT);
问题是文本没有在图像周围对齐,它总是位于下面,我需要图像的顶部与文本对齐。我检查了TextConverter文档,它说它不支持img标记中的对齐。
I'm trying to achieve something like this...
但我需要将文本放在.xml文件中,而不是硬编码到组件中。我已经研究了一段时间,似乎无法找到答案,它不一定需要HTML,我只需要能够使用外部文件管理格式和文本。
感谢。
答案 0 :(得分:1)
我不知道这对任何人都有用,但是为了将图像的顶部与单行中的文本对齐,您可以使用textFlow的属性dominantBaseLine
和{{1}特定的InlineGraphicElement(或img)。设置lineHeight
并在xml中设置dominantBaseLine='ideographicCenter'
。如果您未设置lineHeight='[enter desired height here]'
,则它将与下面的任何行重叠。我还没弄明白如何让TextFlow自动解决这个问题。
如果你想能够使用可变高度的图像......那么,我滥用InlineGraphicElement lineHeight
属性作为标记,使用TextFlow的styleName
获取这些图像,然后设置InlineGraphicElement {代码中的{1}}。它不漂亮,但至少它有效。
答案 1 :(得分:0)
试试这些:width ='30'height ='30'align ='left'hspace ='10'vspace = '10'