欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

GUI图形编程

程序员文章站 2022-06-19 14:57:11
这里写自定义目录标题GUI图形编程AWT一、Frame二、Panel三、布局管理器功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入GUI图形编程GUI （Graphical User Interface 用户图形接口）两个相关...

GUI图形编程

GUI （Graphical User Interface 用户图形接口）
两个相关的包：
java.awt：Abstract Window ToolKit(抽象工具包)，需要调用本地系统方法实现功能，属重量级控件。
java.swing：在AWT基础上，建立了一套图形界面系统，其中提供了许多的组件，而且完全由JAVA实现，增强了移植性，属轻量级控件。
下面介绍如何使用AWT进行GUI编程

AWT

AWT由两个核心的类：组件（Component）和容器(Container)。组件就是按钮/文本框等等，容器就是一个载体，用来添加这些元素。
其中容器又分为Window 和Panel .Window 可以显示出来，可以向里面添加按钮等组件，而Panel 也可以添加组件，但是Panel 不能独立显示，需要添加到Window里才可以显示。具体关系图：
GUI图形编程

一、Frame

  1. Frame窗体是一个容器，是带有标题和边框的顶层窗口，它通常的构造方法如下。
Frame(String title):构造了一个新的、最初不可见的Frame对象。 
Frame(String title)：构造了一个新的不可见的、具有指定标题的Frame对象。

使用方法如下：

Frame frame = new Frame(“这是一个窗口”);
  1. 构造方法里面的参数用来定义窗体的标题，这个构造方法创建的Frame方法最初是不可见的，我们使用它的成员方法来设置这个窗体的各种属性，它常用的成员方法如下表所示：
方法 说明
setVisible(Boolean visible) 用来设置窗体是否可见,true时窗体可见,falese为不可见
setTitle(String title) 用来设置窗体的标题
setResizable(boolean resizable) 设置窗体是否可以由用户来调整
setBounds 传入四个int型数据来设置窗体在屏幕上显示的位置和窗体大小
add() 向窗体中添加窗体或者组件
setBackground(Color.color) 设置窗体的背景颜色
setLayout(LayoutManager) 设置窗体的布局

上面代码实例方法如下：

import java.awt.*;

public class Demo2{
public static void main(String []args){
	Frame frame = new Frame();
	frame.setTile("这是一个窗口");
	frame.setResizable(true);
	frame.setVisible(true);
	frame.setBounds(100,100,500,300);
	frame.setBackground(Color.pink);
	frame.setLayout(new FlowLayout);
	

}
}
  1. 创建窗体后会发现无法关闭窗口，解决的方法时终止java程序的运行，此时我们可以对这个窗体添加一个监听事件，用来关闭窗体的事件，代码实现如下：
import java.awt.*;

public class Demo2{
public static void main(String []args){
	Frame frame = new Frame();
	frame.setTile("这是一个窗口");
	frame.setResizable(true);
	frame.setVisible(true);
	frame.setBounds(100,100,500,300);
	frame.setBackground(Color.pink);
	frame.setLayout(new FlowLayout);
	frame.addWindowListener(new WindowAdapter(){
		@override
		public void windowCLosing(WindowEvent e){
		System.exit(0);//正常退出程序
		}


});

}
}

通过重写里面的方法来监听关闭的事件

二、Panel

Panel类可以堪称一个容器来承载各种组件（Compontent）,Panel类拥有从父类继承来的各种方法，同时也拥有自己的布局管理器。它的构造方法如下：

public Panel():使用默认布局管理器创建新面板。所有面板的默认布局管理器时FlowLayout类（流式布局）

public Panel(LayoutManger layout)：使用指定的布局管理器创建一个新的面板

具体实现代码如下：

import java.awt.*;

public class Demo2{
public static void main(String []args){
	Frame frame = new Frame();
	frame.setTile("这是一个窗口");
	frame.setResizable(true);
	frame.setVisible(true);
	frame.setBounds(100,100,500,300);
	frame.setBackground(Color.pink);
	Panel panel = new Panel(null);
	panel.setBackground(Color.pink);
	panel.setBounds(0,0,400,200);
	frame.add(panel);
	frame.setLayout(new FlowLayout);
	frame.addWindowListener(new WindowAdapter(){
		@override
		public void windowCLosing(WindowEvent e){
		System.exit(0);//正常退出程序
		}


});

}
}

三、布局管理器

1.第一种布局管理器–流式布局–FlowLayout
这种布局管理器时对组件进行逐行定位，行内从左到右，一行排满后进行换行，FlowLayout默认的布局方式时居中对齐。

import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
public class Demo2{
	public static void main(String []args){
	Frame frame = new Frame();
	frame.setTitle("这是一个窗口");
	frame.setResizable(true);
	frame.setVisible(true);
	frame.setBounds(100,100,500,300);
	frame.setBackground(Color.pink);
	Button button0 = new Button("button");
	Button button1 = new Button("button");
	Button button2 = new Butoon("button");
	frame.setLayout(new FlowLayout());
	frame.add(button0);
	frame.add(button1);
	frame.add(button2);
	frame.addWindowListener(new WindowAdapter(){
		@override
		public void windowClosing(WindowEvent e){
			System.exit(0);
		}
	});
	}

}

2.第二种布局管理器–东西南北中布局–BorderLayout
这种布局管理器把容器分为东(EAST)西(WEST)南(SOUTH)北(NORTH)中（CENTER）

import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
public class Demo2{
	public static void main(String []args){
	Frame frame = new Frame();
	frame.setTitle("这是一个窗口");
	frame.setResizable(true);
	frame.setVisible(true);
	frame.setBounds(100,100,500,300);
	frame.setBackground(Color.pink);
	Button button0 = new Button("east");
	Button button1 = new Button("west");
	Button button2 = new Butoon("south");
	Button button3 = new Butoon("north");
	Button button4 = new Butoon("center");
	frame.setLayout(new BorderLayout());
	frame.add(button0,"east");
	frame.add(button1,"west");
	frame.add(button2,"south");
	frame.add(button3,"north");
	frame.add(button4,"center");
	frame.addWindowListener(new WindowAdapter(){
		@override
		public void windowClosing(WindowEvent e){
			System.exit(0);
		}
	});
	}

}

3.第三种布局管理器–表格布局管理器–GridLayout
这种布局管理器时设置行和列，然后组件依次进行排序。
实现代码如下

import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
public class Demo2{
	public static void main(String []args){
	Frame frame = new Frame();
	frame.setTitle("这是一个窗口");
	frame.setResizable(true);
	frame.setVisible(true);
	frame.setBounds(100,100,500,300);
	frame.setBackground(Color.pink);
	Button button0 = new Button("button");
	Button button1 = new Button("button");
	Button button2 = new Butoon("button");
	frame.setLayout(new GridLayout(3,1));
	frame.add(button0);
	frame.add(button1);
	frame.add(button2);
	frame.addWindowListener(new WindowAdapter(){
		@override
		public void windowClosing(WindowEvent e){
			System.exit(0);
		}
	});
	}

}

四、输入框TextField监听

package com.xzit.lesson06;

import java.awt.Frame;
import java.awt.TextField;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

public class TestTextField extends Frame {
	public TestTextField() {
		TextField textField = new TextField();
		add(textField);
		
		//监听这个文本框输入的文字
		textField.addActionListener(new MyActionListener()); 
		
		//设置替换编码
		textField.setEchoChar('&');
		pack();
		setVisible(true);
		
		
	}

	public static void main(String[] args) {
		new TestTextField();

	}
	class MyActionListener implements ActionListener{

		@Override
		public void actionPerformed(ActionEvent e) {
			//获得一些资源返回一个对象
			TextField textField = (TextField)e.getSource();
			System.out.println(textField.getText());
			//按下enter键后重新定义文本框中的文字
			textField.setText("");
			
		}
		
	}
}

五、组合小测试

GUI图形编程
实现上图组合布局

package com.xzit.lesson01;

import java.awt.BorderLayout;
import java.awt.Button;
import java.awt.Color;
import java.awt.Frame;
import java.awt.GridLayout;
import java.awt.Panel;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class Testexample {

	public static void main(String[] args) {
		Frame frame = new Frame("小测试");
		
		frame.setSize(600, 600);
		frame.setLocation(300,400);
		frame.setBackground(Color.black);
		frame.setVisible(true);
		frame.setLayout(new GridLayout(2, 1));
		//4个面板
		Panel p1 = new Panel(new BorderLayout());
		Panel p2 = new Panel(new GridLayout(2,1));
		Panel p3 =new Panel(new BorderLayout());
		Panel p4 = new Panel(new GridLayout(2, 2));
		p1.add(new Button("button"),BorderLayout.EAST);
		p1.add(new Button("button"),BorderLayout.WEST);
		
		p2.add(new Button("button"));
		p2.add(new Button("button"));
		p1.add(p2,BorderLayout.CENTER);
		//xia面
		p3.add(new Button("button"),BorderLayout.EAST);
		p3.add(new Button("button"),BorderLayout.WEST);
		for (int i = 0; i < 4; i++) {
			p4.add(new Button("button"));
		}
		p3.add(p4,BorderLayout.CENTER);
		frame.add(p1);
		frame.add(p3);
		frame.setResizable(false);
		//监听事件,监听窗口关闭事件，  system.exit(0)
				//适配器模式
	    frame.addWindowListener(new WindowAdapter() {
//	    	窗口点击关闭需要做的事
	    	@Override
	    	public void windowClosing(WindowEvent e) {
	    		System.exit(0);
	    	}
		});

	}

}

六、简易计算器组合内部类回顾

package com.xzit.lesson02;

import java.awt.Button;
import java.awt.FlowLayout;
import java.awt.Frame;
import java.awt.Label;
import java.awt.TextField;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

/**
 * 简易计算器
 * @author 张真人
 *
 */
public class TestCalc {
	public static void main(String []args) {
		new Calulator().loadFrame();
		
	}

}
//计算器类
class Calulator extends Frame{
	
	//属性
	TextField num1,num2,num3;
	
	//方法
	public void loadFrame() {
		//三个文本框
		TextField num1 = new TextField(10);//字符数
		TextField num2 = new TextField(10);//字符数
		TextField num3 = new TextField(20);//字符数
		//一个按钮
		Button button = new Button("=");
		button.addActionListener(new MyCalulatorListener(this));
				
		//一个标签
		Label label = new Label("+");
		//布局
		setLayout(new FlowLayout());
		add(num1);
		add(label);
		add(num2);
		add(button);
		add(num3);
				
		pack();
		setVisible(true);
		addWindowListener(new WindowAdapter() {

			@Override
			public void windowClosing(WindowEvent e) {
				System.exit(0);;
			}
			
			
		});
		
	}

	public Calulator() {
		
	}
	
}

//监听器类
//class MyCalulatorListener implements ActionListener{
//	
//	//获取三个变量
//	private TextField num1,num2,num3;
//	public MyCalulatorListener(TextField num1,TextField num2,TextField num3) {
//		this.num1=num1;
//		this.num2=num2;
//		this.num3=num3;
//	}
//
//	@Override
//	public void actionPerformed(ActionEvent e) {
//		//1.获得加数和被加数
//		int n1 = Integer.parseInt(num1.getText());
//		int n2 = Integer.parseInt(num2.getText());
//		
//		//2.将这个值+法运算后，放到第三个框
//		num3.setText(""+(n1+n2));
//		//3.清除前两个框
//		num1.setText("");
//		num2.setText("");
//		
//	}
//	
//}
class MyCalulatorListener implements ActionListener{
	
	//获取计算器这个对象,在一个类中组合另一个类
	Calulator calulator =null;
	public MyCalulatorListener(Calulator calulator) {
		this.calulator = calulator;
	}

	@Override
	public void actionPerformed(ActionEvent e) {
		//1.获得加数和被加数
		int n1 =  Integer.parseInt(calulator.num1.getText());
		int n2 =  Integer.parseInt(calulator.num2.getText());
		
		//2.将这个值+法运算后，放到第三个框
		calulator.num3.setText(""+(n1+n2));
		//3.清除前两个框
		calulator.num1.setText("");
		calulator.num2.setText("");
		
	
		
	}
	
}

七、画笔

package com.xzit.lesson03;

import java.awt.Color;
import java.awt.Frame;
import java.awt.Graphics;

public class TestPaint {
	public static void main(String []args) {
		new mypaint().loadFrame();
		
	}

}
class mypaint extends Frame{
	public void loadFrame() {
		setBounds(200,200,600,500);
		setVisible(true);
	}

	@Override
	public void paint(Graphics g) {
		//画笔需要有颜色，画笔需要画画。
		g.setColor(Color.red);
		g.drawOval(100, 100, 100, 100);
		g.fillOval(100, 100, 100, 100);//实心圆
		g.setColor(Color.GRAY);
		g.fillRect(100, 200, 200, 200);
		
		//养成习惯，画笔用完，将他还原到最初的颜色
		
	}
	
}

八、鼠标监听

package com.xzit.lesson03;

import java.awt.Color;
import java.awt.Frame;
import java.awt.Graphics;
import java.awt.Point;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.util.ArrayList;
import java.util.Iterator;

public class TestMouseListener {

	public static void main(String[] args) {
		new myFrame("画图");
		

	}

}
//自己的类
class myFrame extends Frame{
	//画画需要画笔，需要监听鼠标当前的位置，需要集合存储这个点
	ArrayList points;
	
	
	public myFrame(String title) {
		super(title);
		setBounds(200, 200, 400, 300);
		//存储鼠标点击的点
		points=new ArrayList<>();
		
		//鼠标监听器针对这个窗口
		this.addMouseListener(new MyMouseListener());
		setVisible(true);
		
	}

	@Override
	public void paint(Graphics g) {
	//画画，监听鼠标的事件
		Iterator iterator = points.iterator();
		while (iterator.hasNext()) {
			Point point = (Point)iterator.next();
			g.setColor(Color.blue);
			g.fillOval(point.x, point.y, 10, 10);
		}
		
	}
	//添加一个点到界面上
	public void addPaint(Point point) {
		points.add(point);
		
	}
	
	private class MyMouseListener extends MouseAdapter{

		@Override
		public void mousePressed(MouseEvent e) {
			// TODO Auto-generated method stub
			myFrame frame =(myFrame)e.getSource();
			//这里我们点击的时候就会在界面上产生一个点！画
			//这个点就是鼠标的点；
			frame.addPaint(new Point(e.getX(),e.getY()));
			 
			//每次点击鼠标都需要重新画一遍
			frame.repaint();//刷新
			
		}
		// 鼠标 按下，弹起，按住不放
		
	}

	
	
}

九、窗口监听

package com.xzit.lesson03;

import java.awt.Color;
import java.awt.Frame;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class TestWindow {

	public static void main(String[] args) {
		new WindowFrame();

	}

}
class WindowFrame extends Frame{
	public WindowFrame() {
		
		setBackground(Color.blue);
		setBounds(100, 100, 200, 200);
		setVisible(true);
		//addWindowListener(new MyWindowListener());
		this.addWindowListener(
				//匿名内部类
				new WindowAdapter() {
					
					
					
					
							//	激活窗口
					@Override
					public void windowActivated(WindowEvent e) {
						System.out.println("激活");
						
					}
					//关闭窗口

					@Override
					public void windowClosing(WindowEvent e) {
						System.out.println("你点击了x");
					}
					
				});
	}
	
}

十、键盘监听

package com.xzit.lesson03;

import java.awt.Frame;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;

//键
public class TestKeyListener {
	public static void main(String []args) {
		 new KeyFrame();
	}
 
}
class KeyFrame extends Frame{
	public KeyFrame() {
		setBounds(1, 2, 300, 400);
		setVisible(true);
		this.addKeyListener(new KeyAdapter() {
			//键盘按下

			@Override
			public void keyPressed(KeyEvent e) {
				//获得键盘按下的键是哪一个，当前的码
				int keyCode = e.getKeyCode();//不需要记录这个值，直接使用静态属性VL_XXX
				if (keyCode == KeyEvent.VK_UP) {
					System.out.println("你下了上键");
					
				}
				
				
			}
			
		});
	}
}

本文地址：https://blog.csdn.net/qq_41402786/article/details/112220362

相关标签： GUI java

上一篇： 论文笔记_S2D.60_2019-CVPR-DeepLiDAR:基于稀疏激光雷达数据和单张彩色图像的户外场景的表面法线引导的深度预测

下一篇： 设计模式-组合模式(Composite)

推荐阅读