回到顶部
您的当前位置: 专题> FlexPaper系列教程
FlexPaper(二)FlexPaper源码获取及简单使用
2014-08-27 15:21:10
标签: 转载 FlexPaper 源码获取 简单使用
获取FLexPaper源码

flex googlecode下载列表:https://code.google.com/p/flexpaper/downloads/list

flex googlecode svn地址:http://flexpaper.googlecode.com/svn/trunk/

若您的googlecode无法正常访问,大陆地区请参考本站解决方案的链接  --<我是传送门>--

导入源码至FlashBuilder

1、建立一个名为的 FlexPaper_SDK4 库项目;

2、将源码目录 FlexPaper 下的所有文件(包括子目录)移入项目的 FlexPaper_SDK4 目录;

3、将源码 FlexPaper_SDK4的src目录考项目的同名目录;

4、除去'启用警告'选项;

5、附加的编译参数设置为:-locale zh_CN -source-path=locale/{locale} -keep-all-type-selectors=true

Html中FlexPaper简单应用

于googlecode或官网下载FlexPaper_2.2.1.zip压缩包后,解压后可直接查看index.html,我们主要用到FlexpaperViewer.swf、JS文件夹中的jquery.min.js、flexpaper.js、flexpaper_handlers.js。 

flexpaper参数说明:

SwfFile (String) 需要使用Flexpaper打开的文档
 
Scale (Number) 初始化缩放比例,参数值应该是大于零的整数
 
ZoomTransition (String) Flexpaper中缩放样式,它使用和Tweener一样的样式,默认参数值为easeOut.其他可选值包括: easenone, easeout, linear, easeoutquad
 
ZoomTime (Number) 从一个缩放比例变为另外一个缩放比例需要花费的时间,该参数值应该为0或更大。
 
ZoomInterval (Number) 缩放比例之间间隔,默认值为0.1,该值为正数。
 
FitPageOnLoad (Boolean) 初始化得时候自适应页面,与使用工具栏上的适应页面按钮同样的效果。
 
FitWidthOnLoad (Boolean) 初始化的时候自适应页面宽度,与工具栏上的适应宽度按钮同样的效果。
 
localeChain (String) 设置地区(语言),目前支持以下语言。
  en_US (English)
  fr_FR (French)
  zh_CN (Chinese, Simple)
  es_ES (Spanish)
  pt_BR (Brazilian Portugese)
  ru_RU (Russian)
  fi_FN (Finnish)
  de_DE (German)
  nl_NL (Netherlands)
  tr_TR (Turkish)
  se_SE (Swedish)
  pt_PT (Portugese)
  el_EL (Greek)
  da_DN (Danish)
  cz_CS (Czech)
  it_IT (Italian)
  pl_PL (Polish)
  pv_FN (Finnish)
  hu_HU (Hungarian)
  
FullScreenAsMaxWindow (Boolean) 当设置为true的时候,单击全屏按钮会打开一个flexpaper最大化的新窗口而不是全屏,当由于flash播放器因为安全而禁止全屏,而使用flexpaper作为独立的flash播放器的时候设置为true是个优先选择。
 
ProgressiveLoading (Boolean) 当设置为true的时候,展示文档时不会加载完整个文档,而是逐步加载,但是需要将文档转化为9以上的flash版本(使用pdf2swf的时候使用-T 9 标签)。
MaxZoomSize (Number) 设置最大的缩放比例。					
 
MinZoomSize (Number) 最小的缩放比例。
 
SearchMatchAll (Boolean) 设置为true的时候,单击搜索所有符合条件的地方高亮显示。
InitViewMode (String) 设置启动模式如"Portrait" or "TwoPage".
ViewModeToolsVisible (Boolean) 工具栏上是否显示样式选择框。
 
ZoomToolsVisible (Boolean) 工具栏上是否显示缩放工具。
NavToolsVisible (Boolean) 工具栏上是否显示导航工具。
CursorToolsVisible (Boolean) 工具栏上是否显示光标工具。
SearchToolsVisible (Boolean) 工具栏上是否显示搜索。

index.html引用说明:

$('#documentViewer').FlexPaperViewer(
  { config : {
    SWFFile : 'docs/Paper.pdf.swf', //加载swf文件为docs目录下的Paper.pdf.swf
 
    Scale : 0.6,                    //初始化缩放比例0.6即为60%
    ZoomTransition : 'easeOut',
    ZoomTime : 0.5,
    ZoomInterval : 0.2,
    FitPageOnLoad : true,           //加载时字段适应页面高度
    FitWidthOnLoad : false,         //加载时不适应页面宽度
    FullScreenAsMaxWindow : false,
    ProgressiveLoading : false,
    MinZoomSize : 0.2,              //页面最小可缩放成20%
    MaxZoomSize : 5,                //页面最大可放大成500%
    SearchMatchAll : false,         
 
    RenderingOrder : 'flash',
 
    ViewModeToolsVisible : true,
    ZoomToolsVisible : true,
    NavToolsVisible : true,
    CursorToolsVisible : true,
    SearchToolsVisible : true,
    WMode : 'window',
    localeChain: 'en_US'            // 设置地区语言
  }}
);
Flex中FlexPaper简单应用

于googlecode或官网下载FlexPaper对应的SDK,SDK有3.5和4.6,2个版本。引入你的flex同一版本的swc后,即可以创建mxml文件。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx=" 
 layout="absolute"
 width="800" height="500"
 xmlns:flexpaper="com.devaldi.controls.flexpaper.*"> 				
 
  <flexpaper:FlexPaperViewer width="800" height="500"
          Scale="1" SwfFile="man.swf" />
 
</mx:Application>