WEB开发网
开发学院图形图像Flash 图片缩放滚动—as3程序 阅读

图片缩放滚动—as3程序

 2009-03-11 11:57:59 来源:WEB开发网   
核心提示:最近空闲时间很多,一直对flash/flex很感兴趣,图片缩放滚动—as3程序,于是便学起了as3,前段时间在http://www.bestofjoomla.com/里看见这样一个flash:感觉很不错,LEFT、CENTER、RIGHT、NEXT,也正因引入了这个位置的概念,同时为了检验自己的学习成效,便着手自己也实

最近空闲时间很多,一直对flash/flex很感兴趣,于是便学起了as3。前段时间在http://www.bestofjoomla.com/里看见这样一个flash:

感觉很不错,同时为了检验自己的学习成效,便着手自己也实现一个。

我的项目逻辑大致如下:

(1)、图片信息组织成xml,包括编号、图片地址、名称、提示语。

<ImgList>
  <Img>
    <Id>0</Id>
    <Url>1.jpg</Url>
    <Title>哈罗</Title>
    <Tip>1/7</Tip>
  </Img>
  <Img>
    <Id>1</Id>
    <Url>2.jpg</Url>
    <Title>hello!</Title>
    <Tip>2/7</Tip>
  </Img>

(2)当图片和xml文件正在加载的时候显示loading。

(3)代码组织。

a、采用文档类方式,除文档背景和内嵌loading图片之外,其他均用as3实现。

b、代码类按不同的逻辑责任来划分,共三个。

-Model.as 负责处理整体的动画逻辑

这个部分中最重要的就是各个动画效果的恰当配合,怎样提高代码的复用率,减少重复编码

-Single.as 负责生成单个图片信息模块

这个部分中重要的在于要确立好图片的注册点,使得在构建动画的时候更方便,同时将不由外界因素影响的自身的动画绑定

-Direction.as 协助动画逻辑的辅助类

这个部分很重要,体现了这个项目的动画设计理念,为了实现各个图片的准确循环切换,我设计了一个数组,存贮当前正在展示的三个对象,并预留了一个位置给下一个即将展示的对象,我分别给他们定义了一个位置,LEFT、CENTER、RIGHT、NEXT,也正因引入了这个位置的概念,使得整体代码阅读起来不需要注释也能明白我在操作哪个对象。

Tags:图片 缩放 滚动

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接