技术分享 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> 
 
 
 

【编辑推荐】

1. 经验总结 Flex中Cairngorm框架使用心得
2. FlexBuilder4十大新特性闪亮登场
3. Flex框架中Cairngorm和Mate的优点大比拼
4. FlexBuilder3.0与Eclipse3.4的完美结合
5. 解析Flex应用开发步骤 新特性和技术框架