核心方法:制作FLASH课件模板的方法(2)
再做一个加分按钮和一个减分按钮(不细说步骤了),将他们拖放六次到计分板的适当位置,实例名为:jia1_btn,jian1_btn,jia2_btn,jian2_btn… …如图:
新建一层,打开帧动作面板,输入六段下面类似代码:
a1 = 0;
jia1_btn.onRelease = function() {
a1++;//每次点击递加1
s1 = a1;
};
Jian1_btn.onRelease = function() {
a1--;//每次单击递减1
s1 = a1;
}
… …
(以上是1组的加减分按钮,你就另外加5个的出来吧!只要将1改成2、3、4、5、6即可,注意应仔细一点,输完后应检查无误。)
最后需要陷入一个可以将计分板关闭的按键来,放在右上角,实例名称为:close_btn,在帧动作面板中需要加入条:
close_btn.onRelease=function(){
_parent._visible=false//表示上一级(即计分板)不可见
}
这时,计分板己做好。在库面板中,双击“界面”,打开它的编辑状态。
新建一层,取名为“计分”,将做好的“计分板”元件拖入到画面中适当位置,并在“实例名称”输入:score_mc 。你再测试一下你的计分板吧!呵呵!
3、制作帮助信息元件
这个很简单,新建一个影片剪辑,命名为“帮助信息”,画个450*20的矩形,再向后面添加一个动态文本。变量取为 helptxt就行了。
再新建一个只有两帧的类似于音乐控制的电影剪辑:帮助控制
第一帧动作:stop()
help_mc._visible=true //帮助为可见
第二帧动作:stop()
help_mc._visible=false //帮助为不可见
两个做好了,再在库中双击“界面”进入编辑状态,新建一层,取名为“帮助”,将刚做的“帮助信息”拖到界面的下文横条上。在例子名中输入:help_mc,再将“帮助控制”也陷入,实例名:helpcontrol 。
要推动实时显示帮助信息,还得要加入一些代码,单击“界面”的第一帧,在动作面板中输入:
close_btn.onRollover=function(){// onRollOver表示在鼠标移至按钮上时触发事件
help_mc.helptxt=”提示:单击关闭本课件”//给动态文本的函数helptxt赋值,下同
}
fullscreen_btn.onRollover=function(){
help_mc.helptxt=”提示:单击全屏显示课件”
}
small_btn.onRollover=function(){
help_mc.helptxt=”提示:单击小屏显示本课件”
}
play_btn.onRollOver=function(){
help_mc.helptxt="提示:单击播放课件。"
}
stop_btn.onRollOver=function(){
help_mc.helptxt="提示:单击暂停播放课件。"
}
back_btn.onRollOver=function(){
help_mc.helptxt="提示:单击返回课件目录。"
}
music_btn.onRollOver=function(){
help_mc.helptxt="提示:单击播放或停止背景音乐。"
}
score_btn.onRollOver=function(){
help_mc.helptxt="提示:单击进入小组计分系统。"
}
practice_btn.onRollOver=function(){
help_mc.helptxt="提示:单击进入练习题。"
}
quit_btn.onRollOver=function){
help_mc.helptxt=”提示:单击将退出课件”
}
另外,有时想在课件上显示时间,可以加一个动态文本,变量为:mytime。并在它所在的帧的帧动作中输入:
function showtime(){
var time=new Date() //得到系统时间字符串
mytime=substring(time,11,9) //只截取其中时分秒的部分
}
setInterval(showtime,100)//100毫秒刷新一次
提高篇:(可以不做)
1、课件中推动粉笔的功能(即鼠标画线并可擦除):
在主画面帧动作中输入以下的代码可以实现鼠标的画线:
_root.onLoad=function(){
i=false;
}
_root.onMouseDown=function(){
x=_root. _xmouse;
y=_root. _ymouse;
i=true;
_root.moveTo(x,y)
}
_root.onMouseUp=function(){
i=false;
}
_root.onMouseMove=function(){
if(i==true){//判断画线条件
_root.lineStyle(2,oxff0000,100); //确定线型(线宽,RGB色,透明度)
_root. lineTo(_root. _xmouse,_root._ymouse)
}else{
_root.lineStyle()//如果条件不具备,则运用无线型,不显示线条
}
updateAfterEvent()
}
还要另加一个按钮来去掉画好的线,按钮动作:
on(release){
_root.clear()//清除
}
2、让计分等面板作为仿windows窗口,可随意拖动
新建一个影片剪辑,画一个像Windows窗口标题栏样式的点状体,,取名为bar
将它放在计分面板上,实例名设为:bar
然后在它所在帧的帧动作中输入:
bar.onPress=function(){
_parent.startDrag() //当鼠标按下时可拖动
}
bar.onRelease=function(){
_parent.stopDrag()//当鼠标弹起时停止拖动
}
实际上在所有的面板都可以像这样做,一样可以实现面板可拖动。呵呵,是不是挺酷?
至此,一个FLASH的课件主框架就形成好了,剩下的就是往旁边充实东西。这个教程主要是帮你们提供一个设计模式,思路清晰,做起事来的效果似乎就事半功倍了。
写完收功!
有几条命