Хорошо, я только что потратил пару часов, разбираясь с этим, но у меня это работает во Flash и Flex.
Отображение изображений в TextField
Вы можете загрузить объекты DisplayObjects в теги TextField <img />, включая мувиклипы, спрайты и встроенные изображения.
Во Flash или Flex, если вы хотите отобразить встроенное изображение, вам придется создать класс-оболочку, расширяющий класс DisplayObject (например, Sprite или MovieClip).
Убедитесь, что текстовое поле достаточно велико, чтобы содержать изображение. Во время тестирования я думал, что что-то не работает, когда у меня действительно было слишком маленькое TextField для отображения всего изображения.
Пример Flash
Простой пример, весь код находится на основной временной шкале.
Создание динамического TextField на сцене. Дайте ему полезное имя, я называю мое txtImageTest.
Изменить размер txtImageTest до приличного размера, например 300x150px.
Создайте новый символ MovieClip и присвойте ему имя класса, например, imageClip1.
Нарисуйте что-нибудь в своем новом клипе или поместите встроенное изображение внутри imageClip1.
Вернитесь к основной временной шкале, отмените выбор всех объектов и откройте редактор Actionscript в первом кадре.
Включить многострочное и перенос текста в текстовое поле:
imageClip1.wordWrap = true;
imageClip1.multiline = true;
imageClip1.htmlText = "<p>You can include an image in your HTML text with the <img> tag.</p><p><img id='testImage' src='imageClip1' align='left' width='30' height='30' hspace='10' vspace='10'/>Here is text that follows the image. I'm extending the text by lengthening this sentence until it's long enough to show wrapping around the bottom of the image.</p>"
Сохраните и проверьте свой фильм.
Пример Flex
Поскольку мы не можем просто создать новый MovieClip в библиотеке, как мы это делали во Flash, нам нужно создать новый класс, который выполняет ту же задачу (этот метод также работает во Flash, если вы хотите создать новый клип в библиотека).
Вот мой класс для черной треугольной пули, которая называется BlackArrow.as:
// Set the correct package for you class here.
package embed
{
import flash.display.Sprite;
import mx.core.BitmapAsset;
public class BlackArrow extends Sprite
{
// Embed the image you want to display here.
[Embed(source='assets/embed/triangleIcon_black.png')]
[Bindable]
private var TriangleImage:Class;
public function BlackArrow()
{
super();
// Instantiate the embedded image and add it to your display list.
var image:BitmapAsset = new TriangleImage();
addChild(image);
}
}
}
ПРИМЕЧАНИЕ. Не не расширяйте Bitmap (во Flash) или BitmapAsset (во Flex), поскольку они не масштабируются или не позиционируются должным образом в TextField. Выберите Sprite или что-то подобное.
Вот пример класса, который отображает это изображение в TextField:
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
width="100%" height="100%">
<mx:Script>
<![CDATA[
import embed.BlackArrow;
// You must include a variable declaration of the same type as your
// wrapper class, otherwise the class won't be compiled into
// the SWF and you will get an IOError.
private var img2:BlackArrow;
]]>
</mx:Script>
<mx:Text id="txtResults1" width="100%" height="100%">
<mx:htmlText>
<![CDATA[<p>You can include an image in your HTML text with the <img> tag.</p><p><img id='testImage' src='embed.BlackArrow' align='left' hspace='10' vspace='10'/>Here is text that follows the image. I'm extending the text by lengthening this sentence until it's long enough to show wrapping around the bottom of the image.</p>]]>
</mx:htmlText>
</mx:Text>
</mx:VBox>
Обратите внимание, что я использую полное имя класса в атрибуте src тега изображения.
Заключительные замечания