在學(xué)習(xí)Flex的過(guò)程中，你可能會(huì)遇到Flex開源組件顯示各種文檔這樣的問(wèn)題，這里和大家分享一下，F(xiàn)lexPaper是一個(gè)開源輕量級(jí)的在瀏覽器上顯示各種文檔的組件，被設(shè)計(jì)用來(lái)與PDF2SWF一起使用，使在Flex中顯示PDF成為可能。

Flex開源組件顯示各種文檔教程

FlexPaper是一個(gè)開源輕量級(jí)的在瀏覽器上顯示各種文檔的組件，被設(shè)計(jì)用來(lái)與PDF2SWF一起使用，使在Flex中顯示PDF成為可能，而這個(gè)過(guò)程并無(wú)需PDF軟件環(huán)境的支持。它可以被當(dāng)做Flex的庫(kù)來(lái)使用。

外你也可以通過(guò)將一些例如Word、PPT等文檔轉(zhuǎn)成PDF，然后實(shí)現(xiàn)在線瀏覽。

一.使用PDF2SWF準(zhǔn)備好你的文檔

首先要將PDF轉(zhuǎn)成SWF，這步可以使用開源的SwfTools自動(dòng)完成

1.下載安裝SwfTools，當(dāng)前最新版本是0.9

2.轉(zhuǎn)換PDF到SWF，可以通過(guò)命令行的方式，例如將Paper3.pdf轉(zhuǎn)換成Paper3.swf
C:\SWFTools\pdf2swfPaper3.pdf-oPaper3.swf

二.使用已經(jīng)編譯好的FlexPaper的flash版本瀏覽你的文檔

1.下載并解壓出已經(jīng)編譯好的FlexPaper

2.zip文件包含一個(gè)例子文件叫做FlexPaperViewer.html，它向你展示了需要傳給FlexPaper的基本參數(shù)

varparams={  
SwfFile:"Paper.swf",  
Scale:0.6  
}  
swfobject.embedSWF("FlexPaperViewer.swf","cb","500","500","9.0.0",
"js/swfobject/expressInstall.swf",params);  
//SwfFile參數(shù)是你想顯示的文件，Scale是0-1之間的數(shù)，表示顯示的放大參數(shù) 

3.復(fù)制你創(chuàng)建出來(lái)的swf和PDF2SWF到解壓縮出的相同目錄

4.確定你添加了FlexPaperViewer.swf

三.在Flex中使用FlexPaper

1.下載FlexPaperSWC，添加到你的Flex項(xiàng)目libs中

2.復(fù)制你用PDF2SWF創(chuàng)建的SWF到你的bin-debug目錄，如Paper3.swf，添加FlexPaper組件到你的flex代碼中Xml代碼

<?xmlversionxmlversion="1.0"encoding="utf-8"?> 
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
layout="absolute" 
width="800"height="500"  
xmlns:flexpaper="com.devaldi.controls.flexpaper.*"> 
 
<flexpaper:FlexPaperViewerwidthflexpaper:FlexPaperViewerwidth="800"height="500"  
Scale="1"SwfFile="Paper3.swf"/> 
 
</mx:Application> 

【編輯推薦】

1. 經(jīng)驗(yàn)總結(jié) Flex中Cairngorm框架使用心得
2. FlexBuilder4十大新特性閃亮登場(chǎng)
3. Flex框架中Cairngorm和Mate的優(yōu)點(diǎn)大比拼
4. FlexBuilder3.0與Eclipse3.4的完美結(jié)合
5. 解析Flex應(yīng)用開發(fā)步驟 新特性和技術(shù)框架