在Flex Builder中利用FlexPaper进行在线PDF预览的步骤可以分为几个关键部分。首先,你需要准备好PDF文档,如果你是初学者,可以先通过开源工具PDF2SWF将PDF转换为SWF格式,虽然这是一个可选步骤,因为你可以自己编写代码处理转换,但为了快速看到效果,使用现成的SWF文件是个好起点。下载并安装SwfTools(版本0.9),然后通过命令行将PDF转换,例如:
```shell
C:\SWFTools\pdf2swf Paper3.pdf -o Paper3.swf
```
接着,你将进入FlexPaper的预览阶段。从官方网站下载并解压FlexPaper,它包含一个示例文件FlexPaperViewer.html,此文件展示了如何通过SwfObject库嵌入预览SWF,以及必要的参数设置,如SwfFile路径(你的PDF转换后的SWF文件名)和Scale(显示比例,范围为0-1)。确保将SWF文件和FlexPaperViewer.swf放在同一目录下,并运行index.html来查看预览效果。
在Flex应用中实际使用FlexPaper,你需要遵循以下步骤:
1. 下载FlexPaperSWC库,并将其添加到你的Flex项目的libs目录中,这样你的项目才能引用该库的功能。
2. 将之前通过PDF2SWF转换得到的SWF文件(例如Paper3.swf)复制到bin-debug目录,这是Flex构建过程中所需的资源位置。
3. 在你的Flex代码中,通过MXML(ActionScript的标记语言)添加FlexPaper组件,比如:
```xml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
width="800" height="500"
xmlns:
>
<mx:Script>
<![CDATA[
// 在这里添加FlexPaper组件的实例化和配置
private var paper:FlexPaper = new FlexPaper();
paper.loadSwf('Paper.swf', { scale: 0.6 }); // SwfFile参数与上面HTML中的SwfFile保持一致
// 将组件添加到舞台上或容器内
addChild(paper);
]]>
</mx:Script>
</mx:Application>
```
确保在`loadSwf`方法中传入正确的文件路径和配置,然后运行你的Flex应用程序,FlexPaper组件就会显示预览的PDF内容。
总结来说,使用FlexBuilder和FlexPaper在线预览PDF,主要包括PDF转SWF、创建预览环境、配置FlexPaper组件和在Flex项目中集成FlexPaperSWC。通过这些步骤,你可以轻松地在Flex环境中实现PDF文档的交互式浏览。