本文和大家重點討論一下Flex開源組件如何顯示各種文檔教程，FlexPaper是一個開源輕量級的在瀏覽器上顯示各種文檔的組件，使在Flex中顯示PDF成為可能，而這個過程并無需PDF軟件環境的支持。

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

FlexPaper是一個開源輕量級的在瀏覽器上顯示各種文檔的組件，被設計用來與PDF2SWF一起使用，使在Flex中顯示PDF成為可能，而這個過程并無需PDF軟件環境的支持。它可以被當做Flex的庫來使用。

外你也可以通過將一些例如Word、PPT等文檔轉成PDF，然后實現在線瀏覽。

一.使用PDF2SWF準備好你的文檔

首先要將PDF轉成SWF，這步可以使用Flex開源組件的SwfTools自動完成

1.下載安裝SwfTools，當前***版本是0.9
2.轉換PDF到SWF，可以通過命令行的方式，例如將Paper3.pdf轉換成Paper3.swf
C:\SWFTools\pdf2swfPaper3.pdf-oPaper3.swf

二.使用已經編譯好的FlexPaper的flash版本瀏覽你的文檔

1.下載并解壓出已經編譯好的FlexPaper
2.zip文件包含一個例子文件叫做FlexPaperViewer.html，它向你展示了需要傳給FlexPaper的基本參數

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

 3.復制你創建出來的swf和PDF2SWF到解壓縮出的相同目錄
4.確定你添加了FlexPaperViewer.swf

三.在Flex中使用FlexPaper

1.下載FlexPaperSWC，添加到你的Flex項目libs中
2.復制你用PDF2SWF創建的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的幾大誤區
4. FlexBuilder3.0與Eclipse3.4的***結合
5. 剖析Flex DataGrid分頁控件的兩種分頁形式用法