【Java GUI 编程】Swing 用户界面开发工具包

ゝ一世哀愁。 2022-12-16 09:27 328阅读 0赞

文章目录

    • Swing
    • 窗口
    • 弹窗
    • 标签
    • 面板
    • 滚动条
    • 按钮
    • 列表
    • 文本框

Swing

用户界面开发工具包，比 AWT 更加高级一点，Swing 可以使用任何可插拔的外观风格 ，用很少的代码就可以创建优雅的用户界面，工具包中所有的包都是以swing作为名称

窗口

  1. package JavaGUI;
  3. import javax.swing.*;
  4. import java.awt.*;
  6. /** * @Title: Test13JFrame * @Package JavaGUI * @Description: * @author: maze * @date 2020/10/20下午 13:57 */
  7. public class Test13JFrame { 
  8.     public static void main(String[] args) { 
  9.         new MyJFrame().init();
  10.     }
  11. }
  13. class MyJFrame extends JFrame{ 
  14.     public void init(){ 
  15.         // 获得一个容器
  16.         Container contentPane = this.getContentPane();
  17.         contentPane.setBackground(Color.red);
  19.         JLabel label = new JLabel("欢迎来到 Java !");
  20.         this.add(label);
  22.         // 水平居中标签
  23.         label.setHorizontalAlignment(SwingConstants.CENTER);
  25.         this.setVisible(true);
  26.         this.setBounds(1,1,200,200);
  27.     }
  28. }

弹窗

JDialog 用来被弹出窗口

  1. package JavaGUI;
  3. import javax.swing.*;
  4. import java.awt.*;
  5. import java.awt.event.ActionEvent;
  6. import java.awt.event.ActionListener;
  8. /** * @Title: Test15Dialog * @Package JavaGUI * @Description: * @author: maze * @date 2020/10/20下午 17:31 */
  9. public class Test15Dialog extends JFrame{ 
  10.     public Test15Dialog(){ 
  11.         this.setVisible(true);
  12.         this.setSize(700,500);
  13.         this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  14.         // 放东西,容器
  15.         Container container = this.getContentPane();
  16.         container.setLayout(null); // 绝对布局
  18.         JButton button = new JButton("点击弹出一个对话框");
  19.         button.setBounds(30,30,200,50);
  20.         // 当点击这个按钮的时候弹窗,监听器
  21.         button.addActionListener(new ActionListener() { 
  22.             @Override
  23.             public void actionPerformed(ActionEvent e) { 
  24.                 new MyDialogDemo();
  25.             }
  26.         });
  27.         container.add(button);
  28.     }
  30.     public static void main(String[] args) { 
  31.         new Test15Dialog();
  32.     }
  33. }
  35. // 弹窗的窗口
  36. class MyDialogDemo extends JDialog{ 
  37.     public MyDialogDemo(){ 
  38.         this.setVisible(true);
  39.         this.setBounds(100,100,500,500);
  40.         Container container = this.getContentPane();
  41.         container.setLayout(null); //绝对定位
  42.         container.add(new Label("学 Java GUI 编程"));
  43.     }
  44. }

在这里插入图片描述

标签

label

画了一个圆作为标签

  1. public class Test16IconDemo1 extends JFrame implements Icon { 
  3.     private int width;
  4.     private int height;
  6.     public Test16IconDemo1(){  }
  8.     public Test16IconDemo1(int width,int height){ 
  9.         this.width = width;
  10.         this.height = height;
  11.     }
  12.     public void init(){ 
  13.         Test16IconDemo1 iconDemo1 = new Test16IconDemo1(15,15);
  14.         // 图标放在标签上，也可以放在按钮上
  15.         JLabel jLabel = new JLabel("icontest",iconDemo1,SwingConstants.CENTER);
  17.         Container container = getContentPane();
  18.         container.add(jLabel);
  20.         this.setVisible(true);
  21.         this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  22.         this.setBounds(100,100,500,500);
  23.     }
  26.     public static void main(String[] args) { 
  27.         new Test16IconDemo1().init();
  28.     }
  30.     // 画了一个圆作为标签
  31.     @Override
  32.     public void paintIcon(Component c, Graphics g, int x, int y) { 
  33.         g.fillOval(x,y,width,height);
  34.     }
  36.     @Override
  37.     public int getIconWidth() { 
  38.         return this.width;
  39.     }
  41.     @Override
  42.     public int getIconHeight() { 
  43.         return this.height;
  44.     }
  45. }

效果如下

在这里插入图片描述

自定以图片作为标签

  1. package JavaGUI;
  3. import javax.swing.*;
  4. import java.awt.*;
  5. import java.net.URL;
  7. /** * @Title: * @Package * @Description: * @author: maze * @date 2020/10/20下午 18:10 */
  8. public class Test16IconDemo1 extends JFrame{ 
  9.     public void init(){ 
  10.         JLabel jLabel = new JLabel("icontest");
  11.         // 获取图片地址 
  12.         URL url = Test16IconDemo1.class.getResource("1.png");
  13.         // 加载 url
  14.         ImageIcon icon = new ImageIcon(url);
  16.         // 设置标签属性
  17.         jLabel.setIcon(icon);
  18.         jLabel.setHorizontalAlignment(SwingConstants.CENTER);
  20.         // 把标签添加到容器中
  21.         Container container = getContentPane();
  22.         container.add(jLabel);
  24.         // 设置 JFrame 窗口 
  25.         this.setVisible(true);
  26.         this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  27.         this.setBounds(100,100,500,500);
  28.     }
  30.     public static void main(String[] args) { 
  31.         new Test16IconDemo1().init();
  32.     }
  33. }

如图所示

在这里插入图片描述

面板

JPainel

  1. public class Test17JPanelDemo1 extends JFrame { 
  2.     public static void main(String[] args) { 
  3.         new Test17JPanelDemo1();
  4.     }
  5.     public Test17JPanelDemo1() { 
  6.         Container container = this.getContentPane();
  7.         container.setLayout(new GridLayout(2,1,10,10));
  9.         JPanel panel = new JPanel(new GridLayout(1,3));
  10.         JPanel panel2 = new JPanel(new GridLayout(1,2));
  11.         JPanel panel3 = new JPanel(new GridLayout(2,3));
  12.         panel.add(new JButton("1"));
  13.         panel.add(new JButton("1"));
  14.         panel.add(new JButton("1"));
  15.         panel2.add(new JButton("2"));
  16.         panel2.add(new JButton("2"));
  17.         panel3.add(new JButton("3"));
  18.         panel3.add(new JButton("3"));
  19.         panel3.add(new JButton("3"));
  20.         panel3.add(new JButton("3"));
  21.         panel3.add(new JButton("3"));
  22.         panel3.add(new JButton("3"));
  23.         panel3.add(new JButton("3"));
  24.         container.add(panel);
  25.         container.add(panel2);
  26.         container.add(panel3);
  28.         this.setVisible(true);
  29.         this.setSize(500,500);
  30.         this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  31.     }
  32. }

滚动条

JScrollPanel

  1. package JavaGUI;
  3. import javax.swing.*;
  4. import java.awt.*;
  6. /** * @Title: Test18JScrollPanel * @Package JavaGUI * @Description: * @author: maze * @date 2020/10/20下午 21:54 */
  7. public class Test18JScrollPanel extends JFrame { 
  8.     public Test18JScrollPanel() { 
  9.         // 容器
  10.         Container container = this.getContentPane();
  11.         //文本域
  12.         TextArea area = new TextArea(20,100);
  13.         area.setText("欢迎来到 Java 的世界,这里是 GUI Swing 工具包的滚动条实现！\n" +
  14.                 " Java是目前最为广泛的网络编程语言。它具有简单,面向对象,稳定等特点。\n" +
  15.                 " 2.Java 语言简单是指这门语言既易学好用。不要将简单误解为这门语言很干瘪。\n" +
  16.                 "如果你学习过 C++语言,你会感觉 Java很眼熟,因为 Java中许多基本语句的语法和 C++一样\n" +
  17.                 "。如果从语言的简单性方面看...nhhhhhhhhhhhhhhh");
  19.         // 添加一个Scroll 面板
  20.         JScrollPane scrollPane = new JScrollPane(area);
  21.         container.add(scrollPane);
  23.         this.setVisible(true);
  24.         this.setBounds(100,100,300,350);
  25.         this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  26.     }
  28.     public static void main(String[] args) { 
  29.         new Test18JScrollPanel();
  30.     }
  31. }

如下图

在这里插入图片描述

按钮

  • 图片按钮

    package JavaGUI;

    import javax.swing.;
    import java.awt.    ;
    import java.net.URL;

    /* @Title: Test19JButton @Package JavaGUI @Description: 实现一个图片按钮 @author: maze @date 2020/10/20下午 22:38 */
    public class Test19JButton extends JFrame { 

    1. public Test19JButton() { 
    2.     Container container = this.getContentPane();
    3.     // 将一个图片变成图标
    4.     URL url = Test19JButton.class.getResource("1.png");
    5.     ImageIcon imageIcon = new ImageIcon(url);
    7.     // 把这个图标放在按钮上
    8.     JButton button = new JButton();
    9.     button.setIcon(imageIcon);
    10.     button.setToolTipText("图片按钮");
    12.     //add
    13.     container.add(button);
    14.     this.setVisible(true);
    15.     this.setSize(50,30);
    16.     this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    17. }
    19. public static void main(String[] args) { 
    20.     new Test19JButton();
    21. }

    }

  • 单选按钮

将三个按钮放在一个组里，在组里只能有一个被选中

  1. package JavaGUI;
  3. import javax.swing.*;
  4. import java.awt.*;
  5. import java.net.URL;
  7. /** * @Title: Test20Button * @Package * @Description: * @author: maze * @date 2020/10/20下午 22:49 */
  8. public class Test20Button extends JFrame{ 
  10.     public Test20Button() throws HeadlessException { 
  11.         Container container = this.getContentPane();
  12.         // 将一个图片变成图标
  13.         URL url = Test19JButton.class.getResource("1.png");
  14.         ImageIcon imageIcon = new ImageIcon(url);
  16.         //单选框
  17.         JRadioButton radioButton01 = new JRadioButton("男");
  18.         JRadioButton radioButton02 = new JRadioButton("女");
  19.         JRadioButton radioButton03 = new JRadioButton("未知");
  20.         // 由于是单选框只能选择一个，分组，一个组中只能选择一个
  21.         ButtonGroup group = new ButtonGroup();
  22.         group.add(radioButton01);
  23.         group.add(radioButton02);
  24.         group.add(radioButton03);
  26.         container.add(radioButton01,BorderLayout.CENTER);
  27.         container.add(radioButton02,BorderLayout.NORTH);
  28.         container.add(radioButton03,BorderLayout.SOUTH);
  30.         this.setVisible(true);
  31.         this.setSize(50,30);
  32.         this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  33.     }
  35.     public static void main(String[] args) { 
  36.         new Test20Button();
  37.     }
  38. }

如下图

在这里插入图片描述

  • 复选按钮

去掉分组框，就变成复选按钮了

  1. package JavaGUI;
  3. import javax.swing.*;
  4. import java.awt.*;
  5. import java.net.URL;
  7. /** * @Title: Test20Button * @Package * @Description: * @author: maze * @date 2020/10/20下午 22:49 */
  8. public class Test20Button extends JFrame{ 
  10.     public Test20Button() throws HeadlessException { 
  11.         Container container = this.getContentPane();
  12.         // 将一个图片变成图标
  13.         URL url = Test19JButton.class.getResource("1.png");
  14.         ImageIcon imageIcon = new ImageIcon(url);
  16.         //单选框
  17.         JRadioButton radioButton01 = new JRadioButton("写代码");
  18.         JRadioButton radioButton02 = new JRadioButton("读书");
  19.         JRadioButton radioButton03 = new JRadioButton("陪女朋友逛街");
  20.         JRadioButton radioButton04 = new JRadioButton("打游戏");
  22.         // 由于是单选框只能选择一个，分组，一个组中只能选择一个
  23.         container.setLayout(new GridLayout(1,4));
  24.         container.add(radioButton01);
  25.         container.add(radioButton02);
  26.         container.add(radioButton03);
  27.         container.add(radioButton04);
  28.         this.pack();
  29.         this.setVisible(true);
  30.         this.setSize(50,30);
  31.         this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  32.     }
  34.     public static void main(String[] args) { 
  35.         new Test20Button();
  36.     }
  37. }

在这里插入图片描述

列表

  1. package JavaGUI;
  3. import javax.swing.*;
  4. import java.awt.*;
  6. /** * @Title: Test21Combobox * @Package JavaGUI * @Description: * @author: maze * @date 2020/10/20下午 23:29 */
  7. public class Test21Combobox extends JFrame { 
  8.     public Test21Combobox() { 
  9.         Container container = this.getContentPane();
  11.         JComboBox comboBox = new JComboBox();
  12.         comboBox.addItem(null);
  13.         comboBox.addItem("正在上映");
  14.         comboBox.addItem("即将上映");
  15.         comboBox.addItem("已下架");
  16.         container.add(comboBox);
  18.         this.setVisible(true);
  19.         this.setSize(500,350);
  20.         this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  21.     }
  23.     public static void main(String[] args) { 
  24.         new Test21Combobox();
  25.     }
  26. }

在这里插入图片描述

列表框

  1. public class Test21Combobox extends JFrame { 
  2.     public Test21Combobox() { 
  3.         Container container = this.getContentPane();
  5.         // 生成列表内容
  6.         String[] contents = { "1","2","3"};
  7.         // 列表中需要放入的内容
  8.         JList jList = new JList(contents);
  9.         container.add(jList);
  11.         this.setVisible(true);
  12.         this.setSize(500,350);
  13.         this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  14.     }
  16.     public static void main(String[] args) { 
  17.         new Test21Combobox();
  18.     }
  19. }

文本框

  • 文本框

    public class Test21Combobox extends JFrame { 

    1. public Test21Combobox() { 
    2.     Container container = this.getContentPane();
    4.     JTextField field1 = new JTextField("hello");
    5.     JTextField field2 = new JTextField("hello",20);
    6.     container.add(field1,BorderLayout.NORTH);
    7.     container.add(field2,BorderLayout.SOUTH);
    9.     this.setVisible(true);
    10.     this.setSize(500,350);
    11.     this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    12. }
    14. public static void main(String[] args) { 
    15.     new Test21Combobox();
    16. }

    }

  • 密码框

    public class Test21Combobox extends JFrame { 

    1. public Test21Combobox() { 
    2.     Container container = this.getContentPane();
    4.     JPasswordField passwordField = new JPasswordField();
    5.     passwordField.setEchoChar('*');
    6.     container.add(passwordField);
    8.     this.setVisible(true);
    9.     this.setSize(500,350);
    10.     this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    11. }
    13. public static void main(String[] args) { 
    14.     new Test21Combobox();
    15. }

    }

  • 文本域

    public class Test21Combobox extends JFrame { 

    1. public Test21Combobox() { 
    2.     Container container = this.getContentPane();
    4.     JTextArea textArea = new JTextArea(20, 50);
    5.     textArea.setText("欢迎来到 Java GUI 系列的学习");
    7.     //面板
    8.     JScrollPane scrollPane = new JScrollPane(textArea);
    9.     container.add(scrollPane);
    11.     this.setVisible(true);
    12.     this.setSize(500,350);
    13.     this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    14. }
    16. public static void main(String[] args) { 
    17.     new Test21Combobox();
    18. }

    }

到这里 GUI 的重点知识就差不多了

写一篇博客是，利用 GUI 编程实现一个贪吃蛇游戏

发表评论

表情：
评论列表 （有 0 条评论，328人围观）

还没有评论，来说两句吧...

相关阅读