TextFlow 文本中插入图片或其他组件

TextFlow 文本中插入图片或其他组件

TextFlow 是 Flex 富文本框架 TextLayout Framework的核心类,使用它可以实现富文本及图文混排,甚至可以插入自定义的Flex组件,具体用法如下:

  • 插入图片
textFlow.interactionManager = new EditManager();
//bitmap为具体的图片,插入后生成一个InlineGraphicElement。
EditManager(textFlow.interactionManager).insertInlineGraphic(bitmap,bitmap.width,bitmap.height);
textFlow.flowComposer.updateAllContainers();
  • 插入自定义组件
var container:SpriteVisualElement = new SpriteVisualElement();
//component为组件的一个实例,最好是放在Group中。
container.addChild(component);
           
var graphic:InlineGraphicElement = new InlineGraphicElement();
graphic.source = container;
graphic.typeName = "media";
           
var paragraph:ParagraphElement = new ParagraphElement();
paragraph.addChild(graphic);
           
textFlow.addChild(paragraph);