【Java篇】8个图形界面小练习demo

举报
橙子! 发表于 2022/06/29 11:20:56 2022/06/29
【摘要】 图形用户界面是应用程序与用户交互的窗口,利用它可以接受用户的输入并向用户输出程序执行的结果。图形用户界面技术(GUI)是指用图形的方式,借助菜单,按钮等标准界面元素与鼠标操作,帮助用户方便的向计算机系统发出指令,启动操作,并将计算机系统运行的结果以图形的方式显示给用户的技术。

大家好啊!🍃🍃今天使用GUI技术写了几个练习的Demo,希望对大家学习图形用户界面有所帮助。虽然GUI技术没有很大的市场,甚至很多初学者放弃学习GUI,但是学习GUI编程的过程对于提高编程兴趣,深入理解Java编程有很大的作用。效果图如下,加油吧!!
在这里插入图片描述



🍂1.复选框和单选框按钮组

—在框架窗口中加入复选框和单选框按钮组

import javax.swing.*;

public class App extends JFrame{
    static JFrame jFrame=new JFrame("复选框和单选组按钮选取框");
    static JCheckBox jCheckBox1=new JCheckBox("粗体",true);
    static JCheckBox jCheckBox2=new JCheckBox("斜体");
    static JCheckBox jCheckBox3=new JCheckBox("下划线");
    static JRadioButton jRadioButton1=new JRadioButton("红色",true);
    static JRadioButton jRadioButton2=new JRadioButton("绿色",true);
    static JRadioButton jRadioButton3=new JRadioButton("蓝色");
    public static void main(String[] args) {
        ButtonGroup buttonGroup=new ButtonGroup();
        jFrame.setLocation(200,150);
        jFrame.setSize(300,220);
        jFrame.setLayout(null);
        jCheckBox1.setBounds(20,20,50,20);
        jCheckBox2.setBounds(20,40,50,20);
        jCheckBox3.setBounds(20,60,70,20);
        jRadioButton1.setBounds(40,100,50,20);
        jRadioButton2.setBounds(40,120,50,20);
        jRadioButton3.setBounds(40,140,50,20);

        jFrame.add(jCheckBox1);
        jFrame.add(jCheckBox2);
        jFrame.add(jCheckBox3);
        buttonGroup.add(jRadioButton1);
        buttonGroup.add(jRadioButton2);
        buttonGroup.add(jRadioButton3);
        jFrame.add(jRadioButton1);
        jFrame.add(jRadioButton2);
        jFrame.add(jRadioButton3);
        jFrame.setDefaultCloseOperation(EXIT_ON_CLOSE);
        jFrame.setVisible(true);
    }
}

在这里插入图片描述


🍂2.文本编辑组件和滚动窗格

—设置文本编辑组件和滚动窗格

import javax.swing.*;

public class App extends JFrame{
    JTextField jTextField=new JTextField("该文本框不可编辑",30);
    static JPasswordField jPasswordField=new JPasswordField("HelloWorld",30);
    public App(String str){
        super(str);
        jTextField.setBounds(20,40,140,20);
        jTextField.setEditable(false);
        add(jTextField);
    }
    public static void main(String[] args) {
        App jFrame=new App("文本编辑功能窗口");
        JTextArea jTextArea=new JTextArea("你好",10,30);
        JScrollPane jScrollPane=new JScrollPane(jTextArea);
        jFrame.setLocation(200,150);
        jFrame.setSize(240,220);
        jFrame.setLayout(null);
        jScrollPane.setBounds(20,70,160,100);
        jPasswordField.setBounds(20,10,140,10);
        jFrame.add(jPasswordField);
        jFrame.add(jScrollPane);
        char[] passWorld=jPasswordField.getPassword();
        String str=new String(passWorld);
        System.out.println("密码是:"+passWorld+"转换后"+str);
        jFrame.setVisible(true);
        jFrame.setResizable(false);
        jFrame.setDefaultCloseOperation(EXIT_ON_CLOSE);
    }
}

在这里插入图片描述
输出结果:密码是:[C@370736d9转换后HelloWorld


🍂3.多个选项卡设置

—在窗口中放一个选项卡窗格,并在选项卡窗格中加入若干选项卡,每个选项卡中放置一个带图像的标签组件。

import javax.swing.*;

public class App extends JFrame {
    public App(){
        JLabel[] jLabels=new JLabel[6];
        Icon pic;
        String title;
        for(int i=1;i<=5;i++){
            pic=new ImageIcon("images\\t"+i+".png");
            jLabels[i]=new JLabel();
            jLabels[i].setIcon(pic);
            title="第"+i+"页";
            jTabbedPane.add(title,jLabels[i]);
        }
        this.add(jTabbedPane);
    }
    JTabbedPane jTabbedPane=new JTabbedPane(JTabbedPane.TOP);
    public static void main(String[] args) {
        App jFrame=new App();
        jFrame.setTitle("选项卡的应用");
        jFrame.setSize(300,300);
        jFrame.setDefaultCloseOperation(EXIT_ON_CLOSE);
        jFrame.setVisible(true);
    }
}

在这里插入图片描述

🍂4.在框架窗口中加入面板

import javax.swing.*;
import javax.swing.border.TitledBorder;

public class App {
    public static void main(String[] args) {
        JFrame jFrame=new JFrame("我的框架");
        jFrame.setSize(210,180);
        jFrame.setLocation(500,400);
        JPanel jPanel=new JPanel();
        jPanel.setSize(120,90);
        jPanel.setLocation(40,30);
        JButton jButton=new JButton("点击我");
        jButton.setSize(80,20);
        jButton.setLocation(20,30);
        jFrame.setLayout(null);
        jPanel.setLayout(null);
        jPanel.add(jButton);
        jPanel.setBorder(new TitledBorder("面板区"));
        jFrame.add(jPanel);
        jFrame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        jFrame.setVisible(true);
    }
}

在这里插入图片描述

🍂5.在窗口中加入标签

—在窗口中加入标签,并设置框架的背景色及标签上文字的颜色和字体。

import javax.swing.*;
import java.awt.*;

public class App {
 public static void main(String[] args) {
  JFrame jFrame=new JFrame("标签类窗口");
  JLabel jLabel=new JLabel("我是一个标签",JLabel.CENTER);//创建标签类对象
  jFrame.setLayout(null);//取消默认布局管理器
  jFrame.setSize(300,200);//设置窗口的大小
  Container c=jFrame.getContentPane();//获取内容窗格
  c.setBackground(Color.CYAN);//设置窗口的背景色
  jLabel.setOpaque(true);//设置标签为不透明
  jLabel.setBackground(Color.RED);//设置标签的背景色
  jLabel.setForeground(Color.YELLOW);//设置标签的前景色
  jLabel.setLocation(80,60);
  jLabel.setSize(130,30);
  Font font=new Font("楷体",Font.PLAIN,20);//创建字体对象
  jLabel.setFont(font);//设置标签上的字体
  jFrame.add(jLabel);
  jFrame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  jFrame.setVisible(true);
 }
}

在这里插入图片描述

🍂6.框架中加入指定大小的标签

—在框架中加入指定大小的标签,并设置当鼠标悬停在标签上时给出相应的提示信息。

import javax.swing.*;
import java.awt.*;

public class App {
 public static void main(String[] args) {
  JFrame jFrame=new JFrame("标签类窗口");
  JLabel jLabel=new JLabel("我是一个标签",JLabel.CENTER);//创建标签类对象
  jFrame.setLayout(null);//取消默认布局管理器
  jFrame.setSize(300,200);//设置窗口的大小
  Container c=jFrame.getContentPane();//获取内容窗格
  c.setBackground(Color.CYAN);//设置窗口的背景色
  jLabel.setOpaque(true);//设置标签为不透明
  jLabel.setBackground(Color.RED);//设置标签的背景色
  jLabel.setForeground(Color.YELLOW);//设置标签的前景色
  jLabel.setLocation(80,60);
  jLabel.setSize(130,30);
  jLabel.setToolTipText("我被设置为不透明");
  Font font=new Font("楷体",Font.PLAIN,20);//创建字体对象
  jLabel.setFont(font);//设置标签上的字体
  jFrame.add(jLabel);
  jFrame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  jFrame.setVisible(true);
 }
}

在这里插入图片描述

🍂 7.在框架窗口中加入按钮

import javax.swing.*;
import java.awt.*;

public class App extends JFrame {
 public static void main(String[] args) {
  App jFrame=new App();
  jFrame.setDefaultCloseOperation(EXIT_ON_CLOSE);
  ImageIcon icon=new ImageIcon("images\\java.png");
  JButton jButton=new JButton();
  jButton.setText("选择");
  jButton.setIcon(icon);
  jFrame.setLayout(null);
  jFrame.setSize(200,180);
  jFrame.setTitle("按钮类窗口");
  jButton.setBounds(50,45,100,40);
  jButton.setToolTipText("我是按钮");
  jFrame.add(jButton);
  jFrame.setVisible(true);
 }
}

在这里插入图片描述

🍂8.框架窗口的创建

import javax.swing.*;
import java.awt.*;

public class App {

    static JFrame jFrame = new JFrame("这是一个Swing程序");//创建静态框架并设置标题
    public static void main(String[] args) {
        JLabel label = new JLabel("我是一个标签");//创建一个标签对象
        jFrame.setSize(400, 300);//设置框架的大小
        Image image=(new ImageIcon("images\\java.jpg")).getImage();//创建图标对象
        jFrame.setIconImage(image);//设置窗口的显示图标
        jFrame.setLocationRelativeTo(null);//设置窗口的位置
        jFrame.add(label);//将标签对象加入到窗口中
        jFrame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);//单击窗口的关闭按钮,结束程序
        jFrame.setVisible(true);//设置窗口可见
    }
}


在这里插入图片描述


总结

⛄️图形用户界面是应用程序与用户交互的窗口,利用它可以接受用户的输入并向用户输出程序执行的结果。
⛄️图形用户界面技术(GUI)是指用图形的方式,借助菜单,按钮等标准界面元素与鼠标操作,帮助用户方便的向计算机系统发出指令,启动操作,并将计算机系统运行的结果以图形的方式显示给用户的技术。
⛄️Java提供了两个处理图形界面的包:java.awt和javax.swing。其中javax.swing包是java.awt的扩展。
⛄️Javax.swing包中包含组件类,事件类,接口,布局类,菜单类等,其继承关系如下:

在这里插入图片描述


少年没有乌托邦,心向远方自明朗。
与风随行皆理想,遗憾最终皆幻想。
加油!
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。