Java基础 自学讲义 7.GUI入门

这次不想完全按照书上来写, 按自己学的顺序和方法来写, 记录一下自己的学习过程吧;

目录

1.初体验

2.画简单几何图形

3.涂色

4.自定义字体

5.显示图片

1.初体验

先试试看怎么写出来一个gui界面吧, 第一段代码如下:

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

class test18 {
	public static void main(String[] args) {
		EventQueue.invokeLater(()->{
			myFrame me = new myFrame();
			me.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
			me.setTitle("TestOfGUI");
			me.setVisible(true);
		});
	}
}

class myFrame extends JFrame{
	private static final int DEFAULT_WIDTH = 300;
	private static final int DEFAULT_HIGHT = 200;
	
	public myFrame(){
		Toolkit kit = Toolkit.getDefaultToolkit();
		Dimension screenSize = kit.getScreenSize();
		int screenWidth = screenSize.width;
		int screenHeight = screenSize.height;
		setSize(screenWidth/2, screenHeight/2);
		setLocationByPlatform(true);
	}
	
}

现在慢慢分析一下上面是怎么写的, 首先在主函数里用了一个EventQueue.invokeLater函数, 大概是一个把传入的东西加入任务执行队列的意思;
那么传入了什么东西呢, 传入了一个lambda表达式, 先定义一个myFrame, 然后设置了一些默认的关闭操作(点红叉的时候默认退出程序), 然后设置了一下title, 设置了可见性;

			myFrame me = new myFrame();
			me.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
			me.setTitle("TestOfGUI");
			me.setVisible(true);

然后看一下myFrame是什么东西:
首先是继承自JFrame的, 首先定义了一个Toolkit工具集, 要注意定义的时候要用Tollkit.getDefaultToolkit()不能直接new一个Toolkit, 然后获取了当前屏幕的宽和高, 然后设置了窗口的大小, 是当前屏幕宽和高的二分之一(也可以直接定义绝对数值, 单位是像素, 但是这样会导致在不同分辨率的机器上运行的界面差别很大 ), 然后设置了由平台系统自动定位初始位置;
这些图形化相关的类的继承关系如下:

2.画简单几何图形

用java的awt包来画一些简单的几何图形,测试代码如下:

import javax.swing.*;
import java.awt.*;
import java.awt.geom.Ellipse2D;
import java.awt.geom.Line2D;
import java.awt.geom.Rectangle2D;

public class GuiTest {
    public static void main(String[] args) {
        EventQueue.invokeLater(()->{
            myFrame me = new myFrame();
            me.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            me.setTitle("Recluse");
            me.setVisible(true);
        });
    }
}

class myFrame extends JFrame{
    public myFrame(){
        add(new DrawComponent());
        pack();
        Toolkit kit = Toolkit.getDefaultToolkit();
        Dimension screen = kit.getScreenSize();
        setSize(screen.width/2,screen.height/2);
        setLocationByPlatform(true);
    }
}

class DrawComponent extends JComponent{
    public void paintComponent(Graphics g){
        double left=100,right=400;
        Graphics2D gg = (Graphics2D)g;
        Rectangle2D rec = new Rectangle2D.Double(left,left,right,right);
        gg.draw(rec);
        for(int i=1;i<=4;i++){
            for(int j=1;j<=4;j++){
                gg.draw(new Ellipse2D.Double(left*j,left*i,left,left));
            }
        }
        gg.draw(new Ellipse2D.Double(left,2*left,right,2*left));
        gg.draw(new Line2D.Double(left,left,right+left,right+left));
        gg.draw(new Line2D.Double(right+left,left,left,right+left));

    }
    public Dimension getPreferredSize(){
        return new Dimension(0,0);
    }
}

效果是这样:

这些图形的继承关系如下:

贴一下awt和swing包中的常用框架和组件类的方法:

图形的一些属性的get方法 :

3.涂色

可以用gg.setColor(Color.RED);来设置颜色;
可以用gg.fill(rect)来填充一个图形;

Color 类用于定义颜色, 在 java.awt.Color 类中提供了 13 个预定义的常量, 它们分別表 示 13 种标准颜色;
BLACK, BLUE, CYAN, DARK. GRAY, CRAY, GREEN, LIGHT_CRAY, MACENTA, ORANGE, PINK, RED, WHITE, YELLOW
可以通过提供红、 绿和蓝三色成分来创建一个 Color 对象, 以达到定制颜色的目的; 三种颜色都是用 0 ~ 255 ( 也就是一个字节)之间的整型数值表示, 调用 Color 的构造器格式为:

Color(int redness, int greenness, int blueness);

下面是一个定制颜色的例子:

gg.setPaint(new Color(0, 128, 128)); // a dull blue-green
gg.drawString("Welcome!",75, 125);

4.自定义字体

首先可以先查看系统中有哪些可用的字体:

import java.awt.*;

public class  zxr {
	public static void main(String[] args) {
		String fontname[] = GraphicsEnvironment.getLocalGraphicsEnvironment().getAvailableFontFamilyNames();
		for(String font : fontname){
			System.out.println(font);
		}
	}
}

调用GraphicsEnvironment类中的getLocalGraphicsEnvironment方法然后获得可用字体getAvailableFontFamilyNames;

可以这样来自定义字体:

Font myfont = new Font("DialogInput",Font.BOLD,14);
gg.setFont(myfont);
gg.drawString("HelloAluKa",100,60);

不同的机器上有不同的字体, AWT定义了几个标准的字体:

SansSerif
Serif
Monospaced
Dialog
Dialoglnput

这些字体在不同的机器上会自适应相应的实际字体,比如在windows上SansSerif会自动映射成Arial;

也可以从网络上获取本地没有的字体, 比如:

然后有一个比较烦的关于字体的显示布局:

差不多就是这样, 然后上一些关于字体的常用方法:

5.显示图片

测试代码如下:

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

public class ImageTest {
    public static void main(String[] args) {
        EventQueue.invokeLater(()->{
            JFrame frame = new ImageFrame();
            frame.setTitle("Recluse");
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            frame.setVisible(true);
        });
    }
}

class ImageFrame extends JFrame{
    public ImageFrame(){
        add(new ImageComponent());
        pack();
    }
}

class ImageComponent extends JComponent{
    private static final int DEFAULT_WIDTH=500;
    private static final int DEFAULT_HEIGHT=500;
    private Image image;

    public ImageComponent(){
        image = new ImageIcon("IMG_3225.JPG").getImage();
    }

    public void paintComponent(Graphics g){
        if(image==null) return;
        int imagewidth = image.getWidth(null);
        int imageheight = image.getHeight(null);
        g.drawImage(image,0,0,null);
        for(int i=0;i*imagewidth<=getWidth();i++){
            for(int j=0;j*imageheight<=getHeight();j++){
                g.copyArea(0,0,imagewidth,imageheight,i*imagewidth,j*imageheight);
            }
        }
    }

    public Dimension getPreferredSize(){
        return new Dimension(DEFAULT_WIDTH,DEFAULT_HEIGHT);
    }
}

效果如下:

那大概分析一下, 第一段都是差不多的, 就是在任务队列里加入一个窗口

        EventQueue.invokeLater(()->{
            JFrame frame = new ImageFrame();
            frame.setTitle("Recluse");
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            frame.setVisible(true);

然后也是一样, 创建一个类继承JFrame然后初始化的时候画图, 然后pack:

        add(new ImageComponent());
        pack();

然后自定义一个ImageComponent类继承JComponent类, 里面定义一个Image类, 然后在构造函数里面传入一个图片:

image = new ImageIcon("IMG_3225.JPG").getImage();

然后写一个paintComponent函数覆写原函数:

    public void paintComponent(Graphics g){
        if(image==null) return;
        int imagewidth = image.getWidth(null);
        int imageheight = image.getHeight(null);
        g.drawImage(image,0,0,null);
        for(int i=0;i*imagewidth<=getWidth();i++){
            for(int j=0;j*imageheight<=getHeight();j++){
                g.copyArea(0,0,imagewidth,imageheight,i*imagewidth,j*imageheight);
            }
        }
    }

先获取image的width和height, 然后用drawImage来画图第一张图, 最后用copyArea来拷贝一定区域内的图片(传进来一个起始点坐标, 和要复制的区域的宽和高, 然后是拷贝到的位置和起始坐标的dx和dy距离)
最后用getPreferredSize去改变窗口大小;

    public Dimension getPreferredSize(){
        return new Dimension(DEFAULT_WIDTH,DEFAULT_HEIGHT);
    }

然后是一些常用的显示图片用的常用方法:

差不多就这样吧, 一些简单的2D GUI内容, 以后用Swing再说吧:D

晚安 ?