超级会员免费看
Java GUI开发：组件创建与数据获取
1. 引言
在Java编程中，图形用户界面（GUI）开发是一个重要的领域，它能让用户更直观地与程序进行交互。本文将详细介绍如何在Java中创建各种GUI组件，如按钮、标签、文本框等，以及如何从这些组件中获取用户输入的数据。
2. 添加按钮到容器
要在容器中添加按钮，需要遵循以下三个步骤：
1.
创建按钮
：通过声明
JButton
类的实例来创建按钮，并可以在构造函数中传入文本作为按钮的标签。例如，创建一个“Start”按钮：
JButton start = new JButton("Start");
-
将按钮添加到容器
：调用容器的
add()方法，并传入按钮的引用。根据所选择的布局管理器，还可以指定按钮的位置作为add()方法的第二个参数。 -
设置内容面板
：将内容面板的引用传递给
setContentPane()方法，就像将一块玻璃放入容器中，GUI元素都放置在这块玻璃上。可以通过调用getContentPane()方法来创建内容面板。
以下是一个添加两个按钮（“Start”和“Stop”）到窗口的完整示例代码：
import java.awt.*;
import javax.swing.*;
public class Demo {
public static void main(String[] args) {
Window win = new Window();
}
}
class Window extends JFrame {
public Window () {
super ("Window Title");
setSize(400,100);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container ca = getContentPane();
ca.setBackground(Color.lightGray);
FlowLayout flm = new FlowLayout();
ca.setLayout(flm);
JButton start = new JButton("Start");
ca.add(start);
JButton stop = new JButton("Stop");
ca.add(stop);
setContentPane(ca);
}
}
3. 标签和文本框
标签和文本框是最常用的GUI元素之一。标签用于在容器中显示文本，而文本框则允许用户输入文本。
3.1 创建标签
通过声明
JLabel
类的实例，并在构造函数中传入要显示的文本，即可创建标签。例如：
JLabel lab1 = new JLabel("Student Information");
3.2 创建文本框
声明
JTextField
类的实例，并向其构造函数传递两个参数。第一个参数是文本框中显示的文本，第二个参数是文本框中可输入的字符数。有些程序员会省略第一个参数，而是使用标签来标记文本框。例如：
JTextField text = new JTextField("First Name",25);
以下是一个添加标签和文本框到容器的示例代码：
import java.awt.*;
import javax.swing.*;
public class Demo {
public static void main(String[] args) {
Window win = new Window();
}
}
class Window extends JFrame {
public Window () {
super ("Window Title");
setSize(400,100);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container ca = getContentPane();
ca.setBackground(Color.lightGray);
FlowLayout flm = new FlowLayout();
ca.setLayout(flm);
JLabel lab1 = new JLabel("Student Information");
ca.add(lab1);
JTextField text = new JTextField("First Name",25);
ca.add(text);
setContentPane(ca);
}
}
4. 单选按钮和复选框
单选按钮和复选框允许用户进行选择，而不必在文本框中输入内容。
4.1 单选按钮
单选按钮通常以组的形式显示，同一组中只能选择一个单选按钮，当用户选择一个单选按钮时，组中的其他单选按钮会自动取消选择。创建单选按钮的步骤如下：
1. 声明
JRadioButton
类的实例，并在构造函数中传入文本作为标签。例如：
JRadioButton rb1 = new JRadioButton("Pass");
-
创建单选按钮组：声明
ButtonGroup类的实例。例如：
ButtonGroup passFail = new ButtonGroup();
-
将单选按钮添加到按钮组：调用
ButtonGroup实例的add()方法。例如：
passFail.add(rb1);
-
将按钮组添加到内容面板：调用内容面板的
add()方法。
4.2 复选框
复选框不分组，用户可以选择不选、全选或选择部分复选框。通过声明
JCheckBox
类的实例，并在构造函数中传入文本作为标签来创建复选框。例如：
JCheckBox cb1 = new JCheckBox("Completed");
然后将复选框的引用传递给内容面板的
add()
方法，使其显示在内容面板中。
以下是一个显示单选按钮和复选框的示例代码：
import java.awt.*;
import javax.swing.*;
public class Demo {
public static void main(String[] args) {
Window win = new Window();
}
}
class Window extends JFrame {
public Window () {
super ("Window Title");
setSize(400,100);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container ca = getContentPane();
ca.setBackground(Color.lightGray);
FlowLayout flm = new FlowLayout();
ca.setLayout(flm);
JCheckBox cb1 = new JCheckBox("Completed");
ButtonGroup passFail = new ButtonGroup();
JRadioButton rb1 = new JRadioButton("Pass");
JRadioButton rb2 = new JRadioButton("Fail");
passFail.add(rb1);
passFail.add(rb2);
ca.add(cb1);
ca.add(rb1);
ca.add(rb2);
setContentPane(ca);
}
}
5. 组合框
组合框允许用户从下拉菜单中的项目列表中选择一个项目。创建组合框的步骤如下：
1. 声明
JComboBox
类的实例。例如：
JComboBox combo1 = new JComboBox();
-
插入项目到下拉列表：调用
JComboBox的addItem()方法，并传入要添加的项目文本。例如：
combo1.addItem("One");
-
将组合框添加到内容面板：调用内容面板的
add()方法。 -
设置内容面板：调用
setContentPane()方法。
以下是一个创建组合框的示例代码：
import java.awt.*;
import javax.swing.*;
public class Demo {
public static void main(String[] args) {
Window win = new Window();
}
}
class Window extends JFrame {
public Window () {
super ("Window Title");
setSize(400,100);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container ca = getContentPane();
FlowLayout flm = new FlowLayout();
ca.setLayout(flm);
ca.setBackground(Color.lightGray);
JComboBox combo1 = new JComboBox();
combo1.addItem("One");
combo1.addItem("Two");
combo1.addItem("Three");
ca.add(combo1);
setContentPane(ca);
}
}
6. 文本区域
文本区域用于在窗口中放置一块文本。创建文本区域的步骤如下：
1. 声明
JTextArea
类的实例，并可以在构造函数中传入默认文本、行数和每行的字符数。例如：
JTextArea ta = new JTextArea("Default text",5, 30);
-
可以使用
setText()方法设置文本区域中的文本。例如：
ta.setText("Default text");
-
可以通过
setEditable()方法设置文本区域是否可编辑。例如，设置为可编辑：
ta.setEditable(true);
以下是一个创建文本区域的示例代码：
import java.awt.*;
import javax.swing.*;
public class Demo {
public static void main(String[] args) {
Window win = new Window();
}
}
class Window extends JFrame {
public Window () {
super ("Window Title");
setSize(400,100);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container ca = getContentPane();
FlowLayout flm = new FlowLayout();
ca.setLayout(flm);
ca.setBackground(Color.lightGray);
JTextArea ta = new JTextArea("Default text",5, 30);
ca.add(ta);
setContentPane(ca);
}
}
7. 滚动面板
当GUI元素的内容超出分配的空间时，可以使用滚动面板让用户通过滚动条查看额外的内容。创建滚动面板的步骤如下：
1. 声明
JScrollPane
类的实例，并传入三个参数：要使用滚动条的GUI元素的引用、垂直滚动条的行为常量和水平滚动条的行为常量。例如：
JScrollPane sp = new JScrollPane(
ta, JScrollPane.VERTICAL_SCROLLBAR_ALWAYS,
JScrollPane.HORIZONTAL_SCROLLBAR_ALWAYS);
-
将滚动面板添加到内容面板：调用内容面板的
add()方法。 -
设置内容面板：调用
setContentPane()方法。
以下是一个使用滚动面板的示例代码：
import java.awt.*;
import javax.swing.*;
public class Demo {
public static void main(String[] args) {
Window win = new Window();
}
}
class Window extends JFrame {
public Window () {
super ("Window Title");
setSize(400,100);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container ca = getContentPane();
FlowLayout flm = new FlowLayout();
ca.setLayout(flm);
ca.setBackground(Color.lightGray);
JTextArea ta = new JTextArea("Default text",5, 30);
JScrollPane sp = new JScrollPane(
ta, JScrollPane.VERTICAL_SCROLLBAR_ALWAYS,
JScrollPane.HORIZONTAL_SCROLLBAR_ALWAYS);
ca.add(sp);
setContentPane(ca);
}
}
滚动条行为常量如下表所示：
| 常量 | 描述 |
| — | — |
|
JScrollPane.VERTICAL_SCROLLBAR_AS_NEEDED
| 仅当内容超出GUI元素的区域时显示垂直滚动条 |
|
JScrollPane.VERTICAL_SCROLLBAR_NEVER
| 即使内容超出GUI元素的区域，也不使用垂直滚动条 |
|
JScrollPane.VERTICAL_SCROLLBAR_ALWAYS
| 即使内容未超出GUI元素的区域，也始终显示垂直滚动条 |
|
JScrollPane.HORIZONTAL_SCROLLBAR_AS_NEEDED
| 仅当内容超出GUI元素的区域时显示水平滚动条 |
|
JScrollPane.HORIZONTAL_SCROLLBAR_NEVER
| 即使内容超出GUI元素的区域，也不使用水平滚动条 |
8. 从GUI组件获取数据
使用GUI元素的目的是让用户方便地向程序中输入信息。当用户与GUI元素交互时，会触发事件。程序需要具备事件监听器和处理方法（也称为事件处理方法）来对事件做出反应。
8.1 事件监听器和处理方法
事件监听器是程序的一部分，用于监视GUI，等待特定事件的发生，例如用户点击按钮。当事件发生时，监听器检测到事件并调用事件处理方法。事件处理方法是对特定事件做出反应的方法。
8.2 常用事件监听器
以下是一些常用的事件监听器及其对应的GUI元素：
| 事件监听器 | GUI元素 |
| — | — |
|
ActionListener
| 按钮 |
|
ItemListener
| 复选框、单选按钮和组合框 |
|
KeyListener
| 键盘输入 |
|
MouseListener
| 鼠标操作 |
|
MouseMotionListener
| 鼠标移动 |
8.3 使用事件监听器的步骤
- 实现适当的事件监听器接口。
-
将监听器与GUI元素关联。例如，创建一个“Copy”按钮并关联
ActionListener接口：
JButton bt = new JButton("Copy");
bt.addActionListener(this);
8.4 读取按钮事件
以下是一个读取按钮事件的示例代码，该示例显示两个文本区域和一个“Copy”按钮，当用户点击按钮时，将第一个文本区域中选中的文本复制到第二个文本区域：
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class Demo {
public static void main(String[] args) {
Window win = new Window();
}
}
class Window extends JFrame implements ActionListener {
JTextArea ta1 = new JTextArea("default text", 2, 25);
JTextArea ta2 = new JTextArea(2, 25);
JButton bt1 = new JButton("Copy");
public Window () {
super ("Hello world!");
setSize(400,200);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container ca = getContentPane();
ca.setBackground(Color.lightGray);
FlowLayout flm = new FlowLayout();
ca.setLayout(flm);
bt1.addActionListener(this);
ca.add(bt1);
ca.add(ta1);
ca.add(ta2);
setContentPane(ca);
}
public void actionPerformed(ActionEvent event) {
ta2.setText(ta1.getSelectedText());
}
}
当用户点击按钮时，
actionPerformed()
方法会被调用。可以通过
event.getSource()
方法确定哪个按钮被点击，通过
event.getActionCommand()
方法确定执行的操作类型。
9. 总结
通过本文的介绍，我们学习了如何在Java中创建各种GUI组件，包括按钮、标签、文本框、单选按钮、复选框、组合框、文本区域和滚动面板，以及如何从这些组件中获取用户输入的数据。掌握这些知识可以帮助我们开发出更加友好和易用的Java应用程序。在实际开发中，可以根据具体需求选择合适的GUI组件，并合理使用事件监听器和处理方法来实现交互功能。
以下是创建GUI组件并获取数据的整体流程图：
graph LR
A[创建窗口和容器] --> B[选择布局管理器]
B --> C[创建GUI组件]
C --> D[添加组件到容器]
D --> E[设置内容面板]
E --> F[添加事件监听器]
F --> G[处理事件获取数据]
希望本文对你的Java GUI开发有所帮助！
10. 处理多个按钮事件
在实际应用中，窗口中往往会有多个按钮，需要对不同按钮的点击事件进行区分处理。可以通过
event.getSource()
方法返回的按钮引用，使用
if
语句来判断哪个按钮被点击。
以下是一个包含多个按钮的示例代码，点击不同按钮会有不同的操作：
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class MultiButtonDemo {
public static void main(String[] args) {
MultiButtonWindow win = new MultiButtonWindow();
}
}
class MultiButtonWindow extends JFrame implements ActionListener {
JButton btn1 = new JButton("Button 1");
JButton btn2 = new JButton("Button 2");
JTextArea ta = new JTextArea(10, 20);
public MultiButtonWindow() {
super("Multi Button Window");
setSize(400, 300);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container ca = getContentPane();
ca.setBackground(Color.lightGray);
FlowLayout flm = new FlowLayout();
ca.setLayout(flm);
btn1.addActionListener(this);
btn2.addActionListener(this);
ca.add(btn1);
ca.add(btn2);
ca.add(ta);
setContentPane(ca);
}
public void actionPerformed(ActionEvent event) {
if (event.getSource() == btn1) {
ta.setText("Button 1 was clicked!");
} else if (event.getSource() == btn2) {
ta.setText("Button 2 was clicked!");
}
}
}
在这个示例中，
actionPerformed
方法根据
event.getSource()
返回的按钮引用，判断是哪个按钮被点击，并在文本区域显示相应的信息。
11. 文本区域的更多操作
文本区域除了可以设置默认文本、可编辑性外，还可以进行更多的操作，如获取文本内容、追加文本等。
11.1 获取文本内容
可以使用
getText()
方法获取文本区域中的所有文本。以下是一个示例：
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class GetTextDemo {
public static void main(String[] args) {
GetTextWindow win = new GetTextWindow();
}
}
class GetTextWindow extends JFrame implements ActionListener {
JTextArea ta = new JTextArea("Initial text", 10, 20);
JButton btn = new JButton("Get Text");
public GetTextWindow() {
super("Get Text from TextArea");
setSize(400, 300);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container ca = getContentPane();
ca.setBackground(Color.lightGray);
FlowLayout flm = new FlowLayout();
ca.setLayout(flm);
btn.addActionListener(this);
ca.add(ta);
ca.add(btn);
setContentPane(ca);
}
public void actionPerformed(ActionEvent event) {
if (event.getSource() == btn) {
String text = ta.getText();
JOptionPane.showMessageDialog(this, "Text in text area: " + text);
}
}
}
11.2 追加文本
使用
append()
方法可以在文本区域的末尾追加文本。示例如下：
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class AppendTextDemo {
public static void main(String[] args) {
AppendTextWindow win = new AppendTextWindow();
}
}
class AppendTextWindow extends JFrame implements ActionListener {
JTextArea ta = new JTextArea("Initial text", 10, 20);
JButton btn = new JButton("Append Text");
public AppendTextWindow() {
super("Append Text to TextArea");
setSize(400, 300);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container ca = getContentPane();
ca.setBackground(Color.lightGray);
FlowLayout flm = new FlowLayout();
ca.setLayout(flm);
btn.addActionListener(this);
ca.add(ta);
ca.add(btn);
setContentPane(ca);
}
public void actionPerformed(ActionEvent event) {
if (event.getSource() == btn) {
ta.append("\nAppended text");
}
}
}
12. 组合框的选择事件处理
组合框的选择事件可以使用
ItemListener
来处理。当用户选择组合框中的不同项目时，会触发相应的事件。
以下是一个处理组合框选择事件的示例代码：
import javax.swing.*;
import java.awt.*;
import java.awt.event.ItemEvent;
import java.awt.event.ItemListener;
public class ComboBoxSelectionDemo {
public static void main(String[] args) {
ComboBoxSelectionWindow win = new ComboBoxSelectionWindow();
}
}
class ComboBoxSelectionWindow extends JFrame implements ItemListener {
JComboBox<String> comboBox = new JComboBox<>();
JLabel label = new JLabel("Selected: ");
public ComboBoxSelectionWindow() {
super("ComboBox Selection Demo");
setSize(400, 200);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container ca = getContentPane();
ca.setBackground(Color.lightGray);
FlowLayout flm = new FlowLayout();
ca.setLayout(flm);
comboBox.addItem("Option 1");
comboBox.addItem("Option 2");
comboBox.addItem("Option 3");
comboBox.addItemListener(this);
ca.add(comboBox);
ca.add(label);
setContentPane(ca);
}
public void itemStateChanged(ItemEvent event) {
if (event.getStateChange() == ItemEvent.SELECTED) {
String selectedItem = (String) comboBox.getSelectedItem();
label.setText("Selected: " + selectedItem);
}
}
}
在这个示例中，当用户选择组合框中的不同项目时，
itemStateChanged
方法会被调用，更新标签显示当前选择的项目。
13. 复选框和单选按钮的状态获取
13.1 复选框状态获取
可以使用
isSelected()
方法获取复选框的选中状态。以下是一个示例：
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class CheckBoxStateDemo {
public static void main(String[] args) {
CheckBoxStateWindow win = new CheckBoxStateWindow();
}
}
class CheckBoxStateWindow extends JFrame implements ActionListener {
JCheckBox checkBox = new JCheckBox("Check me");
JButton btn = new JButton("Get State");
JLabel label = new JLabel("State: ");
public CheckBoxStateWindow() {
super("CheckBox State Demo");
setSize(300, 200);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container ca = getContentPane();
ca.setBackground(Color.lightGray);
FlowLayout flm = new FlowLayout();
ca.setLayout(flm);
btn.addActionListener(this);
ca.add(checkBox);
ca.add(btn);
ca.add(label);
setContentPane(ca);
}
public void actionPerformed(ActionEvent event) {
if (event.getSource() == btn) {
boolean isChecked = checkBox.isSelected();
label.setText("State: " + (isChecked ? "Checked" : "Unchecked"));
}
}
}
13.2 单选按钮状态获取
对于单选按钮组，可以通过遍历按钮组中的按钮，使用
isSelected()
方法来确定哪个按钮被选中。以下是一个示例：
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class RadioButtonStateDemo {
public static void main(String[] args) {
RadioButtonStateWindow win = new RadioButtonStateWindow();
}
}
class RadioButtonStateWindow extends JFrame implements ActionListener {
JRadioButton rb1 = new JRadioButton("Option 1");
JRadioButton rb2 = new JRadioButton("Option 2");
ButtonGroup group = new ButtonGroup();
JButton btn = new JButton("Get State");
JLabel label = new JLabel("Selected: ");
public RadioButtonStateWindow() {
super("RadioButton State Demo");
setSize(300, 200);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container ca = getContentPane();
ca.setBackground(Color.lightGray);
FlowLayout flm = new FlowLayout();
ca.setLayout(flm);
group.add(rb1);
group.add(rb2);
btn.addActionListener(this);
ca.add(rb1);
ca.add(rb2);
ca.add(btn);
ca.add(label);
setContentPane(ca);
}
public void actionPerformed(ActionEvent event) {
if (event.getSource() == btn) {
if (rb1.isSelected()) {
label.setText("Selected: Option 1");
} else if (rb2.isSelected()) {
label.setText("Selected: Option 2");
}
}
}
}
14. 总结与回顾
14.1 关键知识点总结
- GUI组件创建 ：学会了创建按钮、标签、文本框、单选按钮、复选框、组合框、文本区域和滚动面板等常见GUI组件。
- 布局管理 ：理解了选择合适的布局管理器来安排组件的位置。
- 事件处理 ：掌握了使用事件监听器和处理方法来处理用户与GUI组件的交互事件，包括按钮点击、组合框选择、复选框和单选按钮状态改变等。
- 数据获取 ：能够从各种GUI组件中获取用户输入的数据，如文本区域的文本、组合框的选择项目、复选框和单选按钮的状态等。
14.2 整体流程回顾
创建GUI应用程序的整体流程可以总结如下：
1. 创建窗口和容器。
2. 选择合适的布局管理器。
3. 创建各种GUI组件。
4. 将组件添加到容器中。
5. 设置内容面板。
6. 为需要的组件添加事件监听器。
7. 实现事件处理方法，对用户的交互事件做出响应，获取和处理数据。
以下是一个总结的表格，对比不同GUI组件的创建和使用要点：
| 组件类型 | 创建方法 | 常用操作 | 事件监听器 |
| — | — | — | — |
| 按钮 |
JButton btn = new JButton("Label");
| 添加到容器、处理点击事件 |
ActionListener
|
| 标签 |
JLabel label = new JLabel("Text");
| 显示文本 | 无 |
| 文本框 |
JTextField textField = new JTextField("Default", length);
| 获取和设置文本 | 无 |
| 单选按钮 |
JRadioButton rb = new JRadioButton("Label");
ButtonGroup group = new ButtonGroup();
group.add(rb);
| 获取选中状态 |
ActionListener
|
| 复选框 |
JCheckBox cb = new JCheckBox("Label");
| 获取选中状态 |
ActionListener
|
| 组合框 |
JComboBox comboBox = new JComboBox();
comboBox.addItem("Item");
| 获取选择项目 |
ItemListener
|
| 文本区域 |
JTextArea ta = new JTextArea("Text", rows, cols);
| 获取和设置文本、追加文本 | 无 |
| 滚动面板 |
JScrollPane sp = new JScrollPane(ta, vertical, horizontal);
| 显示滚动内容 | 无 |
通过掌握这些知识和技能，你可以开发出功能丰富、交互性强的Java GUI应用程序。希望本文能帮助你在Java GUI开发的道路上不断前进！
graph LR
A[创建窗口和容器] --> B[选择布局管理器]
B --> C1[创建按钮]
B --> C2[创建标签]
B --> C3[创建文本框]
B --> C4[创建单选按钮和组]
B --> C5[创建复选框]
B --> C6[创建组合框]
B --> C7[创建文本区域]
B --> C8[创建滚动面板]
C1 --> D[添加到容器]
C2 --> D
C3 --> D
C4 --> D
C5 --> D
C6 --> D
C7 --> D
C8 --> D
D --> E[设置内容面板]
E --> F[添加事件监听器]
F --> G[处理事件获取数据]
扫一扫
1722
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
