• [java/初学者/GUI编程]GUI界面设计——界面组件类

     前言

    GUI，即图形用户界面，其英文全称是Graphics User Interface。

    它是基于图形的界面,windows就是一个图形用户界面的操作系统,而DOS是基于命令提示符的操作系统,GUI编程就是编出一个图形用户界面的软件，它使用图形的方式，以菜单、按钮、表示、图文框等标准界面元素组成的用户操作界面。

    所有的图形用户界面程序（GUI编程），都要解决以下两个方面的问题：

    1. 界面设计
    2. 事件处理

    针对GUI编程，java提供的诸多的类，这些类都存在于两个包内。

    java.awt包，简称AWT；

    AWT包是sun最早推出的一套API，它需要利用本地操作系统所提供的图形库。

    1. 属于重量级组件；
    2. 不能跨平台；
    3. 组件种类有限 ；

    虽然可以提供最基本的GUI设计工具，但却无法实现目前GUI设计所需的所有功能； 

    java.swing包，简称Swing;

    Swing包是AWT包经过改进后推出的，并且由纯java语言编写

    1. 属于轻量级组件；
    2. 可跨平台；
    3. 提供了比AWT更加丰富的组件和功能，足以满足GUI设计的一切需求。

    Swing会用到许多AWT的相关知识，例如AWT布局管理和AWT事件处理机制等。

    经过以上段落，我们GUI编程应该有了一些了解，

    本章就让我们学习一下GUI界面设计中的界面组件类吧！

    Link Start！

     GUI界面设计包括界面元素的创建以及界面的布局。

    这个界面元素还有另一种叫法，那就是组件，在前言中我们提到，java的界面组件类在AWT包和Swing包中，其主要有：

    • 容器类组件
    • 非容器类组件
    • 菜单类组件等等

    而页面的布局可以通过布局管理器类来实现，它也存在于AWT包和Swing包中，在实际编程中可以选用不同的布局管理器。

    1、常用AWT组件

    ①：窗体容器类——Frame

    Frame是最常用的容器之一，它是Window类的派生类，利用它可以创建一个带有标题栏、可选菜单条、最小化和关闭按钮、有边界的标准窗口。

    一般将它作为图形用户界面的最外层的容器，它可以包含其他的容器或组件，但其他的容器不能包含它。

    其构造方法如下：

    1. Frame();
    2. //创建一个无标题的窗口，该窗口的默认布局为BorderLayout
    3.  
    4. Frame(String title);
    5. //创建一个标题为title的窗口，该窗口的默认布局为BorderLayout

    常用方法如下：

    1. public Component add(Compoent c)
    2. //将组件c添加到容器中
    3.  
    4. public void setTitle(String s);
    5. //设置窗口的标题为s
    6.  
    7. public void setSize(int width,int height);
    8. //设置窗口的宽width和高height
    9.  
    10. public void setBounds(int a,int b,int width,int height);
    11. //设置窗口出现在屏幕上的位置(a,b)，以及窗口的宽width和高height
    12.  
    13. public void setResizable(boolean b);
    14. //设置窗口在运行时是否可调整大小；默认是可调整大小的
    15.  
    16. public void setVisible(boolean b);
    17. //设置窗口在运行时是否可见；默认是不可见的
    18.  
    19. System.exit(0);
    20. //撤销所有的窗口
    21.

    需要注意的是，Frame窗口在默认情况下是不可见的。

    如若要让他显现出来，就必须调setVisible（）方法或者show（）方法。

    下面是利用所示方法所编写的一个实例：

    1. import java.awt.Frame;//导入包
    2.  
    3. public class Start extends Frame
    4. {
    5.     public static void main(String[]args)
    6.     {
    7.         Start frame=new Start();//创建对象
    8.         frame.setBounds(400,200,500,200);//设置窗口的位置和大小
    9.         frame.setTitle("Frame实例窗口");//设置窗口的标题
    10.         frame.setVisible(true);//设置窗口为可见
    11.     }
    12. }

    结果如图所示：

     ②：窗格容器类——Panel

    Panel是一个较为简单的容器。

    可以将其他的图形用户界面组件置于其上，或者放置另一个Panel（Panel嵌套）。

    一般我们使用Panel把一些相关操作的组件组织起来，从而构建出操作简单、布局良好的用户界面。

    虽然Panel类本身并没有多少方法，但其继承了Container和Component类的所有可用的方法。

    其构造方法如下：

    1. Panel();
    2. //创建一个Panel对象，并使用默认的布局管理器BorderLayout摆放添加到窗格上的组件对象
    3.  
    4. Panel(LayoutManager layout);
    5. //创建一个Panel对象，并使用layout所指定的布局管理器摆放添加到窗格上的组件对象

    常用方法如下：

    1. add(Component c)
    2. //将组件c添加到窗格上
    3.  
    4. setLayout(LayoutManager layout)
    5. //设置窗格的布局管理器为layout
    6.  
    7. setVisible(boolean b)
    8. //设置窗格是否可见，默认是可见的

    下面是利用所示方法所编写的一个实例：

    1. import java.awt.*;//导入包
    2. public class Ex11_3 extends Frame
    3. {
    4.     public static void main(String[] args) 
    5.     {
    6.         Ex11_3 frame =new Ex11_3();创建frame对象
    7.         frame.setBounds(100,100,500,200); //设置窗口大小及其位置
    8.         frame.setTitle("Frame实例窗口"); //窗口的标题
    9.  
    10.         Panel p1=new Panel();//创建窗格对象p1
    11.         p1.setBackground(Color.blue);//设置p1的背景色为蓝色
    12.         p1.setSize(200,80);//设置p1的大小
    13.  
    14.         Panel p2=new Panel();//创建窗格对象p2
    15.         p2.setBackground(Color.red);//设置p2的背景色为红色
    16.         p2.setSize(140,60);//设置p2的大小
    17.  
    18.         frame.setLayout(null);//设置窗口的布局为空布局
    19.         frame.add(p1);//将p1添加到框架窗口上
    20.         p1.setLayout(null);//设置p1的布局为null空布局
    21.  
    22.         p1.add(p2);//将p2添加到p1上
    23.         frame.setVisible(true); //设置窗口为可见
    24.     }
    25. }

    结果如图所示：

      ③：标签组件类——Label

    标签是一种只能显示文本的组件，且内容不能被编辑。

    一般用作标识或提示信息。

    其构造方法如下：

    1. Label();
    2. //创建一个空的标签
    3.  
    4. Label(String text);
    5. //创建一个标识内容为text的标签，text的内容左对齐显示
    6.  
    7. Label(String text,int alignment);
    8. //创建一个标识内容为text的标签,
    9. //text内容的显示对齐方式由alignment指定，alignment可以取类常数值

    Label标签还提供了一些类常数，用于限定对齐方式的类常数如下：

    • Label.LEFT常数值为0，表示左对齐；
    • Label.CENTER常数值为1，表示居中对齐；
    • Label.RIGHT常数值为2，表示右对齐；

    常用方法如下：

    1. String getText()
    2. //获取标签的标识内容
    3.  
    4. setText(String text)
    5. //设置标签的标识内容为text
    6.  
    7. setVisiable(boolean b)
    8. //设置标签是可见的

    ④：单行文本框组件——TextField

    单行文本框是最常用的一个组件，它可以接收用户从键盘输入的信息。

    其构造方法如下：

    1. TextField();
    2. //创建一个空的、系统默认宽度的文本框
    3.  
    4. TextField(int columns);
    5. //窗机哪一个空的并且由columns指定宽度的文本框
    6.  
    7. TextField(String text);
    8. //创建一个具有text字符串内容的文本框
    9.  
    10. TextField(String text,int columns);
    11. //创建一个具有text字符串内容且宽度为columns的文本框

    其常用方法如下：

    1. String getText();
    2. //获取文本框的内容
    3.  
    4. setText(String text);
    5. //将text字符串设置为文本框的内容
    6.  
    7. setEchoChar(char c);
    8. //设置密码输入方式，即当用户在文本框中输入字符时，无论输入任何字符，都显示c
    9.  
    10. setEditable(boolean b);
    11. //设置文本框的内容是否为可编辑
    12.  
    13. setVisible(boolean b);
    14. //设置文本框是否可见，默认的设置是true

    ⑤：多行文本框组件类——TextArea

    多行文本框呈现一个多行的矩形区域，用来编辑处理多行文本。

    其构造方法如下：

    1. TextArea();
    2. //创建一个空的多行文本框
    3.  
    4. TextArea(int rows,int columns);
    5. //创建一个具有rows行，columns列的空文本框
    6.  
    7. TextArea(String text);
    8. //创建一个具有text字符串内容的文本框

    其常用方法如下：

    1. setText(String s);
    2. //将字符串s设置为文本框的内容，替换掉原有内容
    3.  
    4. getText();
    5. //获取文本框中的内容
    6.  
    7. setEditable(boolean b);
    8. //设置文本框中的内容是可编辑的
    9.  
    10. insert(String str,int pos);
    11. //将字符串str插入到文本框中由pos指定的位置处
    12.  
    13. replaceRange(String str,int start,int end);
    14. //以str替换掉文本中以start到end位置之间的字符

    ⑥：复选框组件类——Checkbox和CheckboxGroup组件组

    复选框是一种可以多选的选择框。

    当有多个选择供用户选择时，可使用该组件类，其在外观上显示一个方框；

    当如果只是允许用户单选时，则可以讲多个Checkbox对象放在同一个CheckboxGroup组件组中，其在外观上显示为一个圆圈；

    注意:CheckboxGroup不是可视组件,它用来将Checkbox组件组合在一起，实现单选操作。

    Checkbox的构造方法如下：

    1. Checkbox();
    2. //创建一个无标识的复选框对象
    3.  
    4. Checkbox(String label);
    5. //创建一个以字符串label为标识的复选框对象
    6.  
    7. Checkbox(String label,booleam state);
    8. //创建一个以字符串label为标识的复选框对象。
    9. //若state为true，则初始状态为选中；否则未选中

    其常用方法如下：

    1. getLabel();
    2. //获得对象标识
    3.  
    4. getState();
    5. //获得对象选中或未选中状态
    6.  
    7. getCheckboxGroup();
    8. //获得对象选中或未选中状态
    9.  
    10. setLabel(String label);
    11. //设置对象的标识
    12.  
    13. setlabel(booleam state);
    14. //设置对象的状态
    15.  
    16. setCheckGroup(CheckboxGroup g);
    17. //将对象加入g组中

    ⑦：选择菜单组件类Choice

    Choice类可用来构建一个弹出式选择菜单。

    其构造方法如下：

    1. Choice();
    2. //构造一个弹出式选择项菜单对象

    其常用方法如下：

    1. add(String item);
    2. //在菜单中添加一项（item）
    3.  
    4. insert(String item,int index);
    5. //在菜单中index所指位置插入item项
    6.  
    7. remove(String item);
    8. //在菜单中移除item项
    9.  
    10. getSelectedIndex();
    11. //获取当前选中项的位置数
    12.  
    13. removeAll();
    14. //移去菜单中所有的选项

    2、常用Swing组件

    在实际应用中，Swing使用的更为广泛，且有很多组件在AWT包中都有出现，用法也很相似。

    ①：JFrame类

    JFrame其实就是之前所提到的Frame类的派生类，它是一个顶级的窗口屏幕。

    其构造方法如下：

    1. JFrame();
    2. //构造一个初始不可见的新窗体
    3.  
    4. JFrame(String text)
    5. //创建一个新的、初始不可见的、具有指定标题的新窗体

    其常用方法如下;

    1. getContentPane();
    2. //返回此类窗体的getContentPane对象
    3.  
    4. setDefaultCloseOperation();
    5. //设置用户在此窗体上发起close时默认执行的操作
    6.  
    7. setJMenuBar(JMenuBar menubar);
    8. //设置此窗体的菜单栏
    9.  
    10. setLayout(LayoutManager manager);
    11. //设置LayoutManager

    ②：JPanel类

    JPanel是面板容器类，可以加入到JFrame窗体中。

    JPanel默认的布局管理器FlowLayout,其自身可以嵌套组合，在不同的子容器中可包含其他组件，功能是对窗体上的那些控件进行组合。

    其构造方法如下：

    1. JPanel();
    2. //创建具有双缓冲和流布局的新JPanel
    3.  
    4. JPanel(LayoutManager layout);
    5. //创建具有指定布局管理器的新缓冲Jpnel

    以下为实例：

    1. import javax.swing.JFrame;
    2. import javax.swing.JPanel;
    3. public class Ex11_4
    4. {
    5.     public static void main(String[] args)
    6.     {
    7.         JFrame jf=new JFrame("JFame添加内容面板测试程序");
    8.         jf.setSize(300,200);
    9.         jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    10.         jf.setVisible(true);
    11.  
    12.         JPanel contentPane=new JPanel();
    13.         jf.setContentPane(contentPane);
    14.     }
    15. }

    下面为运行结果：

     

     

    ③：JLabel类

    该类的对象可以显示文本、图形或者同时显示二者。

    其构造方法如下：

    1. JLabel();
    2. //创建无图像且其标题栏为空字符串的JLabel
    3.  
    4. JLabel(Icon image);
    5. //创建具有指定图像的JLabel实例 
    6.  
    7. JLabel(String text);
    8. //创建具有指定文本的JLabel实例

    其常用方法如下：

    1. getText();
    2. //返回该标签所显示的文本字符串
    3.  
    4. setText(String text);
    5. //定义此组件将要显示的单行文本

    以下为实例：

    1. import javax.swing.JFrame;
    2. import javax.swing.JLabel;
    3. import javax.swing.JPanel;
    4. public class Demo3
    5. {
    6.     public static void main(String[] args)
    7.     {
    8.  
    9.         JFrame jf =new JFrame("测试程序"); //创建名为jf的窗口
    10.         jf.setSize(300,200);//设置jf窗口的大小
    11.  
    12.         jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    13.         jf.setVisible(true);//设置jf为可见
    14.  
    15.         JPanel contentPane=new JPanel();//创建名为contentPane的面板
    16.         jf.setContentPane(contentPane);//将上述面板作为jf的内容面板
    17.         
    18.         //创建两个带有指定文本的标签
    19.         JLabel label1=new JLabel("这是一个标签测试程序");
    20.         JLabel label2=new JLabel("这是一个不可编辑的标签控件");
    21.  
    22.         //将标签添加到面板上
    23.         contentPane.add(label1);
    24.         contentPane.add(label2);
    25.     }
    26. }

    下面为运行结果：

     

    ④：JButton类

    JButton是继承AbstractButton类而来，

    而AbstractButton本身就是一个抽象类，其中定义了许多组件设置的方法与组件事件驱动方法。

    其构造方法如下：

    1. JButton();
    2. //创建不带文本或图标的按钮
    3.  
    4. JButton(Icon icon);
    5. //创建带有图标的按钮
    6.  
    7. JButton(String text);
    8. //创建带有文本的按钮
    9.  
    10. JButton(String text,Icon icon);
    11. //创建一个带有文本和图标的按钮

    下面为实例：

    1. import javax.swing.*;
    2. public class Demo6
    3. {
    4.  
    5.     public static void main(String[] args)
    6.     {
    7.         JFrame jf =new JFrame("测试程序"); //创建名为jf的窗口
    8.         jf.setSize(300,200);//设置jf窗口的大小
    9.  
    10.         jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    11.         jf.setVisible(true);//设置jf为可见
    12.  
    13.         JPanel contentPane=new JPanel();//创建名为contentPane的面板
    14.         jf.setContentPane(contentPane);//将上述面板作为jf的内容面板
    15.  
    16.         //创建两个带有文本的按键
    17.         JButton b1=new JButton("确定");
    18.         JButton b2=new JButton("取消");
    19.  
    20.         //将按键添加到面板上
    21.         contentPane.add(b1);
    22.         contentPane.add(b2);
    23.  
    24.     }
    25. }

    下面为运行结果：

    ⑤：JRadioButton类

    其构造方法如下：

    1. JRadioButton();
    2. //创建一个初始化为未选择的单选按钮，其文本未设定
    3.  
    4. JRadioButton(lcon icon);
    5. //创建一个初始化为未选择的单选按钮，其具有指定的图像但无文本
    6.  
    7. JRadioButton(String text);
    8. //创建一个具有指定文本的状态为未选择的单选按钮

    下面是一个小小的实例：

    1. import javax.swing.*;
    2.  
    3. public class Demo5
    4. {
    5.     static final int WIDTH=300;
    6.     static final int HEIGHT=200;
    7.  
    8.     public static void main(String[] args)
    9.     {
    10.  
    11.         JFrame jf=new JFrame("请选择两门科目");//创建一个名为jf的，初始不可见的，具有标题的新窗体
    12.         jf.setSize(WIDTH,HEIGHT);//设置窗体的大小
    13.  
    14.         jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//关闭屏幕
    15.         jf.setVisible(true);//设置窗体可见
    16.  
    17.         JPanel contentPane = new JPanel();//创建一个名为contentPane的新面板
    18.         jf.setContentPane(contentPane);//将上述面板设置为jf的内容面板
    19.  
    20.         //创建带有文本的按钮
    21.         JRadioButton jr1=new JRadioButton("java");
    22.         JRadioButton jr2=new JRadioButton("Web前端");
    23.         JRadioButton jr3=new JRadioButton("MySQL");
    24.         JRadioButton jr4=new JRadioButton("Linux");
    25.         JRadioButton jr5=new JRadioButton("大英");
    26.         JRadioButton jr6=new JRadioButton("毛概");
    27.         JRadioButton jr7=new JRadioButton("高数");
    28.         JRadioButton jr8=new JRadioButton("数据结构");
    29.  
    30.         //创建按键组
    31.         ButtonGroup bg1=new ButtonGroup();
    32.         ButtonGroup bg2=new ButtonGroup();
    33.  
    34.         //将按键添加到按键组上
    35.         bg1.add(jr1);
    36.         bg1.add(jr2);
    37.         bg1.add(jr3);
    38.         bg1.add(jr4);
    39.  
    40.         bg2.add(jr5);
    41.         bg2.add(jr6);
    42.         bg2.add(jr7);
    43.         bg2.add(jr8);
    44.  
    45.  
    46.         //将按键添加到窗体上
    47.         contentPane.add(jr1);
    48.         contentPane.add(jr2);
    49.         contentPane.add(jr3);
    50.         contentPane.add(jr4);
    51.         contentPane.add(jr5);
    52.         contentPane.add(jr6);
    53.         contentPane.add(jr7);
    54.         contentPane.add(jr8);
    55.     }
    56.  
    57. }

    下面为运行结果：

  • 相关阅读:
    Google gtest事件机制
    Babel插件指南
    idea远程调试debug
    银河麒麟v10制作openssh 9.1 p1 rpm —— 筑梦之路
    前端编译与优化（Javac，语法糖）
    ICS TRIPLEX T8403调节器模块产品特点
    Gin：获取本机IP，获取访问IP
    [NPUCTF2020]ReadlezPHP 反序列化简单反序列
    A Survey on Bias and Fairness in Machine Learning 阅读笔记
    （附源码）node.js电商管理系统 毕业设计 251001
  • 原文地址：https://blog.csdn.net/DuFengYa/article/details/127870445