自己创建绘图组件

自己绘制图形的方法,思路就是自己创建出有绘图功能的widget,并把widget放在frame上,将frame设置大小并显示出来即可。

操作上,继承JPanel类,创建子类,并覆盖掉paintComponent()这个方法即可。

你想绘制出什么样的图,只需要在paintComponent()方法里写出对应方法就可以实现。并且paintComponent()方法不需要自己调用,当你的panel所处的frame显示的时候,paintComponent()方法就会被系统调用。

import javax.swing.*;
import java.awt.*;

public class MyDrawPanel extends JPanel {

    public void paintComponent(Graphics g) {
        Graphics2D g2d = (Graphics2D) g;
        GradientPaint gradientPaint = new GradientPaint(70, 70, Color.RED, 150, 150, Color.PINK);

        g2d.setPaint(gradientPaint);
        g2d.fillOval(70, 70, 100, 100);
    }

    public static void main(String[] args) {
        MyDrawPanel myDrawPanel = new MyDrawPanel();
        JFrame frame = new JFrame();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        frame.getContentPane().add(myDrawPanel);  //将自己的绘图组件加到frame上去
        frame.setSize(200, 200);
        frame.setVisible(true);
    }
}

MyDrawPanel

paintComponent()方法声明的参数gGraphics类型的,但注意,这并不代表g就一定是Graphics类型的,它也有可能是Graphics的子类。这是因为多态的缘故。而事实上,的确是这样的。

public void paintComponent()(Graphics g){}

由g参数所引用的对象实际上是类Graphics2D的实例。·
这就限制了Graphics2D可以做的事情,因为那些在Graphics2D引用上能用的方法,在Graphics引用上却不能做了,这就是多态带来的问题。编辑器是会根据引用的类型而不是实际对象来决定你能够调用哪些方法。
也就是说,如果你要使用Graphics2D特有的方法,就不能直接使用参数g了,而要做强制转换:

Graphics2D g2d = (Graphics2D) g;

下面的程序是将按钮和绘图组件这两个widget放在一个frame上,通过BorderLayout布局管理,随机组合图形的RGB,点击按钮时会更改图形颜色。可以当做参考。

import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;


public class ChangeColor implements ActionListener {
    JFrame jFrame;

    public static void main(String[] args) {
        ChangeColor changeColor = new ChangeColor();

        changeColor.changeIt();

    }

    private void changeIt() {
        jFrame = new JFrame();
        jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        JButton jButton = new JButton("click me to change color");
        jButton.addActionListener(this);        //向按钮注册事件

        MyDrawPanel myDrawPanel = new MyDrawPanel(); //创建我的绘图组件
        //将按钮放置在界面的下部(南部)
        jFrame.getContentPane().add(BorderLayout.SOUTH, jButton); 
        //将绘图组件放在界面中心
        jFrame.getContentPane().add(BorderLayout.CENTER, myDrawPanel); 

        jFrame.setSize(600, 600);
        jFrame.setVisible(true);          //设置frame可见
    }


    @Override
    public void actionPerformed(ActionEvent e) {
        jFrame.repaint();           //重绘图形
    }
}

class MyDrawPanel extends JPanel {

    public void paintComponent(Graphics g) {
        Graphics2D g2d = (Graphics2D) g;

        int red = (int) (Math.random() * 255);      //三原色RGB
        int green = (int) (Math.random() * 255);
        int blue = (int) (Math.random() * 255);
        Color startColor = new Color(red, green, blue);

        red = (int) (Math.random() * 255);
        green = (int) (Math.random() * 255);
        blue = (int) (Math.random() * 255);
        Color endColor = new Color(red, green, blue);

        GradientPaint gradientPaint = new GradientPaint(70, 70, startColor, 150, 150, endColor);

        g2d.setPaint(gradientPaint);
        g2d.fillOval(70, 70, 100, 100);
    }
}

上面提到的是只要一个按钮的情况,那两个按钮怎么实现监听呢?多个按钮呢?
这种情况要用到内部类。简言之,内部类就是一个类嵌套在了另一个类的内部。如下,MyInnerClass就是一个内部类。

class MyOuterClass{
    class MyInnerClass{
        void go(){
            }
      }
}

内部类对外部类好像有一张通行证一样,能够自由存取外部类的内容,即便是private的。内部类除了和外部类没有差别以外,还多了特殊的存取权。

而有特权就得遵守一定的条件。比如内部类并不是可以存取任意一个外部类的实例的内容。因为内部类的实例一定会绑在外部类的实例上,所以内部类只能存取它所属的那一个外部类。

下面就是实现两个按钮监听的程序

import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;


public class ChangeColor {
    JFrame jFrame;
    JLabel jLabel;


    private void changeIt() {
        jFrame = new JFrame();
        jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        JButton colorButton = new JButton("click me to change color");
        JButton labelButton = new JButton("click me to change label");

        jLabel = new JLabel("I'm a label");    //初始化一个label

        //向改变颜色的按钮注册事件
        colorButton.addActionListener(new ColorChange());   
        //向改变label文字内容的按钮注册事件 
        labelButton.addActionListener(new LableChange());   
        
        MyDrawPanel myDrawPanel = new MyDrawPanel(); //创建我的绘图组件
        
        //将改变颜色的按钮放置在界面的下部(南部)
        jFrame.getContentPane().add(BorderLayout.SOUTH, colorButton); 
        //将改变label内容的按钮放置在界面的右边(东部)
        jFrame.getContentPane().add(BorderLayout.EAST, labelButton);
        //将绘图组件放在界面中心
        jFrame.getContentPane().add(BorderLayout.CENTER, myDrawPanel); 
        //将label放在界面的左边(西部)
        jFrame.getContentPane().add(BorderLayout.WEST, jLabel);
        
        jFrame.setSize(600, 600);
        jFrame.setVisible(true);          //设置frame可见


    }
    //两个内部类
    class ColorChange implements ActionListener {

        @Override
        public void actionPerformed(ActionEvent e) {
            jFrame.repaint();
        }
    }


    class LableChange implements ActionListener {

        @Override
        public void actionPerformed(ActionEvent e) {
            jLabel.setText("changed!");
        }
    }


    public static void main(String[] args) {
        ChangeColor changeColor = new ChangeColor();

        changeColor.changeIt();

    }


}

class MyDrawPanel extends JPanel {

    public void paintComponent(Graphics g) {
        Graphics2D g2d = (Graphics2D) g;

        int red = (int) (Math.random() * 255);      //三原色RGB
        int green = (int) (Math.random() * 255);
        int blue = (int) (Math.random() * 255);
        Color startColor = new Color(red, green, blue);

        red = (int) (Math.random() * 255);
        green = (int) (Math.random() * 255);
        blue = (int) (Math.random() * 255);
        Color endColor = new Color(red, green, blue);

        GradientPaint gradientPaint = new GradientPaint(70, 70, startColor, 150, 150, endColor);

        g2d.setPaint(gradientPaint);
        g2d.fillOval(70, 70, 100, 100);
    }
}

点击按钮之前

点击按钮之后
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,634评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,951评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,427评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,770评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,835评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,799评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,768评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,544评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,979评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,271评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,427评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,121评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,756评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,375评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,579评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,410评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,315评论 2 352