图像顶部的文本 i Flash 幻灯片 (Flex)答案

【问题标题】：Text on top of images i Flash slideshow (Flex)图像顶部的文本 i Flash 幻灯片 (Flex)
【发布时间】：2009-11-27 23:39:32
【问题描述】：

我以前从来没有做过这样的事情！试着用谷歌搜索，但找不到任何有用的东西！

那么：如何使用动作脚本在 Flex 中的图像（幻灯片）上显示文本（可以用其他方式完成）？

（我已经找到了实现幻灯片的动作脚本代码，但如何也显示一些动态文本？）

提前致谢！

【问题讨论】：

标签： apache-flex flash

【解决方案1】：

最简单的方法是在图像顶部放置一个文本区域。

【讨论】：

【解决方案2】：

如果是动态文本，请确保嵌入字体。如果您在使用字体时遇到了奇怪的行为，例如，如果它没有显示出来，那么请确保该字体是嵌入的。如果您打算对其进行缩放、旋转等操作，也需要嵌入字体。

【讨论】：

【解决方案3】：

单独使用 ActionScript：

var sprite:Sprite = new Sprite();
//let bmp be an image of size 100x100 
//loaded thru Loader class or embedded at compile time
sprite.addChild(bmp);
var tf:TextField = new TextField();
//set background/color/font etc here
tf.text = "100x100 image";
sprite.addchild(tf);
tf.x = 50;
tf.y = 50;

请确保您在图片后面加上 addChild 文字 - 否则图片会出现在文字上方，您将看不到它。

使用 flex：将 Canvas 或 Panel 与 absolute 定位一起使用，以将东西放在一起。

<mx:Canvas>
   <mx:Image source="image.png"/>
   <!--Make sure Label tag is after Image tag-->
   <mx:Label text="my image" x="20" y="20"/>
<mx:Canvas>

【讨论】：