技術分享 Flex開源組件FlexPaper如何顯示各種文檔
在學習Flex的過程中,你可能會遇到Flex開源組件顯示各種文檔這樣的問題,這里和大家分享一下,FlexPaper是一個開源輕量級的在瀏覽器上顯示各種文檔的組件,被設計用來與PDF2SWF一起使用,使在Flex中顯示PDF成為可能。
Flex開源組件顯示各種文檔教程
FlexPaper是一個開源輕量級的在瀏覽器上顯示各種文檔的組件,被設計用來與PDF2SWF一起使用,使在Flex中顯示PDF成為可能,而這個過程并無需PDF軟件環境的支持。它可以被當做Flex的庫來使用。
外你也可以通過將一些例如Word、PPT等文檔轉成PDF,然后實現在線瀏覽。
一.使用PDF2SWF準備好你的文檔
首先要將PDF轉成SWF,這步可以使用開源的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,添加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>
【編輯推薦】
- 經驗總結 Flex中Cairngorm框架使用心得
- FlexBuilder4十大新特性閃亮登場
- Flex框架中Cairngorm和Mate的優點大比拼
- FlexBuilder3.0與Eclipse3.4的完美結合
- 解析Flex應用開發步驟 新特性和技術框架