<b>Flash电子书鼠标拖拽翻页效果原理</b>[Flash设计]

近来要做些电子书,本来预备去网上买现成的翻页效果的组件,但一看报价吓一跳,并且履行效率也不高,一个叫AsFlipPage4.0的组件CPU占用率高居70%,喊价1000RMB,真是黑心商人.下载了几个开源的程序自己也看不懂.于是一咬牙自己做了一个,并放上源程序.过两星期再把变量接口做好,免费公布.

设置遮罩和阴影之后的终究品:

主要原理:

• 将电子书分为3个内容层,叠放次序如图.第一层为当前页面层,是目前正在显示的页面;第二层是随鼠标拖拽时卷起的页角,第三层是当页角卷起时,暴露下一页的层.
• 设置遮罩:当页边卷起时,层1仅显示四边形FBDE内部份,层2仅显示ABCD部份,层3仅显示BGHD部份.
• 旋转:层2内的内容要随着鼠标运动而不断变更倾斜角度,其角度始终与AC边斜度一致.
• 翻页:当页面完好翻过期,层1的当前页数=当前页数+1

程序的核心在于若何得到四个点ABCD的坐标,我利用的是求垂直平分线的办法,既:点C是鼠标位置,点H是页角位置,BD既为此两点间的垂直平分线.由已知的C,H坐标求出直线BD的一次函数y=kx+b今后再求出其与FG,EH的切点,既得点B,D坐标,点A是点G于直线BD的对称点,通过求点G对BD的对称点既可得点A坐标.

demo1: 4个顶点的计算:将鼠标移到黄色热区并拖动

其他几个要点:

限制C点范围:当鼠标在下图灰色区域内时,点C的坐标既等于鼠标坐标,当鼠标脱离灰色区域时,点C必须逗留在区域内.弧KML是以点J为圆心,KJ为半径的圆,弧KNL是以点I为圆心,IK为半径的圆(demo1既未限制C点范围,若鼠标超越弧形区域就会出错.

呼应事件:设置4个热区,辨别位于书的4个顶点,辨别设置rollOver,rollOut,releaseOutside,release事件函数.事实上这一部份函数编写极费时间,需求考虑各种各样的大概性和针对性的处理办法.

鼠标吸附及黏滞:当鼠标进入热区和快速移动时,页角是渐渐黏附向鼠标的,这样可以使动画看上去更流利.demo4设置了吸附,demo1没有设置.

阴影:翻页时的阴影须时刻与直线BD的位置保持一致,书的后台阴影要考虑到首页和末页两个特别情形.