动画-图形界面综合应用.ppt

第20章动画图形界面综合应用,能力目标：能编写“气球飘飘”程序，定时播放若干个大小不等的彩色椭圆。能编写图像幻灯片程序，并结合多线程，设定时间间隔自动放映。能编写“空中飞翔”动画程序，并能设定间隔时间以控制放映的速度，还能手工定格动画画面。,内容介绍,20.1任务预览20.2气球飘飘20.3图像幻灯片20.4动画20.5本章小结20.6实训20：编写动画程序,20.1任务预览,本章实训程序运行结果：,20.2气球飘飘,【例20-1】编写在窗框绘制椭圆的程序，要求在窗框上绘制10个彩色椭圆，各椭圆大小和位置不一，但最大不超过窗框尺寸的五分之一，并且各椭圆的色彩不尽相同。分析：各椭圆位置和大小不一，色彩不一，涉及到随机数问题。,classFrame1extendsJFrame/窗框类Randomrand=newRandom();/随机对象publicFrame1()this.setTitle(随机绘制10个彩色椭圆);this.setBounds(100,100,300,250);this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);this.setVisible(true);publicvoidpaint(Graphicsg)/绘制方法intwidth,height;/窗框宽、高width=this.getWidth();height=this.getHeight();g.setColor(Color.WHITE);g.fillRect(0,0,width,height);intx,y,w,h;Colorcolor;/椭圆左、上、宽、高与颜色for(inti=1;i=10;i+)x=rand.nextInt(width);y=rand.nextInt(height);w=rand.nextInt(width/5);h=rand.nextInt(height/5);color=newColor(rand.nextInt(256),rand.nextInt(256),rand.nextInt(256);g.setColor(color);g.drawOval(x,y,w,h);,【例20-2】编写“气球飘飘”程序：在窗框中每隔一定时间（如半秒）随机产生10个模拟气球的实心椭圆。,各气球大小、位置和色彩不一，最大不超过窗框尺寸的五分之一。本例代码绝大部分与例20-1相同。,classFrame2extendsJFrame/窗框类Randomrand=newRandom();/随机对象publicFrame2()/构造方法publicvoidpaint(Graphicsg)/绘制方法intwidth,height;/窗框宽、高intx,y,w,h;/椭圆左、上、宽、高for(inti=1;i=10;i+)/循环10次x=rand.nextInt(width);color=newColor(rand.nextInt(256),);/颜色随机g.setColor(color);g.fillOval(x,y,w,h);tryThread.sleep(500);/休眠500毫秒，即半秒catch(InterruptedExceptione)this.repaint();/重绘,运用多线程编写“气球飘飘”程序，修改例20-2代码：classFrame2extendsJFrameimplementsRunnable.publicvoidrun()/线程运行方法while(true)tryThread.sleep(500);/休眠500毫秒，即半秒catch(InterruptedExceptione)this.repaint();/重绘publicvoidpaint(Graphicsg)./去掉sleep和repaint语句publicclassExample2/主类publicstaticvoidmain(Stringargs)Frame2frame=newFrame2();Threadthread=newThread(frame);/构建线程thread.start();,20.3图像幻灯片,【例20-3】编写图像幻灯片程序，运行时循环放映6幅存放在文件中的图像。说明：为方便编程，各个图像文件统一格式命名，如命名为child0.jpgchild5.jpg，并放在图像文件夹images中。在Eclipse环境中编程，把images放在项目的根目录中。不能直接显示图像文件，必须构建6个图像对象。使用数组来存放。,classFrame3extendsJFrame/窗框类Imageimgs=newImage6;/构建图像数组intindex=0;/数组索引publicFrame3()/构造方法publicvoidinitialize()/初始化方法for(inti=0;i6;i+)imgsi=Toolkit.getDefaultToolkit().createImage(images/child+i+.jpg);publicvoidpaint(Graphicsg)/绘制方法g.setColor(Color.WHITE);g.fillRect(0,0,this.getWidth(),this.getHeight();g.drawImage(imgsindex,10,40,120,150,this);tryThread.sleep(500);/休眠500毫秒catch(InterruptedExceptione)index+;if(index=6)index=0;/索引循环this.repaint();,【例20-4】编写可控制的图像幻灯片程序，通过工具栏的5个按钮“放映”、“停止”、“定时”、“上翻”和“下翻”，以控制图像的放映状态。,classFrame4extendsJFrame/窗框类JToolBartoolBar=newJToolBar(工具栏);JButtonbuttonPlay=newJButton(放映);JButtonbuttonStop=newJButton(停止);JButtonbuttonTime=newJButton(定时);JButtonbuttonUp=newJButton(上翻);JButtonbuttonDwon=newJButton(下翻);,Imageimgs=newImage6;/构建图像数组intindex=0;inttime=500;MyCanvascanvas=newMyCanvas();/自定义的画布Threadthread;booleanstopFlag=true;publicFrame4()/构造方法publicvoidinitialize()/初始化方法for(inti=0;i6;i+)imgsi=Toolkit.getDefaultToolkit().createImage(images/child+i+.jpg);buttonPlay.addActionListener(newActionHandler();toolBar.add(buttonPlay);this.add(toolBar,BorderLayout.NORTH);this.add(canvas,BorderLayout.CENTER);buttonStop.setEnabled(false);/初始禁用“停止”按钮,/按钮动作事件监听处理类（内部类）：classActionHandlerimplementsActionListenerpublicvoidactionPerformed(ActionEvente)if(e.getSource()=buttonPlay)thread=newThread(canvas);/构建线程stopFlag=false;buttonPlay.setEnabled(false);/禁用“放映”按钮buttonStop.setEnabled(true);/启用“停止”按钮thread.start();/启动线程elseif(e.getSource()=buttonStop)/若是“停止”按钮stopFlag=true;/设置停止标记thread=null;buttonPlay.setEnabled(true);/启用“放映”按钮buttonStop.setEnabled(false);/禁用“停止”按钮,elseif(e.getSource()=buttonTime)/若是“定时”按钮Stringstr=JOptionPane.showInputDialog(请设定每幅图的放映时间（单位：毫秒）,time);if(str=null)return;/若输入框按了“取消”按钮tryintt=Integer.parseInt(str);if(t0)thrownewException(警告：请输入正整数！);time=t;catch(Exceptionex)JOptionPane.showMessageDialog(null,ex.getMessage();elseif(e.getSource()=buttonUp)/若是“上翻”按钮index-;if(index=-1)index=5;/索引循环canvas.repaint();elseif(e.getSource()=buttonDwon)/若是“下翻”按钮index+;if(index=6)index=0;/索引循环canvas.repaint();,/自定义画布类（内部类）,该类与线程关联：classMyCanvasextendsCanvasimplementsRunnablepublicvoidpaint(Graphicsg)/绘制方法g.setColor(Color.WHITE);g.fillRect(0,0,this.getWidth(),this.getHeight();g.drawImage(imgsindex,10,10,120,150,this);publicvoidrun()/线程运行方法while(true)if(stopFlag)break;/停止放映tryThread.sleep(time);catch(InterruptedExceptione)index+;if(index=6)index=0;/索引循环this.repaint();/执行paint方法重绘,20.4动画,动画：活动的图画。在屏幕上显示第一帧图片，隔一小段时间如24分之一秒（约42毫秒）再显示下一帧图片，如此循环往复。定时刷新椭圆“气球”、自动放映图像，都可以说是动画，因为画面不断在“动”。程序可实现动画。最简单动画是图像沿着一条固定轨迹作直线运动。为了渲染气氛，可以使用一个背景图作衬托。,20.4.1窗框实现动画,【例20-5】编写“空中飞翔”动画程序：蓝天白云背景下，一个飞鸟从窗框右下角向左上角飞去，越飞越远，图像越来越小，消失后，下一飞鸟重复飞翔过程。分析：只需使用两个图像文件，一作背景，二是飞鸟（前景）。两个文件可放在Eclipse项目根目录的images目录。飞鸟往左上角方向运动越来越小，只需不断减少图像的显示尺寸便可。为增强飞翔效果，飞鸟使用GIF图像文件。,classFrame5extendsJFrame/窗框类ImagebackImage,foreImage;/背景图、前景图intx=240,y=240,width=80,height=80;/前景图位置、尺寸publicFrame5()/构造方法this.setTitle(简单动画);this.setBounds(100,100,300,300);this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);initialize();/调用初始化方法this.setVisible(true);publicvoidinitialize()/初始化方法Toolkittoolkit=Toolkit.getDefaultToolkit();backImage=toolkit.createImage(images/cloud.jpg);foreImage=toolkit.createImage(images/flyer.gif);,publicvoidpaint(Graphicsg)/绘制方法g.drawImage(backImage,0,0,300,300,this);g.drawImage(foreImage,x,y,width,height,this);tryThread.sleep(42);/休眠42毫秒catch(InterruptedExceptione)x-=6;y-=6;width-=2;height-=2;/更改前景图位置和尺寸if(x0)x=300;y=300;width=100;height=100;/位置尺寸复位this.repaint();/执行paint方法重绘publicclassExample5/主类publicstaticvoidmain(Stringargs)newFrame5();程序没有使用多线程，没有工具栏和按钮。,20.4.2面板实现动画,【例20-6】改进例20-5的“空中飞翔”动画程序，添加工具栏和5个按钮：“放映”、“停止”、“定时”、“上飞”和“下飞”，控制图像放映状态。classFrame6extendsJFrameJToolBartoolBar=newJToolBar(工具栏);JButtonbuttonPlay=newJButton(放映);JButtonbuttonStop=newJButton(停止);JButtonbuttonTime=newJButton(定时);JButtonbuttonUp=newJButton(上飞);JButtonbuttonDwon=newJButton(下飞);inttime=42;MyPanelpan=newMyPanel();/自定义面板Threadthread;/线程booleanstopFlag=true;ImagebackImage,foreImage;intx=150,y=150,width=50,height=50;,publicFrame6()/构造方法publicvoidinitialize()/初始化方法Toolkittoolkit=Toolkit.getDefaultToolkit();/工具包backImage=toolkit.createImage(images/cloud.jpg);foreImage=toolkit.createImage(images/flyer.gif);buttonPlay.addActionListener(newActionHandler();buttonStop.addActionListener(newActionHandler();buttonTime.addActionListener(newActionHandler();buttonUp.addActionListener(newActionHandler();buttonDwon.addActionListener(newActionHandler();toolBar.add(buttonPlay);this.add(toolBar,BorderLayout.NORTH);this.add(pan,BorderLayout.CENTER);buttonStop.setEnabled(false);/初始禁用“停止”按钮,/按钮动作事件监听处理类（内部类）：classActionHandlerimplementsActionListenerpublicvoidactionPerformed(ActionEvente)if(e.getSource()=buttonPlay)/“放映”按钮thread=newThread(pan);stopFlag=false;buttonPlay.setEnabled(false);/禁用“放映”按钮thread.start();/启动线程elseif(e.getSource()=buttonStop)/“停止”按钮stopFlag=true;thread=null;buttonPlay.setEnabled(true);/启用“放映”按钮elseif(e.getSource()=buttonTime)/“定时”按钮Stringstr=JOptionPane.showInputDialo