学习flashAS3语言的练习过程中,设计一个项目做防手机的留言板,有动画,交互,加载影片等等技术含量。
制作过程;
一,设计界面,画手机。
先是用画图软件画,在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手机留言本)页。不过我还没有做完,已经是大部分。摄像(照相)做好没有放上。目前还是可以看的。