flash制作的电子杂志翻页程序原理（AS2）

主要原理：
   1.将电子书分为3个内容层，叠放顺序如图.第一层为当前页面层，是现在正在显示的页面；第二层是随鼠标拖拽时卷起的页角，第三层是当页角卷起时，露出下一页的层。
   2.设置遮罩:当页边卷起时,层1仅显示四边形FBDE内部分,层2仅显示ABCD部分,层3仅显示BGHD部分.
   3.旋转:层2内的内容要随着鼠标运动而不停变换倾斜角度,其角度始终与AC边斜度一致.
4.翻页:当页面完全翻过时,层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的位置保持一致,书的背景阴影要考虑到首页和末页两个特殊情况.

首页与末页:在翻动到首页与末页时层3遮罩须重新设置为整本书宽的1/2

============================================================

【小技巧】在Flash中，事件发生时会执行ActionScript代码。事件可以划分为以下几类：鼠标和键盘事件，发生在用户通过鼠标和键盘与 Flash 应用程序交互时；剪辑事件，发生在影片剪辑内；帧事件，发生在时间轴上的帧中。例如，当用户滑过一个按钮时，将发生 Button.onRollOver或on(rollOver) 事件；当用户单击某个按钮时，将发生 Button.onRelease 事件；如果按下键盘上的某个键，则发生on(keyPress)事件。可在帧上编写代码或向实例附加脚本，以处理这些事件以及添加所需的所有交互操作。这些都是构成电子杂志动画设计的基本要素。

在利用Flash设计电子杂志的过程中，经常需要使用和页面有关的函数。下面我们选择一个完全利用Flash技术制作的电子杂志为大家分析一下比较常用的Flash事件函数。

设计界面如下图所示：

 

在事件函数中，可在组件参数面板中设置（event参数），也可在Action中通过如下格式来设置：
　　[翻页组件对象名称].[事件名称]=[事件调用函数或事件调用函数路径]

　　若直接指定事件调用函数，则该函数的格式需写为：
　　function 函数名 (事件参数1, 事件参数2, …)

　　若通过事件调用函数的路径来指定（组件参数面板中设置的事件即为这种情况），则该函数的格式需写为：
　　function 函数名 (sender, 事件参数1, 事件参数2, …)。其中sender参数接收到的值为产生该事件的组件句柄。

　　具体事件说明如下表所示：

事件名称

参数说明

功能说明

onCreatePage

pageMC：新创建的页面影片剪辑对象。该对象有一个初始化参数index，保存了该页面的页序号。

isRear：该页面是否为另一页面的背页。

当有新的页面被创建时调用，以便对新页面进行个性化设置。

onRemovePage

pageMC：将被删除的页面影片剪辑对象。

isRear：该页面是否为另一页面的背页。

当有页面被删除时调用，以便对删除的页面进行附加操作。

onAdjustPage

pageObj：页面描述对象。该对象包含以下成员参数：main（指向翻页组件本身）、index（当前页序号）、side（-1左页、1右页）、rearPage（是否为背页）、face（书页影片剪辑）、pageMask（书页蒙板影片剪辑）、shade（书中缝阴影影片剪辑）、shadow（书页影子影片剪辑）、position（页面位置描述结构体，参数含x,y坐标、aimX,aimY目标点坐标及trackMouse是否跟随鼠标）

range：页面形状描述对象。该对象包含以下成员参数：type（形状类型）、a（上沿宽度）、b（下沿宽度）、angle（页面转角）、angle2（中缝阴影转角）、height（侧沿长度）。该对象含义较晦涩，一般情况下不推荐调用。

当页面轮廓形状发生变化时调用，以便对页面内容进行相应调整。

onResizePage

pageObj：页面描述对象。

width：新的页面宽度。

height：新的页面高度。

当页面大小变化时调用，以便对页面内容进行相应调整。

onSetFlipArea

pageObj：页面描述对象。

当页面可翻动区域创建后调用，以便对可翻动区域做相应调整。

onStartFlip

pageObj：页面描述对象。

当页面开始翻动时调用。

onStopFlip

pageObj：页面描述对象。

当页面停止翻动时调用（非停止移动）。

onFinishFlip

pageObj：页面描述对象。

当页面最终移动到目标静止页面状态时调用。

onDragPage

pageObj：页面描述对象。

x：当前页面x坐标。

y：当前页面y坐标。

trackMouse：是否为跟随鼠标拖动。

当拖动页面时调用。

onMovePage

pageObj：页面描述对象。

x：当前页面x坐标。

y：当前页面y坐标。

当页面移动时调用。

　　在上面的电子杂志中，控制“下一页next”按钮的函数和代码窗口如下图所示：

 

 

通过Flash还可以可以做出包含功能强大互动内容的电子杂志，它可以了解受众的个性需求。

　　另外电子杂志的用户管理后台可以针对用户做目标分析和阅读分析，并得到时时更新的信息反馈。而且，电子杂志的广告往往和内容结合得很紧密，甚至一般的消费者都不认为这是一种广告。而这一切也需要通过功能强大的相关脚本来实现。