GUI

首页 > 代码库 > GUI

2024-08-27 13:57:39 216人阅读

GUI

　　定义规则：

　　　　大小：先水平、后垂直；先宽、后高（单位像素）

　　　　位置：原点：x:0/y:0（原点定位于左上角）

　　　　窗体关闭即退出：

　　1. 界面元素：（1）容器：

　　　　　　　　（2）组件：

　　2．布局——嵌套布局

　　3．事件处理

　　标题栏占25，设置窗体面板大小是减去标题栏的内容面板 this.setSize(500, 400);//设置窗体大小--像素

SWT开发：

　　Java.awt包（关于界面类）：容器类与组件类：带外观（过时不在使用）

　　工具类：颜色类、字体类

　　Java.swing包：容器类与组件类(带Jxxxx)

　　界面元素：（1）容器：4种首层容器：Jwindow(最原始容器)/JFrame（原始容器升级版）/JDialog（对话框）/JApplet(Java小应用程序);

　　　　　　（2）组件:标签；文本框（密码框）；按钮；下拉列表；单选；复选；文本域

容器类JFrame：

public class MyFrame extends JFrame{
	
　　private Container contentP;//内容面板
	
　　private JLabel msgLab;//文字标签
	
　　private JLabel imgLab;//图片标签
	
　　private JTextField usernameTxt;//文本框
	
　　private JPasswordField pwdTxt;//密码框
	
　　private JButton okBtn;//按钮
	
　　private JButton getMoentyBtn;//取钱按钮
	
　　private JComboBox<String> teacherCmb;//下拉列表
	
　　private JTextArea selfArea;//文本域
	
　　private JRadioButton maleRad;//单选框
	
　　private JRadioButton femaleRad;
	
　　private JCheckBox hobbitBox;//复选框
		
　　public MyFrame(){
	Toolkit tk = Toolkit.getDefaultToolkit();//获取工具对象
	int screenWidth = (int)tk.getScreenSize().getWidth();
	int screenHeight = (int)tk.getScreenSize().getHeight();
	this.setSize(500, 400);//设置窗体大小--像素
	this.setLocation((screenWidth-500)/2, (screenHeight-400)/2);//设置窗体的位置
	this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置窗体关闭即退出程序
	this.setTitle("我的第一个GUI窗体");//标题栏设置标题
	this.setIconImage(tk.createImage("image/icon.png"));//设置标题栏图标
	this.setResizable(false);//设置窗体改变大小的能力
	this.addContent();
	this.setVisible(true);//设置该窗体可见
　　}
	
　　private void addContent(){
	this.contentP = this.getContentPane();//获取内容面板
	this.contentP.setBackground(Color.WHITE);//设置窗体背景色
	this.contentP.setLayout(null);//设置布局管理器为null---代表放入该容器的组件的大小位置全靠自定义
		
	//文本标签
	this.msgLab = new JLabel("用户名：");//产生对象
	this.msgLab.setText("用户名：");
//	this.msgLab.setBorder(BorderFactory.createLineBorder(Color.BLACK));//给标签设置边框--调试用
	this.msgLab.setFont(new Font("微软雅黑",Font.BOLD,16));//设置字体
	this.msgLab.setForeground(new Color(82,254,211));//设置字体颜色
	this.msgLab.setBounds(100, 20, 80, 30);//设置大小位置
	this.contentP.add(this.msgLab);//放入容器
		
	//图片标签
	this.imgLab = new JLabel(new ImageIcon("image/fish.jpg"));
	this.imgLab.setBounds(200, 20, 243, 167);
	this.contentP.add(this.imgLab);
		
	//文本框
	this.usernameTxt = new JTextField();
	this.usernameTxt.setBounds(20, 70, 100, 30);
	this.usernameTxt.setFont(new Font("微软雅黑",Font.BOLD,16));//设置字体
	this.usernameTxt.setForeground(new Color(82,254,211));//设置字体颜色
//	this.usernameTxt.setEditable(false);//设置文本框不可编辑
	this.contentP.add(this.usernameTxt);
		
	//密码框
	this.pwdTxt = new JPasswordField();
	this.pwdTxt.setEchoChar(‘*‘);
	this.pwdTxt.setFont(new Font("微软雅黑",Font.BOLD,16));//设置字体
	this.pwdTxt.setForeground(new Color(82,254,211));//设置字体颜色
	this.pwdTxt.setBounds(20, 120, 100, 30);
	this.contentP.add(this.pwdTxt);
		
	//按钮
	this.okBtn = new JButton("确定");
	this.okBtn.setText("确定");
	this.okBtn.setFont(new Font("微软雅黑",Font.BOLD,16));//设置字体
	this.okBtn.setForeground(new Color(82,254,211));//设置字体颜色
	this.okBtn.setBounds(20, 160, 100, 30);
	this.contentP.add(this.okBtn);
		
	this.getMoentyBtn = new JButton(new ImageIcon("image/buttonGet.jpg"));
	this.getMoentyBtn.setBounds(20, 200, 140, 50);
	this.contentP.add(this.getMoentyBtn);
		
	//下拉列表
	this.teacherCmb = new JComboBox<String>();
	this.teacherCmb.addItem("周春艳");
	this.teacherCmb.addItem("刘弯弯");
	this.teacherCmb.addItem("万洁");
	this.teacherCmb.addItem("张欣");
	this.teacherCmb.addItem("何茹薇");
	this.teacherCmb.setEditable(true);//设置为可编辑为true
	this.teacherCmb.setBounds(20, 260, 100, 20);
	this.contentP.add(this.teacherCmb);
		
	//文本域
	this.selfArea = new JTextArea();
	JScrollPane scrollP = new JScrollPane(this.selfArea);
	scrollP.setBounds(200, 200, 280, 160);
	this.contentP.add(scrollP);
		
	//单选框
	this.maleRad = new JRadioButton("男");
	this.femaleRad = new JRadioButton("女");
	this.maleRad.setBounds(20, 290, 50, 25);
	this.femaleRad.setBounds(80, 290, 50, 25);
	this.maleRad.setBackground(Color.WHITE);
	this.femaleRad.setBackground(Color.WHITE);
	this.maleRad.setSelected(true);//设置默认选中
	this.contentP.add(this.maleRad);
	this.contentP.add(this.femaleRad);
	ButtonGroup bGroup = new ButtonGroup();//按钮分组
	bGroup.add(this.maleRad);
	bGroup.add(this.femaleRad);
		
	//复选框
	this.hobbitBox = new JCheckBox("兴趣爱好");
	this.hobbitBox.setBounds(20, 325, 100, 25);
	this.contentP.add(this.hobbitBox);
　　}
	
}

public static void main(String[] args) {
　　// TODO Auto-generated method stub
　　//容器类JFrame
　　MyFrame frame = new MyFrame();
}

布局layut：

　　最常用的4种布局管理器：“只要使用布局管理器，任何自定义布局无法使用”

1.边界布局（应用最多）：BorderFrame：

　　布局方式：把整个容器划分为5个部分：东西南北中，南北要贯通，中间最大（不仅是中间的范围最大，权利也最大“周边不存在的时候，中间会占领周边”），当中间不存在的时候周边也不能占领中间；

　　使用场景：不是用来直接放组件的，而是用来放置子容器（中间容器）的；

public class BorderFrame extends JFrame {
	
　　private Container contentP;//内容面板
	
　　private JButton btn1;
　　private JButton btn2;
　　private JButton btn3;
　　private JButton btn4;
　　private JButton btn5;
	
　　public BorderFrame(){
	Toolkit tk = Toolkit.getDefaultToolkit();//获取工具对象
	int screenWidth = (int)tk.getScreenSize().getWidth();
	int screenHeight = (int)tk.getScreenSize().getHeight();
	this.setSize(500, 400);//设置窗体大小--像素
	this.setLocation((screenWidth-500)/2, (screenHeight-400)/2);//设置窗体的位置
	this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置窗体关闭即退出程序
	this.setTitle("我的第一个GUI窗体");//标题栏设置标题
	this.setIconImage(tk.createImage("image/icon.png"));//设置标题栏图标
	this.setResizable(false);//设置窗体改变大小的能力
	this.addContent();
	this.setVisible(true);//设置该窗体可见
　　}
	
	
　　private void addContent(){
	this.contentP = this.getContentPane();//获取内容面板
	this.contentP.setBackground(Color.WHITE);//设置窗体背景色
	this.contentP.setLayout(new BorderLayout());//设置布局管理器为边界布局管理器---在默认的情况下，JFrame的内容面板就是边界布局
		
	this.btn1 = new JButton("button1");
	this.btn2 = new JButton("button2");
	this.btn3 = new JButton("button3");
	this.btn3.setFont(new Font("宋体",Font.BOLD,28));
	this.btn4 = new JButton("button4");
	this.btn5 = new JButton("button5button5");
	this.contentP.add(this.btn1);//直接add就是默认往中间放
	this.contentP.add(BorderLayout.NORTH, this.btn2);
	this.contentP.add(BorderLayout.SOUTH,this.btn3);
	this.contentP.add(BorderLayout.EAST,this.btn4);
	this.contentP.add(BorderLayout.WEST,this.btn5);
		
　　}
}

public static void main(String[] args) {
　　// TODO Auto-generated method stub

　　BorderFrame bframe = new BorderFrame();
}

2.流布局：FlowFrame：

　　布局方式：按从左往右，从上往下，由中间开始的方式依次排放组件；

　　　　　　　组件大小要根据组件内容那个确定；

　　　　　　　组件的位置随着容器大小的改变而改变；

　　使用场景：流布局是用来放置组件的，而不是用来放中间容器的；最好只做单行布局；

public class FlowFrame extends JFrame {
　　private Container contentP;//内容面板
	
　　private JButton btn1;
　　private JButton btn2;
　　private JButton btn3;
　　private JButton btn4;
　　private JButton btn5;
　　private JTextField inputTxt;
	
　　public FlowFrame(){
	Toolkit tk = Toolkit.getDefaultToolkit();//获取工具对象
	int screenWidth = (int)tk.getScreenSize().getWidth();
	int screenHeight = (int)tk.getScreenSize().getHeight();
	this.setSize(500, 400);//设置窗体大小--像素
	this.setLocation((screenWidth-500)/2, (screenHeight-400)/2);//设置窗体的位置
	this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置窗体关闭即退出程序
	this.setTitle("我的第一个GUI窗体");//标题栏设置标题
	this.setIconImage(tk.createImage("image/icon.png"));//设置标题栏图标
	this.setResizable(true);//设置窗体改变大小的能力
	this.addContent();
	this.setVisible(true);//设置该窗体可见
　　}

　　private void addContent(){
	this.contentP = this.getContentPane();//获取内容面板
	this.contentP.setBackground(Color.WHITE);//设置窗体背景色
	this.contentP.setLayout(new FlowLayout());//设置布局管理器为流布局管理器
		
	this.btn1 = new JButton("button1");
	this.btn2 = new JButton("button2");
	this.btn3 = new JButton("button3");
	this.btn3.setFont(new Font("宋体",Font.BOLD,28));
	this.btn4 = new JButton("button4");
	this.btn5 = new JButton("button5button5");
	this.inputTxt = new JTextField();
	this.inputTxt.setColumns(10);
		
	this.add(this.btn1);
	this.add(this.btn2);
	this.add(this.btn3);
	this.add(this.btn4);
	this.add(this.btn5);
	this.add(this.inputTxt);
　　}
}

public static void main(String[] args) {
　　// TODO Auto-generated method stub
　　FlowFrame fFrame = new FlowFrame();
}

3.网格布局：GridFrame:

　　布局方式：按行列将整个容器划分为等大的区域，放入的子容器的数目如果与设置的数目不等，优先保证行改变列

　　使用场景：不是用来放置组件的，而是用来放置容器（中间容器）的。

public class GridFrame extends JFrame {
	private Container contentP;//内容面板
	
	private JButton btn1;
	private JButton btn2;
	private JButton btn3;
	private JButton btn4;
	private JButton btn5;
	
　　public GridFrame(){
	Toolkit tk = Toolkit.getDefaultToolkit();//获取工具对象
	int screenWidth = (int)tk.getScreenSize().getWidth();
	int screenHeight = (int)tk.getScreenSize().getHeight();
	this.setSize(500, 400);//设置窗体大小--像素
	this.setLocation((screenWidth-500)/2, (screenHeight-400)/2);//设置窗体的位置
	this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置窗体关闭即退出程序
	this.setTitle("我的第一个GUI窗体");//标题栏设置标题
	this.setIconImage(tk.createImage("image/icon.png"));//设置标题栏图标
	this.setResizable(false);//设置窗体改变大小的能力
	this.addContent();
	this.setVisible(true);//设置该窗体可见
　　}
	
	
　　private void addContent(){
	this.contentP = this.getContentPane();//获取内容面板
	this.contentP.setBackground(Color.WHITE);//设置窗体背景色
	this.contentP.setLayout(new GridLayout(2,3));//设置布局管理器为网格布局管理器
		
	this.btn1 = new JButton("button1");
	this.btn2 = new JButton("button2");
	this.btn3 = new JButton("button3");
	this.btn3.setFont(new Font("宋体",Font.BOLD,28));
	this.btn4 = new JButton("button4");
	this.btn5 = new JButton("button5");
		
	this.contentP.add(this.btn1);
	this.contentP.add(this.btn2);
	this.contentP.add(this.btn3);
	this.contentP.add(this.btn4);
	this.contentP.add(this.btn5);
　　}
}

public static void main(String[] args) {
　　// TODO Auto-generated method stub
　　GridFrame gFrame = new GridFrame();
}

面板类JPand：面板嵌套

1.定义内容面板：设置分割框体：

public class GameFrame extends JFrame {
	
　　private Container contentP;
	
　　private UpPanel upP;
	
　　private MidPanel midP;
	
　　private DownPanel dnP;
	
　　public GameFrame(){
	Toolkit tk = Toolkit.getDefaultToolkit();//获取工具对象
	int screenWidth = (int)tk.getScreenSize().getWidth();
	int screenHeight = (int)tk.getScreenSize().getHeight();
	this.setSize(300, 300);//设置窗体大小--像素
	this.setLocation((screenWidth-300)/2, (screenHeight-300)/2);//设置窗体的位置
	this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置窗体关闭即退出程序
	this.setTitle("猜数字游戏");//标题栏设置标题
	this.setIconImage(tk.createImage("image/icon.png"));//设置标题栏图标
	this.setResizable(false);//设置窗体改变大小的能力
	this.addContent();
	this.setVisible(true);//设置该窗体可见
	
　　}

　　private void addContent() {
	// TODO Auto-generated method stub
	this.contentP = this.getContentPane();
	this.contentP.setLayout(new GridLayout(3,1));//用网格布局划分框体
		
	this.upP = new UpPanel();
	this.midP = new MidPanel();
	this.dnP = new DownPanel(this);
		
		
	this.contentP.add(this.upP);
	this.contentP.add(this.midP);
	this.contentP.add(this.dnP);
	}

　　public Container getContentP() {
	return contentP;
　　}

　　public void setContentP(Container contentP) {
	this.contentP = contentP;
　　}

　　public UpPanel getUpP() {
	return upP;
　　}

　　public void setUpP(UpPanel upP) {
	this.upP = upP;
　　}

　　public MidPanel getMidP() {
	return midP;
　　}

　　public void setMidP(MidPanel midP) {
	this.midP = midP;
　　}

　　public DownPanel getDnP() {
	return dnP;
　　}

　　public void setDnP(DownPanel dnP) {
	this.dnP = dnP;
　　}

}

2.先设置布局上框架：

public class UpPanel extends JPanel {
	
　　private JTextField inputTxt;//设置文本框
	
　　public UpPanel() {
	// TODO Auto-generated constructor stub
	this.setBackground(Color.LIGHT_GRAY);
	this.setLayout(new FlowLayout());//JPanel默认的布局管理器就是流布局
	this.setBorder(BorderFactory.createTitledBorder(BorderFactory.createLineBorder(Color.BLACK), "Your Guess"));
　　　　　//(Color.BLACK)：边框颜色， "Your Guess"：设置边框文字

	this.inputTxt = new JTextField();
	this.inputTxt.setColumns(10);
		
	this.add(this.inputTxt);
　　}

　　public JTextField getInputTxt() {
	return inputTxt;
　　}

　　public void setInputTxt(JTextField inputTxt) {
	this.inputTxt = inputTxt;
　　}
}

3.设置中间框架：

public class MidPanel extends JPanel {
	
　　private JLabel msgLab;
	
　　public MidPanel() {
	// TODO Auto-generated constructor stub
	this.setBackground(Color.LIGHT_GRAY);
	this.setLayout(null);
	this.setBorder(BorderFactory.createTitledBorder(BorderFactory.createLineBorder(Color.BLACK), "Hint"));
		
	this.msgLab = new JLabel("Let‘s Play HiLo");
	this.msgLab.setBounds(100, 30, 100, 30);
	this.add(this.msgLab);
　　}

　　public JLabel getMsgLab() {
	return msgLab;
　　}

　　public void setMsgLab(JLabel msgLab) {
	this.msgLab = msgLab;
　　}

4.设置下部框体：

4-1.先设置边界布局：并设置按钮

public class DownPanel extends JPanel {
	
　　private ButtonPanel btnP;//设置按钮
	
　　public DownPanel(GameFrame gm) {
	// TODO Auto-generated constructor stub
	this.setBackground(Color.LIGHT_GRAY);
	this.setLayout(new BorderLayout());
		
	this.btnP = new ButtonPanel(gm);
	this.add(BorderLayout.SOUTH,this.btnP);
　　}

　　public ButtonPanel getBtnP() {
	return btnP;
　　}

　　public void setBtnP(ButtonPanel btnP) {
	this.btnP = btnP;
　　}
}

4-2.按钮设置

public class ButtonPanel extends JPanel {
	
　　private JButton enterBtn;
	
　　private JButton cancelBtn;
		
	this.setBackground(Color.LIGHT_GRAY);
	this.enterBtn = new JButton("确定");
	this.cancelBtn = new JButton("取消");
		
	this.add(this.enterBtn);
	this.add(this.cancelBtn);
		
	this.enterBtn.addActionListener(new ActionListener(){

		@Override
		public void actionPerformed(ActionEvent e) {
			// TODO Auto-generated method stub
			//首先获取文本框中的输入
			//做输入有效性校验---正则
			//校验通过，转换为整数，再和随机数比较
			//然后根据比较结果，修改标签的显示信息
				
				
		}
			
	});
　　}

　　public JButton getEnterBtn() {
	return enterBtn;
　　}

　　public void setEnterBtn(JButton enterBtn) {
	this.enterBtn = enterBtn;
　　}

　　public JButton getCancelBtn() {
	return cancelBtn;
　　}

　　public void setCancelBtn(JButton cancelBtn) {
	this.cancelBtn = cancelBtn;
　　}	
}

public static void main(String[] args) {
	// TODO Auto-generated method stub
	GameFrame game = new GameFrame();
}

事件处理：

　　事件：按钮——事件源对象

　　委托事件模型：（1）事件源：——绑定关系——（2）监听器对象：　　

　　　　一个监听器可以绑定多个事件源；一个事件源可以绑定多个监听器；监听器有各自的监听事件类型；

　　步骤：1.写好界面，事件源对象已经有了；

　　　　　2.选择合适的监听器类型；

　　　　　3.书写监听器的实现类（写好处理代码）；

　　　　　4.产生监听器对象和事件源对象进行绑定；

　　　　Event + Listrener:事件源监听器接口：Action(动作)

　　监听器实现方式一：

　　　　单独书写一个类，实现监听器接口。

　　　　特点：1.可以让一个监听器类监听多个事件源，用if判断进行分割；但这么做违背了单一职责、因此从设计上每一个事件源书写单独的监听器类。

　　　　　　　2.如果需要操作费时间远的其它组件，只能传参。

　　监听器实现方式二：

　　　　让容器类充当监听器。

　　　　特点：1.只能让一个监听器类监听多个事件源，用if判断进行分割；铁定违背单一职责。

　　　　　　　2.操作本容器的组件或中间容器，不用传参；

　　监听器实现方式三：

　　　　匿名内部类——在跟事件源对象绑定监听器对象的同时，实现监听器类。

　　　　特点：1.每个事件源对象拥有独立的监听器类，同时没有多的java文件。即满足单一，又没有增加文件量。

　　　　　　　2.操作外部容器类的任何组件或子容器不用传参。

public class ColorFrame extends JFrame{	
	private Container contentP;
	
	private JButton redBtn;
	
	private JButton greenBtn;
	
	public ColorFrame(){
		Toolkit tk = Toolkit.getDefaultToolkit();//获取工具对象
		int screenWidth = (int)tk.getScreenSize().getWidth();
		int screenHeight = (int)tk.getScreenSize().getHeight();
		this.setSize(300, 300);//设置窗体大小--像素
		this.setLocation((screenWidth-300)/2, (screenHeight-300)/2);//设置窗体的位置
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置窗体关闭即退出程序
		this.setTitle("我的第一个GUI窗体");//标题栏设置标题
		this.setIconImage(tk.createImage("image/icon.png"));//设置标题栏图标
		this.setResizable(false);//设置窗体改变大小的能力
		this.addContent();
		this.setVisible(true);//设置该窗体可见
	}

	private void addContent() {
		// TODO Auto-generated method stub
		this.contentP = this.getContentPane();
		this.contentP.setBackground(Color.WHITE);
		this.contentP.setLayout(new FlowLayout());
		
		//事件源对象
		this.redBtn = new JButton("红色");
		this.redBtn.setActionCommand("red");
		this.greenBtn = new JButton("绿色");
		this.greenBtn.setActionCommand("green");
				
		this.redBtn.addActionListener(new ActionListener(){
			@Override
			public void actionPerformed(ActionEvent e) {
				// TODO Auto-generated method stub
				ColorFrame.this.contentP.setBackground(Color.RED);
				ColorFrame.this.redBtn.setEnabled(false);
				ColorFrame.this.greenBtn.setEnabled(true);
			}
		});
		
		this.greenBtn.addActionListener(new ActionListener(){
			@Override
			public void actionPerformed(ActionEvent e) {
				// TODO Auto-generated method stub
				ColorFrame.this.contentP.setBackground(Color.GREEN);
				ColorFrame.this.redBtn.setEnabled(true);
				ColorFrame.this.greenBtn.setEnabled(false);
			}
		});
		
		
		this.contentP.add(this.redBtn);
		this.contentP.add(this.greenBtn);
	}	
}

读取文件：

public class LoginFrame extends JFrame {
	
	private Container contentP;
	
	private JLabel nameLab;
	
	private JLabel pwdLab;
	
	private JTextField nameTxt;
	
	private JPasswordField pwdTxt;
	
	private JButton loginBtn;
	
	private Properties props;
	
	public LoginFrame() {
		// TODO Auto-generated constructor stub
		Toolkit tk = Toolkit.getDefaultToolkit();//获取工具对象
		int screenWidth = (int)tk.getScreenSize().getWidth();
		int screenHeight = (int)tk.getScreenSize().getHeight();
		this.setSize(300, 300);//设置窗体大小--像素
		this.setLocation((screenWidth-300)/2, (screenHeight-300)/2);//设置窗体的位置
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置窗体关闭即退出程序
		this.setTitle("用户登录");//标题栏设置标题
		this.setIconImage(tk.createImage("image/icon.png"));//设置标题栏图标
		this.setResizable(false);//设置窗体改变大小的能力
		this.addContent();
		this.setVisible(true);//设置该窗体可见
		
		this.props = new Properties();
		try {
			props.load(new FileInputStream("user.properties"));
		} catch (FileNotFoundException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
		} catch (IOException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
		}
	}

	private void addContent() {
		// TODO Auto-generated method stub
		this.contentP = this.getContentPane();
		this.contentP.setBackground(Color.WHITE);
		this.contentP.setLayout(null);
		
		this.nameLab = new JLabel("用户名：");
		this.nameLab.setBounds(20, 20, 80, 30);
		this.contentP.add(this.nameLab);
		
		this.pwdLab = new JLabel("密     码：");
		this.pwdLab.setBounds(20, 70, 80, 30);
		this.contentP.add(this.pwdLab);
		
		this.nameTxt = new JTextField();
		this.nameTxt.setBounds(110, 25, 100, 20);
		this.contentP.add(this.nameTxt);
		
		this.pwdTxt = new JPasswordField();
		this.pwdTxt.setBounds(110, 75, 100, 20);
		this.contentP.add(this.pwdTxt);
		
		this.loginBtn = new JButton("登录");
		this.loginBtn.setBounds(160, 110, 80, 25);
		this.contentP.add(this.loginBtn);
		
		this.loginBtn.addActionListener(new ActionListener(){
			@Override
			public void actionPerformed(ActionEvent e) {
				// TODO Auto-generated method stub
				String inputName = LoginFrame.this.nameTxt.getText();
				String password = new String(LoginFrame.this.pwdTxt.getPassword());
				
				if(inputName.equals(props.getProperty("username")) && password.equals(props.getProperty("password"))){
					JOptionPane.showMessageDialog(LoginFrame.this, "登录成功！");
				}else{
					JOptionPane.showMessageDialog(LoginFrame.this, "登录失败！");
				}
				
				LoginFrame.this.nameTxt.setText("");
				LoginFrame.this.pwdTxt.setText("");
				LoginFrame.this.nameTxt.requestFocus();
				
			}
		});
	}

4.卡片布局（最实用“事件处理用”）：布局管理器最后一种，也是最常用种；

　　整个翻页：内容面板设置为卡片布局

　　布局翻页： JPael 设置为卡片布局

　　4-1.设置内容面板：

public class CardFrame extends JFrame{
	
	private Container contentP;
	
	private SeasonPanel seaP;//设置卡片布局管理器
	
	private ButtonPanel btnP;//设置布局器管理器的步骤
	
	public CardFrame(){
		Toolkit tk = Toolkit.getDefaultToolkit();//获取工具对象
		int screenWidth = (int)tk.getScreenSize().getWidth();
		int screenHeight = (int)tk.getScreenSize().getHeight();
		this.setSize(300, 300);//设置窗体大小--像素
		this.setLocation((screenWidth-300)/2, (screenHeight-300)/2);//设置窗体的位置
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置窗体关闭即退出程序
		this.setTitle("卡片布局管理");//标题栏设置标题
		this.setIconImage(tk.createImage("image/icon.png"));//设置标题栏图标
		this.setResizable(false);//设置窗体改变大小的能力
		this.addContent();
		this.setVisible(true);//设置该窗体可见
	}

	private void addContent() {
		// TODO Auto-generated method stub
		this.contentP = this.getContentPane();
		this.contentP.setLayout(new BorderLayout());
		
		this.seaP = new SeasonPanel();
		this.btnP = new ButtonPanel(this);
		
		this.contentP.add(BorderLayout.CENTER,this.seaP);
		this.contentP.add(BorderLayout.SOUTH,this.btnP);
	}

	public SeasonPanel getSeaP() {
		return seaP;
	}

	public void setSeaP(SeasonPanel seaP) {
		this.seaP = seaP;
	}

	public ButtonPanel getBtnP() {
		return btnP;
	}

	public void setBtnP(ButtonPanel btnP) {
		this.btnP = btnP;
	}
}

　　4-2.设置卡片管理布局器

public class SeasonPanel extends JPanel {
	
	private SpringPanel sprP;//设置颜色或添加相片
	
	private SummerPanel sumP;//设置颜色或添加相片

	private AutumnPanel autP;//设置颜色或添加相片

	private WinterPanel winP;//设置颜色或添加相片

	public SeasonPanel(){
		this.setBackground(Color.BLACK);
		this.setLayout(new CardLayout());//设置卡片布局管理器
		
		this.sprP = new SpringPanel();
		this.sumP = new SummerPanel();
		this.autP = new AutumnPanel();
		this.winP = new WinterPanel();
		
		//第一个被放入的卡片在最上面
		//每张卡片放入的时候要给出别名
		this.add("spring", this.sprP);
		this.add("summer", this.sumP);
		this.add("autumn", this.autP);
		this.add("winter", this.winP);
	}

	public SpringPanel getSprP() {
		return sprP;
	}

	public void setSprP(SpringPanel sprP) {
		this.sprP = sprP;
	}

	public SummerPanel getSumP() {
		return sumP;
	}

	public void setSumP(SummerPanel sumP) {
		this.sumP = sumP;
	}

	public AutumnPanel getAutP() {
		return autP;
	}

	public void setAutP(AutumnPanel autP) {
		this.autP = autP;
	}

	public WinterPanel getWinP() {
		return winP;
	}

	public void setWinP(WinterPanel winP) {
		this.winP = winP;
	}
	
}

　　4-2-1.设置颜色或添加图片

public class SpringPanel extends JPanel {
	
	public SpringPanel(){
		this.setBackground(Color.GREEN);
	}
	
}

public class SummerPanel extends JPanel{
	
	public SummerPanel(){
		this.setBackground(Color.RED);
	}
	
}

public class AutumnPanel extends JPanel {
	
	public AutumnPanel(){
		this.setBackground(Color.ORANGE);
	}
	
}

public class WinterPanel extends JPanel {
	
	public WinterPanel(){
		this.setBackground(Color.LIGHT_GRAY);
	}
	
}

　　4-3.设置卡片管理布局器步骤

public class ButtonPanel extends JPanel {
	
	private JButton firstBtn;
	
	private JButton lastBtn;
	
	private JButton nextBtn;
	
	private JButton preBtn;
	
	private JButton sumBtn;
	
	private CardFrame cardF;
	
	public ButtonPanel(CardFrame cardF) {
		// TODO Auto-generated constructor stub
		this.cardF = cardF;
		
		this.setBackground(Color.WHITE);
		this.setLayout(new FlowLayout());
		
		this.firstBtn = new JButton("|<");
		this.firstBtn.addActionListener(new ActionListener(){
			@Override
			public void actionPerformed(ActionEvent e) {
				// TODO Auto-generated method stub
				//翻页步骤：1、首先得到被设置为卡片布局的那个容器
				SeasonPanel sp = ButtonPanel.this.cardF.getSeaP();
				//2、得到这个容器的布局管理器
				CardLayout card = (CardLayout)sp.getLayout();
				//3、调用该布局管理器翻页
				card.first(sp);
			}
		});
			
		this.preBtn = new JButton("<<");
		this.preBtn.addActionListener(new ActionListener(){
			@Override
			public void actionPerformed(ActionEvent e) {
				// TODO Auto-generated method stub
				//翻页步骤：1、首先得到被设置为卡片布局的那个容器
				SeasonPanel sp = ButtonPanel.this.cardF.getSeaP();
				//2、得到这个容器的布局管理器
				CardLayout card = (CardLayout)sp.getLayout();
				//3、调用该布局管理器翻页
				card.previous(sp);
			}
		});
				
		this.nextBtn = new JButton(">>");
		this.nextBtn.addActionListener(new ActionListener(){
			@Override
			public void actionPerformed(ActionEvent e) {
				// TODO Auto-generated method stub
				//翻页步骤：1、首先得到被设置为卡片布局的那个容器
				SeasonPanel sp = ButtonPanel.this.cardF.getSeaP();
				//2、得到这个容器的布局管理器
				CardLayout card = (CardLayout)sp.getLayout();
				//3、调用该布局管理器翻页
				card.next(sp);
			}
		});
			
		this.lastBtn = new JButton(">|");
		this.lastBtn.addActionListener(new ActionListener(){
			@Override
			public void actionPerformed(ActionEvent e) {
				// TODO Auto-generated method stub
				//翻页步骤：1、首先得到被设置为卡片布局的那个容器
				SeasonPanel sp = ButtonPanel.this.cardF.getSeaP();
				//2、得到这个容器的布局管理器
				CardLayout card = (CardLayout)sp.getLayout();
				//3、调用该布局管理器翻页
				card.last(sp);
			}
		});
		
		this.sumBtn = new JButton("夏天");
		this.sumBtn.addActionListener(new ActionListener(){
			@Override
			public void actionPerformed(ActionEvent e) {
				// TODO Auto-generated method stub
				//翻页步骤：1、首先得到被设置为卡片布局的那个容器
				SeasonPanel sp = ButtonPanel.this.cardF.getSeaP();
				//2、得到这个容器的布局管理器
				CardLayout card = (CardLayout)sp.getLayout();
				//3、调用该布局管理器翻页
				card.show(sp, "summer");
			}
		});
		
		this.add(this.firstBtn);
		this.add(this.preBtn);
		this.add(this.nextBtn);
		this.add(this.lastBtn);
		this.add(this.sumBtn);
	}
}

设置背景：

public class CardFrame2 extends JFrame {
	
	private Container contentP;
	
	private JLabel backLab;
	
	private JButton okBtn;
	
	public CardFrame2(){
		Toolkit tk = Toolkit.getDefaultToolkit();//获取工具对象
		int screenWidth = (int)tk.getScreenSize().getWidth();
		int screenHeight = (int)tk.getScreenSize().getHeight();
		this.setSize(600, 428);//设置窗体大小--像素；大小要与背景图片一样并且加上标题框高度+28
		this.setLocation((screenWidth-600)/2, (screenHeight-428)/2);//设置窗体的位置
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置窗体关闭即退出程序
		this.setTitle("背景图片问题");//标题栏设置标题
		this.setIconImage(tk.createImage("image/icon.png"));//设置标题栏图标
		this.setResizable(false);//设置窗体改变大小的能力
		this.addContent();
		this.setVisible(true);//设置该窗体可见
	}

	private void addContent() {
		// TODO Auto-generated method stub
		this.contentP = this.getContentPane();
		this.contentP.setLayout(new BorderLayout());		
		this.backLab = new JLabel(new ImageIcon("background.jpg"));
		this.contentP.add(this.backLab);
		
		this.backLab.setLayout(null);
		
		this.okBtn = new JButton("确定");
		this.okBtn.setBounds(200,50, 80, 30);
		this.backLab.add(this.okBtn);
		
	}
}

GUI

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们

首页 > 代码库 > GUI

GUI

看完仍有疑问？有类似问题直接问程序猿