[Flex]在TextArea中嵌入圖像

TextArea的htmlText支持多種html標簽，如<a>、<b>、<br>、<font>、<img>等，這裏使用<img>標簽來將圖片嵌入到TextArea中～～<img>標簽可用於嵌入JPEG,GIF,PNG及SWF等媒體文件到文本框中，文本會自動分佈到嵌入圖像的週圍，註意隻有支持多行(multiline)及自動換行(warp)的動態或輸入文本框才支持<img>標簽～～

默認情況下Flash將嵌入的媒體以其原始呎吋顯示，若要指定媒體的大小，可使用<img>標簽的height和width屬性～～以下系<img>標簽所支持的屬性：

src    GIF,JPEG,PNG或SWF文件的路徑；此屬性必須賦值，其他的都是可選的；外部文件要加載完畢才會顯示出來

align    圖像的水平對齊方式 ( left / right )，默認為left

height    圖像的高度(pixels)

hspace    圖像邊緣與文字的水平間隔，默認值為8

id    圖像的id

vspace    圖像邊緣與文字的垂直間隔，默認值為8

width    圖像的寬度(pixels)

 

1. <?xml version="1.0"?>
3. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundGradientColors="[#FFFFFF,#FFFFFF]" width="300" height="300">
5.     <mx:Text height="100%" width="100%">
7.         <mx:htmlText>
9.             <![CDATA[
11.                 <p>You can include an image in your HTML text width the <img>tag.</p><p><img src='../assets/bird.gif' width='30' height='30' align='left' hspace='10' vspace='10'>Here is text that follows the image.I'am extending the text by lengthening this sentence until it's long enough to show warpping around the bottom of the image.</p>
13.         </mx:htmlText>
15.     </mx:Text>
17. </mx:Application>
20. 文章來自: 閃客居(www.flashas.net) 詳文參考：http://www.flashas.net/html/flex/20071111/2448.html