技术分享 Flex开源组件FlexPaper如何显示各种文档-flex如何使用

在学习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>

【编辑推荐】