本文和大家重點(diǎn)討論一下Flex開源組件如何顯示各種文檔教程，F(xiàn)lexPaper是一個(gè)開源輕量級(jí)的在瀏覽器上顯示各種文檔的組件，使在Flex中顯示PDF成為可能，而這個(gè)過程并無需PDF軟件環(huán)境的支持。

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

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

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

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

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

1.下載安裝SwfTools，當(dāng)前***版本是0.9
2.轉(zhuǎn)換PDF到SWF，可以通過命令行的方式，例如將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)建出來的swf和PDF2SWF到解壓縮出的相同目錄
4.確定你添加了FlexPaperViewer.swf

三.在Flex中使用FlexPaper

1.下載FlexPaperSWC，添加到你的Flex項(xiàng)目libs中
2.復(fù)制你用PDF2SWF創(chuàng)建的SWF到你的bin-debug目錄，如Paper3.swf，添加Flex開源組件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. FlexBuilder快捷鍵使用說明
2. Flex2.0Beta1新功能出爐
3. 揭露Flex2.0的幾大誤區(qū)
4. FlexBuilder3.0與Eclipse3.4的***結(jié)合
5. 剖析Flex DataGrid分頁控件的兩種分頁形式用法