zoukankan      html  css  js  c++  java
  • 画图小工具第一篇

    一、知识点

    (一)实现画图程序所需要的APT类:

    import java.awt.Color;
    import java.awt.FlowLayout;
    import java.awt.Graphics;
    
    import javax.swing.JButton;
    import javax.swing.JFrame;
    import javax.swing.text.AbstractDocument.Content;
    
    /**
     * 定义一个画图界面类,该类继承自JFrame窗体类.
     */
    public class DrawFrame extends JFrame {
    
        /**
         * 程序入口主函数
         */
        public static void main(String[] args) {
            // 实例化窗体类的对象,调用初始化界面的方法
            DrawFrame dl = new DrawFrame();
            dl.initUN();
            // dl.setBackground(Color.WHITE);这个是错误的不能改变窗体的颜色。
    
        }
    
        public void initUN() {
            setTitle("简单画图");
            setSize(600, 500);
            setDefaultCloseOperation(3);
            setLocationRelativeTo(null);
            setLayout(new FlowLayout());
            JButton butLine = new JButton("直线");
            this.add(butLine);
            JButton butSquare = new JButton("矩形");
            add(butSquare);
            JButton butRotundity = new JButton("圆");
            add(butRotundity);
            JButton butS = new JButton("任意多边形");
            add(butS);
            JButton but = new JButton("画笔");
            add(but);
            JButton butt = new JButton("刷子");
            add(butt);
            JButton but1 = new JButton("橡皮擦");
            add(but1);
            JButton but2 = new JButton("喷枪");
            add(but2);
            getContentPane().setBackground(Color.WHITE);//getContenPane为 改变窗口的颜色。
    
            /**
             * //实例化一个流失布局类的对象,布局类是针对容器的,容器上要填多个组件,那么必须要设置排列对齐方式;
             * java.awt.FlowLayout fl=new java.awt.FlowLayout();
             * jf.setLayout(fl);//设置窗体的布局方式为流式布局 //定义一个ImageIcon类,该类用来读取一个磁盘的图片文文件。
             */
    
            setVisible(true);
    
            Graphics g = getGraphics();// 获取窗体上画笔画布对象(注意:必须要在窗体可见之后才能获取画笔画布对象,否则获取的是null)
    
            // 4.在DrawFrame类中实例化LoginListener事件处理类的对象dn;
            LoginListener dn = new LoginListener();
            addMouseListener(dn);// 5.给事件源窗体对象添加addMouseListener()鼠标监听方法,指定事件处理类对象dl.
            addMouseMotionListener(dn);
            butLine.addActionListener(dn);// 要加监听方法才能获取数值。
            butSquare.addActionListener(dn);// 要加监听方法才能获取数值。
            butRotundity.addActionListener(dn);// 要加监听方法才能获取数值。
            butS.addActionListener(dn);// 要加监听方法才能获取数值。
            but1.addActionListener(dn);
    
            but.addActionListener(dn);
            butt.addActionListener(dn);
            but2.addActionListener(dn);
    
            dn.SetG(g);
    
            // dl.SetJ(butS);
            // dl.SetJ(butRotundity);
            // dl.SetJ(butSquare);
            // dl.SetJ(butLine);
    
        }
    
    }
    DrawFrame.java
    import java.awt.BasicStroke;
    import java.awt.Color;
    import java.awt.Graphics;
    import java.awt.Graphics2D;
    import java.awt.RenderingHints;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    /**
     * 1.新建一个LoginListener事件处理类,
     * 该类实现MouseListener鼠标事件接口,实现接口中的抽象方法。
     * 2.定义四个变量,在按下和释放方法中获取按下和释放的坐标值。
        3.定义Graphics画笔画布类的对象,调用绘制图形的方法来画图。
            我们的组件是画出来的,那么你要在哪一个组件上画图形,那你的画笔画布对象就从这个组件上获取。
        4.实例化DrawListener事件处理类的对象,对象名dl
        5.给事件源窗体对象添加addMouseListener()鼠标监听方法,指定事件处理类对象dl.
    
     */
    import java.awt.event.MouseEvent;
    import java.awt.event.MouseListener;
    import java.awt.event.MouseMotionListener;
    import java.util.Random;
    
    //F3键可以看到代码
    public class LoginListener implements MouseListener, ActionListener, MouseMotionListener {
    
        public String s;
    
        private int X1, X2, Y1, Y2;// 声明四个整数变量,用来记录按下和释放时的坐标值
    
        public int sx,sy,ex,ey;//存储任意多边形的起始点坐标和结束点的坐标
        public int count=0;//记录画的是任意多边形的第几条线
    
        Graphics g;// 声明一个画笔画布类的对象名
        // 向DrawFrame借画笔画布类的对象。
        // public JButton butLine ;
        // public JButton butSquare;
        // public JButton butRotundity;不需要用到方法和属性,所以不用声明对象。
        // public JButton butS;
        private Graphics2D g1;// 声明一个画布类的对象;Graphics2D是Graphics的一个子类。
        BasicStroke S = new BasicStroke(10);
        BasicStroke C = new BasicStroke(1);// 方法一:实例化画笔粗细。设置画笔粗细为1.
    
        public void SetG(Graphics gra) {
            g = gra;// 把gra给g;
            g1 = (Graphics2D) gra;// 强制转型
    
            g1.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
            // 设置设置画笔抗锯齿,使线条更加平滑。
        }
    
        // public void SetJ(JButton jb){
        // butLine=jb ; 没有用到对象的方法或者属性就不用传。
        // butSquare=jb;
        // butRotundity=jb;
        // butS=jb;
        // }
        /**
         * 当你在事件源上发生鼠标按下动作时执行的方法。
         */
    
        public void mousePressed(MouseEvent e) {
            // 取得鼠标按下时取得的坐标;
            X1 = e.getX();
            Y1 = e.getY();
    
        }
    
        /**
         * 当你在事件源上发生鼠标释放动作时执行的方法。
         */
        public void mouseReleased(MouseEvent e) {
    
            X2 = e.getX();
            Y2 = e.getY();
    
            if (s.equals("直线")) {
    
                g.drawLine(X1, Y1, X2, Y2);
    
            }
            if (s.equals("圆")) {
    
                g.drawOval(X1, Y1, X2, Y2);
            }
            if (s.equals("矩形")) {
                g.drawRect(X1, Y1, X2, Y2);
    
            }
            if (s.equals("任意多边形") && count==0) {//判断是否画任意多边形的第一条线
    
                g.drawLine(X1, Y1, X2, Y2);
                //存储第一条线的起始点
                sx = X1;
                sy = Y1;
                //存储第一条线的结束点
                ex = X2;
                ey = Y2;
                
                count++;//表示第一条已经画完了
            }
    
        }
    
        /**
         * 当你的鼠标进入到事件源是行时执行的方法。
         */
        public void mouseEntered(MouseEvent e) {
    
        }
    
        /**
         * .当你的鼠标离开到事件源是行时执行的方法。
         */
        public void mouseExited(MouseEvent e) {
    
        }
    
        /**
         * 当你在事件源上发生鼠标点击动作时执行的方法。(在同一个位置上按下并释放才会执行点击)
         */
    
        public void mouseClicked(MouseEvent e) {
            if (s.equals("任意多边形") && count!=0) {//判断是否已经画完任意多边形的第一条线了
                //获取点击的坐标值
                int x = e.getX();
                int y = e.getY();
                if(e.getClickCount()==2){//判断是双击,图形要闭合
                    //使用x,y和ex,ey画闭合的第一条线
                    g.drawLine(ex, ey, x, y);
                    //使用x,y和sx,sy画闭合图形的最后 一条线
                    g.drawLine(sx, sy, x, y);
                    //改变count的值,好让下一次又是重新开始新的多边形
                    count=0;
                }else{//判断不是双击,要接下来的线
                    //根据上一条线的结束点和当前点击的坐标,来绘制直线
                    g.drawLine(ex, ey, x, y);
                    //将当前这条线的结束赋给ex,ey,作为下一条线的起始点
                    ex = x;
                    ey = y;
                }
            }
        }
    
        public void actionPerformed(ActionEvent e) {
            // 得到按钮上的文字;
            s = e.getActionCommand();
    
            // getActionCommand()的方法是ActionEvent的,也就是e的。
    
        }
    
        @Override // 当鼠标拖动时,在事件源上按下鼠标按键然后拖动鼠标时执行的方法。
        public void mouseDragged(MouseEvent e) {
            if (s.equals("画笔")) {
                /**
                 * 因为在拖动过程当中会不断取点,如果起点固定则画出来的都是在一个点开始的。
                 * 以上一个拖动取到的坐标作为下一段直线的起点,从而画出曲线。
                 */
    
                X2 = e.getX();
                Y2 = e.getY();
                g1.drawLine(X1, Y1, X2, Y2);
                X1 = X2;// 转换坐标。
                Y1 = Y2;
    
            }
            if (s.equals("刷子")) {
    
                g1.setStroke(S);// 要进行转换画笔,再画;设置线条的粗细。
                X2 = e.getX();
                Y2 = e.getY();
                g1.drawLine(X1, Y1, X2, Y2);
                X1 = X2;
                Y1 = Y2;
                g1.setStroke(C);
    
            }
            if (s.equals("橡皮擦")) {
                g1.setStroke(S);
                g1.setColor(Color.WHITE); // 设置线条的颜色为白色来绘制橡皮擦。
                X2 = e.getX();
                Y2 = e.getY();
                g1.drawLine(X1, Y1, X2, Y2);
                X1 = X2;
                Y1 = Y2;
                g1.setColor(Color.black);// 在画完之后转换回一般的格式就可以不用在每个都设置。粗细也是。
                g1.setStroke(new BasicStroke(1));// 设置粗细法二。
    
            }
            if (s.equals("喷枪")) {
                g1.setStroke(C);
                X2 = e.getX();
                Y2 = e.getY();
    
                Random rand = new Random();// 实例化一个随机数类的对象
                int size = rand.nextInt(50) + 20;// 随机决定要画的点数,size的范围在20到69之间。没有“+20”时,只有0到49之间
                for (int i = 0; i < size; i++) {
                    int x = rand.nextInt(8);// 在0到7之间随机取点。
                    int y = rand.nextInt(8);
                    g1.drawLine(X2 + x, Y2 + y, X2 + x, Y2 + y);// 有随机数来改变坐标,在X2,Y2附件画点。
                }
    
                g1.setColor(Color.black);
                g1.setStroke(C);
    
            }
    
        }
    
        @Override
        /*
         * 当在事件源上移动鼠标时执行的方法。
         */
        public void mouseMoved(MouseEvent e) {
    
        }
    
    }
    LoginListener.java

            JFrame                    窗体容器组件类

            JButton                  按钮元素组件类

            ActionListenner       动作事件接口类

            ActionEvent            动作事件对象类

            MouseListenner       鼠标事件接口类

            MouseEvent            鼠标事件对象

            Graphics                 画笔画布类

    (二)界面实现

    DrawFrame extends JFrame

    (三)功能的实现

    •  在窗体上点击JButton的按钮,来绘制直线,矩形,圆,任意多边形。
    • 事件机制:
    1. 事件源对象:窗体,JButton按钮元素组件
    2. 事件监听方法:addMouseLIstener(MouseListener l)监听窗体,用     addActionListener(ActionListener  l)监听JButton元素组件,获取按钮上面的文字来进行判断当前要画的图形。
    3.  事件接口(事件处理类):MouseListener ,ActionListener,(定义一个LoginListener事件处理类) 不能直接实例化事件接口,需要定义一个事件处理类来实例化事件接口 
    •  步骤:
    • 定义DrawFrame类继承JFrame类,实例化一个窗体类的对象,调用初始化对象的方法;在初始化界面方法中添加需要的组件。
    • 定义一个LoginListener事件处理类,继承MouseListener,ActionListener,实例化这两个接口中的方法;
    •  把DrawFrame类中的画布传到LoginListener类中
    1.   LoginListener中声明画布对象; {private Graphics2D g1;// 声明一个画布类的对象;Graphics2D是Graphics的一个子类。}
    2.  定义一个获取画布的方法; {public void setG(Graphics gr) {  g = gr;}}
    3.    在DrawFrame中声明画布Graphics画布类,LoginListener类。{ LoginListener dn = new LoginListener();dn.SetG(g);}
    4.    申明后调用画布的方法:{ dn.SetG(g);}
    •   在DrawFrame中给事件源窗体加上MouseListener的监听方法        
      {addMouseListener(dn);// 5.给事件源窗体对象添加addMouseListener()鼠标监听方法,指定事件处理类对象dl.}
    //  并且给JButton元素组件加上Actionlistener的监听方法:
    
     {   addMouseMotionListener(dn);
          butLine.addActionListener(dn);// 要加监听方法才能获取数值。
          butSquare.addActionListener(dn);// 要加监听方法才能获取数值。
          butRotundity.addActionListener(dn);// 要加监听方法才能获取数值。
           butS.addActionListener(dn);// 要加监听方法才能获取数值。
           but1.addActionListener(dn);
         }
    • 定义String类型的变量存储Actionevent中的getActioncommand方法取得的数据。{ s = e.getActionCommand();} 定义四个变量存储鼠标按下以及释放时取得的数据。
    •  开始画图。在 mouseReleased方法中获取鼠标释放上的数据后,用if条件句来判断所需要画的类型:
    •    {    if (s.equals("直线")) 
      { g.drawLine(X1, Y1, X2, Y2); } }
    • 主要的利用的画图方法:
      {g.drawLine(X1, Y1, X2, Y2); //   画直线:
           g.drawRect(X1, Y1, X2, Y2);//画矩形:
       g.drawOval(X1, Y1, X2, Y2);//   画圆: 
       }

    (四)重点以及难点,任意多边形。

    • 任意多边形:在画出第一条线之后,再一次鼠标的点击,下一条线和上一条线连接(下一条线的起点是上一条的线的终点)。双击鼠标,图形闭合(第一条的起始点和双击得到的坐标连接,上一条的终点坐标和双击得到的坐标连接)。
    •  遇到的问题:画出了第一条线,但是下一条线不能连接。或者只能和起点连接。图形不能闭合。
    • 解决思路
    1. 每次画下一条线的时候,都记入下终点值。第一条线的起始坐标都要记下来。
    2. 分开画第一条线和后面的线:用if条件来实现。在mouseReleased方法中画下第一条线,画完之后,记入下起始点和终点的值,同时count++;表示第一条线画完。在mouseClicked方法中实现点击一下画下接下来的线。 3.用e.getClickCount()==2来判断是否是双击,当是双击时,第一条的起始点和双击得到的坐标连接,上一条的终点坐标和双击得到的坐标连接,画出两条线,同时改变count的值,好画下一次的图形。当不是双击时,当前得到的坐标和上一条线的结束点来绘制直线。

    (五)写程序中出现的问题:

    1. 刚开始时没有办法得到画布,没有成功获取窗体上画布的对象。(注意:必须要在窗体可见之后才能获取画笔画布对象,否则获取的是null(空))。注意:必须要在窗体可见之后才能获取画笔画布对象,否则获取的是
    2. 没有正确的理解事件监听机制,错误的以为要到JButton的组件传过来。(只有当需要用到对象的属性或者方法时,才需要把对象传过来)
    3. JButton没有加上监听机制,导致不能获取数据。无法实现点击一个按钮,画一个图形。(给JButton组件事件源加上了addActionListenner监听方法);

    (六)运行结果:

    (七)下一步:

    实现画笔,刷子,橡皮擦,喷枪。

     

  • 相关阅读:
    Python-属性描叙符协议ORM实现原理依据- __set__ __get__ __delete__
    Python-类属性查询协议-__getattr__ __getattribute__
    Python-__init__ 和 __new__区别和原理
    Python-在不在判断 in 和 in判断协议- in __contains__
    Python-求序列长度和序列长度协议-len() __len__
    Python-序列反转和序列反转协议-reversed __reversed__
    Python-序列切片原理和切片协议-[start:end:step] __getitem__
    Python-序列常用方法 + * += extend append方法区别
    Python其他数据结构collection模块-namtuple defaultdict deque Queue Counter OrderDict arrary
    Python-函数式编程-map reduce filter lambda 三元表达式 闭包
  • 原文地址:https://www.cnblogs.com/hesi/p/5558973.html
Copyright © 2011-2022 走看看