【动画效果】改善subwindow的动画效果

来源:互联网 发布:winxp eplan软件下载 编辑:程序博客网 时间:2024/04/29 19:42

改善subwindow的动画效果 
原贴在 http://www.bstek.com/bbs/posts/list/5292.page
作者:Stark.Cao
主题: 【动画效果】改善subwindow的动画效果

subwindow的最大化和最小化都具有动画效果,在某些情况下这样的动画效果在打开速度上不能满足客户的要求,这里提供一些方法提高窗体的最大化和最小化的速度,或者取消渐变的效果。

取消渐变效果
动画效果是需要消耗CPU的,如果在配置不高或者CPU处理数据满载时,的确会影响打开的效率,可在setting中统一禁用

<property name="view.smartweb2.defaultAnimated" value="false"/>

改进ZoomEffect文件
花时间改进了一下ZoomEffect。这个版本估提高了最大和最小化的速度
使用步骤如下:
1).把附件中的ZoomEffect.js拷贝到homesmartwebv2lib目录中。
2).在home的根目录下添加一个javascript-lib.xml文件(如已存在则直接打开编辑),其内容大致如下:

<?xml version="1.0" encoding="UTF-8"?><libraries><library name="ZoomEffectPlugin" path="ZoomEffect.js" /></libraries>

3).代码中使用了EffectProxy类作为渐变效果的展现的div的class,所以需要在homesmartwebv2skinsdefaultskin.css添加该class。(假设使用的skin是default)
附上两个示例(选用一个即可,个人推荐第一个):

.EffectProxy{position:absolute;top:0px;left:0px;z-index:50;background-color:#C6D6EF;border:1px solid #316AC5;filter:alpha(opacity=50);opacity:0.5;}.EffectProxy{position:absolute;top:0px;left:0px;z-index:50;border:1px dashed #000099;}

4).关于ZoomEffect.js中的自定义。
//效果执行时间
ZoomEffect.duration = 300;
//多少毫秒执行一次loop函数
ZoomEffect.fps = 30;
//ZoomEffect使用的Transition,推荐ZoomEffect.Transitions.sineInOut
ZoomEffect.transition = ZoomEffect.Transitions.sineInOut;
这三个参数是全局的,可自定义。推荐只修改ZoomEffect.duration和ZoomEffect.fps。 
ZoomEffect.js

原创粉丝点击