java图形用户界面交互_图形用户界面（graphical user interface）

1 java中提供的类库

1.1 定义

AWT(abstract windows toolkit)抽象窗口工具包：提供了与本地图形界面进行交互的接口，AWT中提供的图形函数与操作系统的图形函数有着对应关系。(为了实现java的平台通用性，AWT牺牲了部分功能，整合所有操作系统的共有图形函数，形成了AWT工具包；由于依赖于本地函数，AWT控件也叫重量级控件)

Swing是在AWT的基础上构建的一套新的图形函数库，提供了所有AWT的功能，并用100%的java代码对AWT进行了扩充。(平台通用性更好，不使用本地图形操作函数，Swing控件也叫轻量级控件)

AWT与Swing区别：AWT速度快，Swing速度慢，但移植性更好

1.2 java包

java.awt包：Frame Button Label  TextField TextArea Panel

javax.swing包：JFrame JButton JLabel JTextField JTextArea JPanel

1.3 组件分类

java中构成用户图形界面的各个元素，统称为组件(Component)

Component又分为容器(Container)和非容器两大类

容器又分为顶层容器和非顶层容器

1.3.1 Component类

是所有图形化组件和容器的抽象父类，其中定义了每个容器和组件都可能用到的通用方法

getBounds() , getSize(), getLocation(), getHeight(), getWidth()

setVisible(), setEnabled(),setBackground(), setForeground()

getGraphics()

requestFocus()

1.3.2 Swing容器

顶层容器：JFrame, JDialog, JApplet

非顶层容器：JComponent

2 实现图形界面

2.1 实现图形界面的三步曲：

创建组件(Component)：创建组成界面的各种元素，如按钮、文本框等。

指定布局(Layout)：根据具体需要排列它们的位置关系。

响应事件(Event) ： 定义图形用户界面的事件和各界面元素对不同事件的响应， 从而实现图形用户界面与用户 的交互功能。

2.2 示例

import java.awt.*;import javax.swing.*;public class ButtonDemo extendsJFrame {

JButton btn1= new JButton("Jbutton1");

JButton btn2= new JButton("dddd");

JTextField txt= new JTextField(20);publicButtonDemo(){super("test button");

btn1.setToolTipText("显示点选按钮");

btn2.setIcon(new ImageIcon("cupHJbutton.gif"));

setLayout(newFlowLayout());

getContentPane().add(btn1);

getContentPane().add(btn2);

getContentPane().add(txt);

setSize(400,300);

setDefaultCloseOperation(EXIT_ON_CLOSE);

btn1.addActionListener((e)->{

String name=((JButton)(e.getSource())).getText();

txt.setText(name+ " Pressed");

});

btn2.addActionListener((e)->{

String name=((JButton)(e.getSource())).getText();

txt.setText(name+ " Pressed");

});

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

new ButtonDemo().setVisible(true);

}

}

View Code

3 布局管理

3.1 Java.awt包

常用的三种：FlowLayout BorderLayout GridLayout，还有CardLayout, GridBagLayout等

3.1 FlowLayout

对组件逐行定位，行内从左到右，一行排满后换行

默认对齐方式为居中对齐，水平和竖直间距为缺省值为5

不改变组件的大小，按组件原有尺寸显示组件

FlowLayout是Panel类的默认布局管理器

3.2 BorderLayout 布局管理器

BorderLayout将整个容器的布局划分成东、西、南、北、中五个区域，组件只能被添加 到指定的区域

如不指定组件的加入部位，则默认加入到Center区域

每个区域只能加入一个组件，如加入多个，则先前加入的组件会被遗弃

BorderLayout是Frame类的默认布局管理器

3.3 GridLayout 布局管理器

GridLayout型布局管理器将布局划分成规则的矩形网格，每个单元格区域大小相等.

组件被添加到每个单元格中，先从左到右添满一行后换行，再从上到下.

在GridLayout构造方法中指定分割的行数和列数.

3.4 CardLayout 布局管理器

CardLayout布局管理器能够帮助用户处理两个以至更多的成员共享同 一显示空间，就好象一叠卡片摞在一起。

3.5 默认的布局管理器

4 事件处理

4.1 定义

事件event：鼠标，键盘，布局改变等各种操作

事件监听器event Listener：对事件作出相应响应的程序，是AWTEventListener的子接口

4.2 事件适配器Adapter-----简化Listener

如WindowListener有7个方法，即使一些方法不做任何事情也得书写完全

在适配器类中，实现了相应监听接口的所有方法，但不做任何事情

在extends事件适配器类时，只需要override自己所需要的方法即可

4.3 事件处理的步骤

创建监听器，并实现监听功能

为监听器注册待监听对象

4.4 创建监听器的6种方法

4.4.1 通过类本身实现监听器

import java.awt.*;import java.awt.event.*;import javax.swing.*;public class TestActionEventByAnonymous extends JFrame implementsActionListener{

JTextField txt= new JTextField( 20);

JPanel pnl= newJPanel();

JButton b1= new JButton("1");

JButton b2= new JButton("2");

JButton b3= new JButton("3");

JButton b4= new JButton("4");public voidactionPerformed(ActionEvent e){if(e.getSource() ==b1)

txt.setText("b1" + " Pressed");else if(e.getSource() ==b2)

txt.setText("b2" + " Pressed");

}publicTestActionEventByAnonymous(){super("Nested Container");

pnl.setLayout(new GridLayout(2,2));

pnl.add(b1); pnl.add(b2);

pnl.add(b3); pnl.add(b4);

add(txt, BorderLayout.NORTH);

add(pnl, BorderLayout.CENTER);

b1.addActionListener(this);

b2.addActionListener(this);

setSize(200, 120);

setDefaultCloseOperation(EXIT_ON_CLOSE);

setVisible(true);

}public static voidmain(String args[]) {newTestActionEventByAnonymous();

}

}

View Code

4.4.2 通过外部类实现监听器

import java.awt.*;import java.awt.event.*;import javax.swing.*;public class TestActionEventByAnonymous extendsJFrame {

JTextField txt= new JTextField( 20);

JPanel pnl= newJPanel();

JButton b1= new JButton("1");

JButton b2= new JButton("2");

JButton b3= new JButton("3");

JButton b4= new JButton("4");publicTestActionEventByAnonymous(){super("Nested Container");

pnl.setLayout(new GridLayout(2,2));

pnl.add(b1); pnl.add(b2);

pnl.add(b3); pnl.add(b4);

add(txt, BorderLayout.NORTH);

add(pnl, BorderLayout.CENTER);

ButtonEventListener btnListener= newButtonEventListener(txt);

ButtonEventListener btnListener2= newButtonEventListener(txt);

b1.addActionListener(btnListener);

b2.addActionListener(btnListener2);

setSize(200, 120);

setDefaultCloseOperation(EXIT_ON_CLOSE);

setVisible(true);

}public static voidmain(String args[]) {newTestActionEventByAnonymous();

}

}//外部类DialogEventListener，实现ActionListener接口

class ButtonEventListener implementsActionListener {

JTextField txt;publicButtonEventListener(JTextField txt){this.txt =txt;

}

@Overridepublic voidactionPerformed(ActionEvent e) {//创建JDialog窗口对象

String name =((JButton)e.getSource()).getText();

txt.setText(name+ " Pressed");

}

}

View Code

4.4.3 通过内部类实现监听器

import java.awt.*;import java.awt.event.*;import javax.swing.*;public class TestActionEventByAnonymous extendsJFrame {

JTextField txt= new JTextField( 20);

JPanel pnl= newJPanel();

JButton b1= new JButton("1");

JButton b2= new JButton("2");

JButton b3= new JButton("3");

JButton b4= new JButton("4");//外部类DialogEventListener，实现ActionListener接口

class ButtonEventListener implementsActionListener {

@Overridepublic voidactionPerformed(ActionEvent e) {//创建JDialog窗口对象

String name =((JButton)e.getSource()).getText();

txt.setText(name+ " Pressed");

}

}publicTestActionEventByAnonymous(){super("Nested Container");

pnl.setLayout(new GridLayout(2,2));

pnl.add(b1); pnl.add(b2);

pnl.add(b3); pnl.add(b4);

add(txt, BorderLayout.NORTH);

add(pnl, BorderLayout.CENTER);

ButtonEventListener btnListener= newButtonEventListener();

b1.addActionListener(btnListener);

b2.addActionListener(btnListener);

setSize(200, 120);

setDefaultCloseOperation(EXIT_ON_CLOSE);

setVisible(true);

}public static voidmain(String args[]) {newTestActionEventByAnonymous();

}

}

View Code

4.4.4 通过局部类实现监听器

import java.awt.*;import java.awt.event.*;import javax.swing.*;public class TestActionEventByAnonymous extendsJFrame {

JTextField txt= new JTextField( 20);

JPanel pnl= newJPanel();

JButton b1= new JButton("1");

JButton b2= new JButton("2");

JButton b3= new JButton("3");

JButton b4= new JButton("4");publicTestActionEventByAnonymous(){super("Nested Container");

pnl.setLayout(new GridLayout(2,2));

pnl.add(b1); pnl.add(b2);

pnl.add(b3); pnl.add(b4);

add(txt, BorderLayout.NORTH);

add(pnl, BorderLayout.CENTER);//局部类DialogEventListener，实现ActionListener接口

class ButtonEventListener implementsActionListener {

@Overridepublic voidactionPerformed(ActionEvent e) {//创建JDialog窗口对象

String name =((JButton)e.getSource()).getText();

txt.setText(name+ " Pressed");

}

}

ButtonEventListener btnListener= newButtonEventListener();

b1.addActionListener(btnListener);

b2.addActionListener(btnListener);

setSize(200, 120);

setDefaultCloseOperation(EXIT_ON_CLOSE);

setVisible(true);

}public static voidmain(String args[]) {newTestActionEventByAnonymous();

}

}

View Code

4.4.5 通过匿名类实现监听器

import java.awt.*;import java.awt.event.*;import javax.swing.*;public class TestActionEventByAnonymous extendsJFrame {

JTextField txt= new JTextField( 20);

JPanel pnl= newJPanel();

JButton b1= new JButton("1");

JButton b2= new JButton("2");

JButton b3= new JButton("3");

JButton b4= new JButton("4");publicTestActionEventByAnonymous(){super("Nested Container");

pnl.setLayout(new GridLayout(2,2));

pnl.add(b1); pnl.add(b2);

pnl.add(b3); pnl.add(b4);

add(txt, BorderLayout.NORTH);

add(pnl, BorderLayout.CENTER);//局部类DialogEventListener，实现ActionListener接口

class ButtonEventListener implementsActionListener {

@Overridepublic voidactionPerformed(ActionEvent e) {//创建JDialog窗口对象

String name =((JButton)e.getSource()).getText();

txt.setText(name+ " Pressed");

}

}

b1.addActionListener(newActionListener(){public voidactionPerformed(ActionEvent e) {

txt.setText("b1" + " Pressed");

}

});

b2.addActionListener(newActionListener(){public voidactionPerformed(ActionEvent e) {

txt.setText("b2" + " Pressed");

}

});

setSize(200, 120);

setDefaultCloseOperation(EXIT_ON_CLOSE);

setVisible(true);

}public static voidmain(String args[]) {newTestActionEventByAnonymous();

}

}

View Code

4.4.6 通过lambda表达式实现监听器

import java.awt.*;import java.awt.event.*;import javax.swing.*;public class TestActionEventByAnonymous extendsJFrame {

JTextField txt= new JTextField( 20);

JPanel pnl= newJPanel();

JButton b1= new JButton("1");

JButton b2= new JButton("2");

JButton b3= new JButton("3");

JButton b4= new JButton("4");publicTestActionEventByAnonymous(){super("Nested Container");

pnl.setLayout(new GridLayout(2,2));

pnl.add(b1); pnl.add(b2);

pnl.add(b3); pnl.add(b4);

add(txt, BorderLayout.NORTH);

add(pnl, BorderLayout.CENTER);//局部类DialogEventListener，实现ActionListener接口

class ButtonEventListener implementsActionListener {

@Overridepublic voidactionPerformed(ActionEvent e) {//创建JDialog窗口对象

String name =((JButton)e.getSource()).getText();

txt.setText(name+ " Pressed");

}

}

b1.addActionListener(e->{

txt.setText("b1" + " Pressed");

});

b2.addActionListener(e->{

txt.setText("b2" + " Pressed");

});

setSize(200, 120);

setDefaultCloseOperation(EXIT_ON_CLOSE);

setVisible(true);

}public static voidmain(String args[]) {newTestActionEventByAnonymous();

}

}

View Code

4.4.7 总结

类自身实现监听器的方法通过implements多个接口，可以实现创建多个监听器

内部类/外部类均能实现一个监听器监听多个对象，或创建多个监听器，但外部类处理对象不方便

局部类不能够在函数体外创建监听器，但是在函数体内能够监听多个对象，并能够创建多个监听器

匿名类对于多个监听器监听同一个对象

lambda表达式只适用于仅有一个接口的监听器

4.5 事件与线程

线程中，如果要更新界面，要放到the event dispatching thread ，即要调用 SwingUtilities.invokeLater()方法

5 应用示例

简单文本编辑器

import java.awt.*;import java.awt.event.*;import java.io.*;import java.util.logging.*;import javax.swing.*;public classTextEditors {public static voidmain( String [] args){

javax.swing.SwingUtilities.invokeLater(newRunnable() {

@Overridepublic voidrun() {

TextDAL dal= newFileTextDAL();

TextEditorFrame f= newTextEditorFrame(dal);

f.setTitle("简单的编辑器");

f.setSize(800, 600);

f.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);

f.setVisible(true);

}

});

}

}class TextEditorFrame extendsJFrame{

JTextPane text= newJTextPane();

JFileChooser fileChooser= newJFileChooser();

JColorChooser colorChoser= newJColorChooser();

JDialog about= newJDialog();

JMenuBar menuBar= newJMenuBar();

TextDAL dal= null;

File file= null;

Color color=Color.BLACK;

TextEditorFrame(TextDAL dal){this.dal =dal;

initTextPane();

initMenu();

initAboutDialog();

initToolBar();

}voidinitTextPane(){

getContentPane().add(newJScrollPane(text));

}

JMenu[] menus= new JMenu[]{new JMenu("File"),new JMenu("Edit"), new JMenu("Help")

};

JMenuItem[][] menuItems= newJMenuItem[][]{

{new JMenuItem("New"), new JMenuItem("Open..."), new JMenuItem("Save..."),new JMenuItem("Exit")},

{new JMenuItem("Copy"), new JMenuItem("Paste"), new JMenuItem("Cut"),new JMenuItem("Color...")},

{new JMenuItem("About")}

};voidinitMenu(){for(int i=0; i

menuBar.add(menus[i]);for(int j=0; j

menus[i].add(menuItems[i][j]);

menuItems[i][j].addActionListener(action);

}

}this.setJMenuBar( menuBar );

}

ActionListener action= newActionListener(){public voidactionPerformed(ActionEvent evt){

JMenuItem mi=(JMenuItem)evt.getSource();

String id=mi.getText();if(id.equals("New")){

text.setText("");

file= null;

}else if(id.equals("Open...")){if(file != null) fileChooser.setSelectedFile(file);int returnVal = fileChooser.showOpenDialog(TextEditorFrame.this);if(returnVal ==JFileChooser.APPROVE_OPTION){

file=fileChooser.getSelectedFile();

openFile();

}

}else if(id.equals("Save...")){if(file != null) fileChooser.setSelectedFile(file);int returnVal = fileChooser.showSaveDialog(TextEditorFrame.this);if(returnVal ==JFileChooser.APPROVE_OPTION) {

file=fileChooser.getSelectedFile();

saveFile();

}

}else if( id.equals("Exit")){

System.exit(0);

}else if( id.equals("Cut")){

text.cut();

}else if( id.equals("Copy")){

text.copy();

}else if( id.equals("Paste")){

text.paste();

}else if( id.equals("Color...")){

color= JColorChooser.showDialog(TextEditorFrame.this, "", color );

text.setForeground(color);

}else if( id.equals("About")){

about.setSize(100,50);

about.setVisible(true);

}

}

};void saveFile(){ //保存文件，将字符写入文件

String content =text.getText();

dal.save(file, content);

}void openFile(){ //读入文件，并将字符置入文本框中

String content =dal.read(file);

text.setText(content);

}voidinitAboutDialog(){

about.getContentPane().add(new JLabel("简单编辑器 V1.0") );

about.setModal(true);

about.setSize(100,50);

}

JToolBar toolBar= newJToolBar();

JButton[] buttons= newJButton[]{new JButton("", new ImageIcon("copy.jpg")),new JButton("", new ImageIcon("cut.jpg")),new JButton("", new ImageIcon("paste.jpg")),

};voidinitToolBar(){for(int i=0; i

toolBar.add(buttons[i]);

buttons[0].setToolTipText( "copy");

buttons[0].addActionListener( newActionListener(){public voidactionPerformed( ActionEvent e ){

text.copy();

}

});

buttons[1].setToolTipText( "cut");

buttons[1].addActionListener( newActionListener(){public voidactionPerformed( ActionEvent e ){

text.cut();

}

});

buttons[2].setToolTipText( "paste");

buttons[2].addActionListener( newActionListener(){public voidactionPerformed( ActionEvent e ){

text.paste();

}

});this.getContentPane().add( toolBar, BorderLayout.NORTH );

toolBar.setRollover(true);

}

}//------------- 关于数据存取、关于日志 ---------------

interfaceTextDAL {

String read(File file);voidsave(File file, String text);

}class FileTextDAL implementsTextDAL {

@OverridepublicString read(File file) {

logger.log(Level.INFO,"read", "read..." +file.getPath());try{

FileReader fr= newFileReader( file );int len = (int) file.length();char [] buffer = new char[len];

fr.read( buffer,0, len );

fr.close();return newString( buffer );

}catch(Exception e ){

e.printStackTrace();

logger.log(Level.SEVERE,null, e);

}return "";

}

@Overridepublic voidsave(File file, String text) {

logger.log(Level.INFO,"save", "save..." +file.getPath());try{

FileWriter fw= newFileWriter( file );

fw.write( text );

fw.close();

}catch(Exception ex ){

ex.printStackTrace();

logger.log(Level.SEVERE,null, ex);

}

}//加点日志处理

Logger logger = Logger.getLogger( FileTextDAL.class.getName());

{try{

FileHandler handler= new FileHandler("TextEditorApp2.log");//可以用 %h/xxxx.log表示在用户主目录下

handler.setFormatter( newSimpleFormatter());

logger.addHandler(handler);

}catch(IOException ex){}

}

}

View Code