防iphone4手机的制作过程

学习flashAS3语言的练习过程中,设计一个项目做防手机的留言板,有动画,交互,加载影片等等技术含量。

制作过程;

  1. 设计界面(山寨iphone4)画面
  2. 设计功能;起动,导航,翻页(滑动,点击,拖动)
  3. 功能技术;拖动开机,按下拖动选择菜单
  4. 主要技术;游客留言,浏览目录看内容,
  5. 手机照相,浏览相册,我的音乐
  6. 加载影片,加载xml,外载图片
  7. 使用组件,数据加载,asp+access生成xml
  8. 读取数据,存储数据
  9. 摄像头应用照相,歌曲点播

一,设计界面,画手机。

先是用画图软件画,在flash里不好处理,干脆直接就在flash里画。分了几大块,机面,钢圈,开机按钮,倒影,阴影。按开机按钮(圆按钮)进入。

二,开机效果,解锁使用手机。

完全就是iphone4的画面,滑动解锁功能。按下箭头拖拉就开机解锁。进入菜单(导航)。

三,提高我们学习As3的兴趣,来看滑动箭头按钮是怎么做的。

1,画按钮(箭头)实例名=jiantuo,

2,后面的“滑动解锁”字符,做遮罩方法。

3,看代码;

// 开始界面的滑动箭头-----------
this.home.jiantuo.addEventListener(MouseEvent.MOUSE_DOWN,anxia);

function anxia(Event:MouseEvent):void{
// 鼠标按下时,再侦听鼠标移动,抬起,离开。
stage.addEventListener(MouseEvent.MOUSE_UP,taiqi);
this.home.jiantuo.addEventListener(MouseEvent.MOUSE_MOVE, yidong);
}
function taiqi(Event:MouseEvent):void{
// 鼠标松开时
this.home.jiantuo.x=24;
}
function yidong(Event:MouseEvent):void{
this.home.jiantuo.x = this.home.jiantuo.x+6;
if(this.home.jiantuo.x>244){
this.home.jiantuo.x=24;
this.home.x = -700;
mczhu.x=215.9;
mczhu.y=116.7;
}
}

我是直接写的。没有用类和as文件的方法。在交互这块我是有意的用asp+access的。要困难一些。用php+mysql的数据加载用amfphp简单好多。

home是影片,在影片里面再做的,所以是this.home.jiantuo。侦听按钮的按下事件。

按下事件里面再做鼠标抬起(释放)和鼠标移动。

鼠标移动事件里面,如果箭头的指标 x 到右边244的地方就有移出home当前的影片,再移进(菜单导航)影片。

看看我的(iphone4手机留言本)页。不过我还没有做完,已经是大部分。摄像(照相)做好没有放上。目前还是可以看的。