Flexpaper参数,Flexpaper使用方法,Flexpaper下载 - 蕃薯耀 - ITeye技术网站
博客分类：
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) 工具栏上是否显示搜索。
对比本例子中的参数设置：
SwfFile : escape('FusionCharts.swf'),//加载的SWF文件为FusionCharts.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,
InitViewMode : 'Portrait',
PrintPaperAsBitmap : false,
ViewModeToolsVisible : true,
ZoomToolsVisible : true,
NavToolsVisible : true,
CursorToolsVisible : true,
SearchToolsVisible : true,
localeChain: 'en_US' //设置地区（语言）为en_US
上面带注解的参数为我们经常设置的参数，下面我们来简单演示一下几个参数改变的效果：
FitWidthOnLoad : false 改成true
MaxZoomSize : 5 改成1
localeChain: 'en_US'改成'zh_CN'
使用例子：
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&
&title&FlexPaper&/title&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&style type="text/css" media="screen"&
html, body { height:100%; }
body { margin:0; padding:0; overflow: }
#flashContent { display: }
&script type="text/javascript" src="js/flexpaper_flash.js"&&/script&
&div style="position:left:10top:10"&
&a id="viewerPlaceHolder" style="width:660height:480display:block"&&/a&
&script type="text/javascript"&
var fp = new FlexPaperViewer(
'FlexPaperViewer',
'viewerPlaceHolder', { config : {
SwfFile : escape('Paper.swf'),
Scale : 0.6,
ZoomTransition : 'easeOut',
ZoomTime : 0.5,
ZoomInterval : 0.2,
FitPageOnLoad : true,
FitWidthOnLoad : false,
PrintEnabled : true,
FullScreenAsMaxWindow : false,
ProgressiveLoading : false,
MinZoomSize : 0.2,
MaxZoomSize : 5,
SearchMatchAll : false,
InitViewMode : 'Portrait',
ViewModeToolsVisible : true,
ZoomToolsVisible : true,
NavToolsVisible : true,
CursorToolsVisible : true,
SearchToolsVisible : true,
localeChain: 'en_US'
&!-- THE FOLLOWING CODE BLOCK CAN SAFELY BE REMOVED, IT IS ONLY PLACED HERE TO HELP YOU GET STARTED. --&
&div style="position:left:680height:540top:10font-family:Vfont-size:9background-color:#CACACA;width:300px"&
&div style="padding: 5px 5px 5px 5font-size:15font-weight:text-align:margin-top:10"&FlexPaper Sample Document&/div&
&div style="padding: 5px 5px 5px 5font-size:11text-align:margin-bottom:10"&Can't see the document and running FlexPaper from your local directory?&br/&&br/& Upload the contents of the zip file to a web server or make FlexPaper trusted to run locally. You can manage your trusted flash applications at &a href="/support/documentation/en/flashplayer/help/settings_manager04a.html#119065"&Adobe's website&/a&.&/div&
&div style="background-color:#EFEFEF"&
&div style="padding: 5px 5px 5px 5font-size:15font-weight:text-align:margin-top:50"&More Examples&/div&
&div style="padding: 5px 5px 5px 5font-size:11text-align:margin-bottom:10line-height:150%"&
>> &a href="examples/two_page.html"&FlexPaper starting up in Two-Page mode&/a&&br/&
>> &a href="examples/interactive_API.html"&Interactive API html page&/a&&br/&
>> &a href="examples/searchmatchall.html"&Search and highlight all matches&/a&&br/&
&div style="padding: 5px 5px 5px 5font-size:15font-weight:text-align:margin-top:50"&Publishing with PHP&/div&
&div style="padding: 5px 5px 5px 5font-size:11text-align:margin-bottom:10line-height:150%"&
>> &a href="php/simple_document.php"&On the fly conversion (requires PHP5)&/a&&br/&
>> &a href="php/split_document.php"&Split file conversion (requires PHP5)&/a&
&div style="padding: 5px 5px 5px 5font-size:15font-weight:text-align:margin-top:50"&Documentation&/div&
&div style="padding: 5px 5px 5px 5font-size:11text-align:margin-bottom:10line-height:150%"&
>> &a href="/docs_php.jsp"&Configuring and Publishing with PHP&/a&&br/&
>> &a href="/docs_converting.jsp"&Converting Documents&/a&&br/&
>> &a href="/docs_parameters.jsp"&Parameters&/a&&br/&
>> &a href="/docs_api.jsp"&API&/a&&br/&
增加高度设置
修改 flexpaper_flash.js文件 ，默认是100%
(function() {
var IE = document.all,
URL = '/go/getflashplayer',
JQUERY = typeof jQuery == 'function',
RE = /(\d+)[^\d]+(\d+)[^\d]*(\d*)/,
GLOBAL_OPTS = {
// very common opts
width: '110%',
height: '165%',
id: "_" + ("" + Math.random()).slice(9),
// flashembed defaults
allowfullscreen: true,
allowscriptaccess: 'always',
quality: 'high',
// flashembed specific options
version: [3, 0],
onFail: null,
expressInstall: null,
w3c: false,
cachebusting: false
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
蕃薯耀 日 09:25:02 星期五
(932.9 KB)
下载次数: 297
浏览 14208
浏览: 365029 次
来自: 深圳
oracle基本操作，Oracle修改列名，Oracle修改字 ...
js 日期比较大小，js判断日期是否在区间内，js判断时间段是 ...
Linux tomcat部署War包，Linux在Tomcat ...
Tomcat修改favicon.ico图标，Linux下Tom ...Flex中如何通过backgroundAlpha样式和alternatingItemColors样式创建一个具有透明效果背景颜色DataGrid的例子
阅读：735次&&&时间： 10:21:49&&
接下来的例子演示了Flex中如何通过backgroundAlpha样式和alternatingItemColors样式，创建一个具有透明效果背景颜色DataGrid。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml&?xml version=&1.0& encoding=&utf-8&?&
&mx:Application&xmlns:mx=&/2006/mxml&
& & & & layout=&vertical&
& & & & verticalAlign=&middle&
& & & & backgroundColor=&white&&
& & &mx:Script&
& & & & &![CDATA[
& & & & & & import mx.events.ColorPickerE
& & & & & & private function colorPicker_creationComplete(evt:Event):void {
& & & & & & & & colorPicker.selectedColor = Application.application.getStyle(&backgroundColor&);
& & & & & & }
& & & & & & private function colorPicker_change(evt:ColorPickerEvent):void {
& & & & & & & & Application.application.setStyle(&backgroundColor&, colorPicker.selectedColor);
& & & & & & }
& & & & ]]&
& & &/mx:Script&
& & &mx:Array&id=&arr&&
& & & & &mx:Object&label=&User 1& data=&1& /&
& & & & &mx:Object&label=&User 2& data=&2& /&
& & & & &mx:Object&label=&User 3& data=&3& /&
& & & & &mx:Object&label=&User 4& data=&4& /&
& & & & &mx:Object&label=&User 5& data=&5& /&
& & & & &mx:Object&label=&User 6& data=&6& /&
& & & & &mx:Object&label=&User 7& data=&7& /&
& & & & &mx:Object&label=&User 8& data=&8& /&
& & &/mx:Array&
& & &mx:ApplicationControlBar&dock=&true&&
& & & & &mx:Label&text=&backgroundColor:& /&
& & & & &mx:ColorPicker&id=&colorPicker&
& & & & & & & & creationComplete=&colorPicker_creationComplete(event)&
& & & & & & & & change=&colorPicker_change(event)&&/&
& & &/mx:ApplicationControlBar&
& & &mx:DataGrid&id=&dataGrid&
& & & & & & backgroundAlpha=&0.0&
& & & & & & alternatingItemColors=&{[]}&
& & & & & & dataProvider=&{arr}&&
& & & & &mx:columns&
& & & & & & &mx:DataGridColumn&dataField=&label& /&
& & & & & & &mx:DataGridColumn&dataField=&data& /&
& & & & &/mx:columns&
& & &/mx:DataGrid&
&/mx:Application&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
Copyright &
All Rights ReservedFlexpaper在jsp页面的使用 - Flex当前位置:& &&&Flexpaper在jsp页面的使用Flexpaper在jsp页面的使用&&网友分享于：&&浏览：627次Flexpaper在jsp页面的应用
1.关于FlexPaper源码的修改，见前面FlexPaper源码的修改。
2.修改后的源码打包，点Flex项目，右键----&导出----&发行版。此时会在项目下生成bin-release文件夹。其中有个html和swf文件，名称和你的项目名称一样。打开html文件就可以看到FlexPaper效果了。将和你项目同名的swf文件拷贝到你的javaweb项目下。
3.下载FlexPaper_1.5.1_flash文件，见附件。解压后，将FlexPaper_1.5.1_flash/js文件夹下的flexpaper_flash.js拷贝到你的javaweb项目下。
4.jsp页面加入以下代码：
&div class="view"&
&script type="text/javascript"&
var row_adduserid=document.getElementById("row_adduserid");
var doc_attname=document.getElementById("doc_attname");
var userId=row_adduserid.
var attname=doc_attname.
var fp = new FlexPaperViewer(
'/assets/flex/FlexPaperViewer',
'viewerPlaceHolder', { config : {
SwfFile : escape('/assets/upload/'+userId+'/'+attname+'.swf'),
Scale : 1,
ZoomTransition : 'easeOut',
ZoomTime : 0.5,
ZoomInterval : 0.2,
FitPageOnLoad : true,
FitWidthOnLoad : true,
FullScreenAsMaxWindow : false,
ProgressiveLoading : true,
MinZoomSize : 0.2,
MaxZoomSize : 1,
SearchMatchAll : true,
InitViewMode : 'Portrait',
PrintPaperAsBitmap : false,
ViewModeToolsVisible : true,
ZoomToolsVisible : false,
NavToolsVisible : false,
CursorToolsVisible : true,
SearchToolsVisible : true,
localeChain: 'zh_CN'
'/assets/flex/FlexPaperViewer',要改为你的路径。
SwfFile : escape('/assets/upload/'+userId+'/'+attname+'.swf'),要改为你读取的swf文件路径。
具体的参数，可以上网搜索下。
12345678910
12345678910
12345678910 上一篇：下一篇：文章评论相关解决方案 12345678910 Copyright & &&版权所有