太空大战-GUI实现(1)

1.复习GUI后,第一天实现的效果

2. 项目实现思路

基本的窗口界面实现就不讲了,源码都看得懂的,这里只说其中比较重要的几个功能的实现。

  • 面板的绘制(所有图形的绘制)

    首先,需要在GamePanel中重写PaintComponent方法,该方法有一个画笔参数,之后所有图形都是在这个方法中进行绘制的;

        // 绘制面板,游戏中所有东西都用这支画笔
        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);//清屏
            //积分板
            g.setColor(Color.orange);
            g.setFont(new Font("黑体", Font.PLAIN, 25));
            g.drawString("得分:" + score, 75, 55);
            g.drawString("生命:" + blood, 300, 55);
            g.drawString("时间:" + time, 650, 55);
            GameData.player.paintIcon(this, g, playerX, playerY);
        }
    
  • 战机的左右移动

    1.首先,分析功能需求:战机每隔1秒移动一段距离,当碰到窗口边缘时反向移动。

    2.为了实现每隔1秒执行方法,我引入了计时器来绑定事件刷新(即:每隔150毫秒执行一次监听事件)

    //定时器,每隔一秒执行一次actionPerformed()事件监听,this实现了监听方法
        Timer timer = new Timer(150, this);//100毫秒=1秒
    

    3.在实现的监听方法中,编写左右移动的逻辑

        // 事件监听
        // 每隔一秒刷新一次
        @Override
        public void actionPerformed(ActionEvent e) {
            if ("R".equals(fx)){
                playerX += 15;
            }else if ("L".equals(fx)){
                playerX -= 15;
            }
            // 边界判断
            if (playerX>=875){
                fx="L";
            }else if (playerX<=25){
                fx="R";
            }
            repaint();//重绘
            //开启定时器
            timer.start();
        }
    

    4.注意点:

    ​ 4.1在每次执行方法完后记得重绘并开启计时器

        repaint();//重绘
        //开启定时器
        timer.start();
    

    ​ *4.2 初次创建时也要开启计时器

        public GamePanel() {
            this.setBackground(new Color(94, 63, 107));
            //开启定时器,让飞船一秒刷新一次
            timer.start();
        }
    

3.总结

好了,今天就做了这么多,还有很多重要功能没有实现,比如,计分板数据更新、射击敌机等。明天先把socket聊天室的界面实现,结合昨天实现的多线程多客户端功能,实现完整聊天室基本功能应该没问题。有空的话继续实现该项目后续功能。加油💪!!!

posted @ 2020-08-09 13:43  shimmernight  阅读(125)  评论(0编辑  收藏  举报