OSCAR and JOJO

2007-11-10

【Flex】在TextArea中嵌入圖像-1 - [Flex 技术]

版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://oscarandjojo.blogbus.com/logs/10730745.html

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)

來個例子吧～～

<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundGradientColors="[#FFFFFF,#FFFFFF]" width="300" height="300">

    <mx:Text height="100%" width="100%">

        <mx:htmlText>

            <![CDATA[

                <p>You can include an image in your HTML text width the &lt;img&gt;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>

        </mx:htmlText>

    </mx:Text>

</mx:Application>

代碼運行的結果如下～～