Java（图形用户界面）GUI

╰+哭是因爲堅強的太久メ 2024-03-29 14:07 189阅读 0赞

目录

基本了解

容器和组件

首层容器

常用组件

1、组件与容器的关系

2、组件的类型有哪些常用的类型

所有组件创建的基本步骤：

API

基本了解

GUI发展阶段分两个：

  • “awt”技术，第一阶段的技术都放在了java.awt包中。主要包含了：
  1. 带有外观的容器和组件类；比如：窗体、按钮、文本框….
  2. 帮助实现特效的工具类；比如：颜色类、字体类、图片图像类….
  3. 对于各种动作事件的处理类；比如：点击事件、鼠标移动、键盘事件….

但是，awt的问题出在了带外观的容器和组件类上。它的外观容器和组件的实现方式是偷懒了的。比如：产生一个按钮对象，那么它会直接到当前操作系统的图形库里面找操作系统定义的按钮设计，然后直接使用。所以出现了一个问题：不同操作系统下的图形库，同样的容器或组件在设计的时候标准是不同的。这就导致同样的一段JavaGUI的代码在不同的操作系统下可能会出现不同的展示效果。这与Java设计的跨平台特性冲突了。

  • “swing”技术，在此阶段，Java重新设计了带有外观的容器和组件类，这些类放在了javax.swing包当中。（eXtend拓展）

所以在jdk当中同一个容器或组件就有两个类，比如按钮；

java.awt.Button

javax.swing.JButton

类名的区别就是swing当中容器或组件类 在类型前面有一个J。

“swt”就是两个技术一起用

容器和组件

容器：装东西的 组件：装在里面的东西

首层容器就是GUI界面最外层的容器

中间容器是它所属的外部容器的组件，但是它里面又可以放子容器或组件。在设计复杂界面的时候，这种容器嵌套关系，可以帮助我们把复杂问题划分为一个个的简单问题。

组件就不能再放东西了，它自己就是最底层的一个部件。比如：按钮、文本框…

首层容器

JFrame；常用！他提供了我们常见的窗体样式。如：标题栏、最大化、最小化、关闭按钮…

JDialoge；较常用，弹窗

JWindow；提供空白窗口

JApplet；被淘汰的历史遗留技术；

常用组件

1、组件与容器的关系

所有的子容器和组件，与父容器的关系都应该是has-a关系；也就是说的子容器和组件都应该是父容器的属性。

2、组件的类型有哪些常用的类型

标签 — JLable

注意：主要是放置文字或图片。标签还可以 作为 中间容器用。

文本框 — JTextField

密码框 — JPasswordField

按钮 — JButton

单选框 — JRadionButton

复选框 — JCheckBox

下拉列表 — JComboBox

文本域 — JTextArea

所有组件创建的基本步骤：

s1、new 出组件对象；— 通用

s2、设置组件的内容和样式；

s3、设置组件的大小和位置；— 空布局下，通用setBounds()

s4、把组件放入容器当中。— 通用容器.add(组件)

API

  1. private  Container contentP; //内容面板
  3.     private JLabel 变量名; // 文字/图片 标签
  4.     private JTextField nameTxt; //文本框
  5.     private JPasswordField pwdTxt; //密码框
  6.     private JButton 变量名; // 文字/图片按钮  带图标的文字按钮
  9.     private JRadioButton 变量名; //单选框
  10.     private JCheckBox 变量名; //复选框
  11.     private JComboBox<String> 变量名;// 下拉列表
  12.     private JTextArea 变量名; //消息文本域
  14. 窗体 用的内容面板
  15. 无参构造（）{
  16. this.setSize(300,500);//大小
  17. this.setLocationRelativeTo(null);//窗口位置为屏幕中央  （必须先设置size
  18. this.setTitle("标题");//设置标题栏
  20. this.setIconImage(Toolkit.getDefaultToolkit().createImage("img/hp.JPG"));//设置图标
  21. this.setResizable(false);//窗体大小 是否可变
  22. this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置关闭窗体即退出程序
  23. this.addContent();//调用方法（增加内容）
  24. this.setVisible(true);//显示
  25. }
  27. //获取真正放置组件
  28.        private void addContent(){
  29.        this.contentP = this.getContentPane();//获取窗体的内容面板
  30.        this.contentP.setLayout(null);//设置空布局，即采用绝对定位的方式
  31.        this.contentP.setBackground(Color.WHITE);//设置内容面板背景色
  33.         //文字标签  
  34.         this.变量名 = new JLabel();
  35.         this.变量名.setText("用户名：");//内容
  36.         this.变量名.setFont(new Font("宋体",Font.PLAIN,24));//字体
  37.         this.变量名.setForeground(new Color(20, 138, 180));//字体颜色
  38.         this.变量名.setBorder(BorderFactory.createLineBorder(Color.BLACK));//边线
  39.         this.变量名.setBounds(20,30,100,30);//位置
  40.         this.contentP.add(this.变量名);//增加进内容面板
  42.         //图片标签
  43.         this.变量名 = new JLabel();
  44.         ImageIcon image = new ImageIcon("img/aden.JPG");//设置图片自适应大小
  45.         ImageIcon newImage = new ImageIcon(image.getImage().getScaledInstance(宽,高,Image.SCALE_DEFAULT));
  46.         this.imgLab.setIcon(newImage);
  47.         this.imgLab.setBounds(位置x,y,宽,高);
  48.         this.contentP.add(this.imgLab);
  50.         //文本框
  51.         this.nameTxt = new JTextField();
  52.         this.nameTxt.setFont(new Font("宋体",Font.ITALIC,16));
  53.         this.nameTxt.setForeground(Color.RED);
  54.         this.nameTxt.setBounds(230,30,180,40);
  55.         this.contentP.add(this.nameTxt);
  57.         //密码框
  58.         this.pwdTxt = new JPasswordField();
  59.         this.pwdTxt.setFont(new Font("宋体",Font.ITALIC,16));
  60.         this.pwdTxt.setForeground(Color.RED);
  61.         this.pwdTxt.setEchoChar('?');//密码框特有的设置显示字符
  62.         this.pwdTxt.setBounds(230,80,180,40);
  63.         this.contentP.add(this.pwdTxt);
  65.         //文字按钮
  66.         this.txtBtn = new JButton("确定");
  67.         this.txtBtn.setFont(new Font("宋体",Font.ITALIC,16));
  68.         this.txtBtn.setForeground(Color.RED);
  69.         this.txtBtn.setBounds(30,130,80,30);
  70.         this.contentP.add(this.txtBtn);
  72.         //带图标的文字按钮
  73.         this.txtImgBtn = new JButton("登陆");
  74.         this.txtImgBtn.setIcon(new ImageIcon("img/hp.JPG"));//设置按钮默认图标
  75.         this.txtImgBtn.setRolloverIcon(new ImageIcon("img/logo.gif"));//设置鼠标进入按钮后的图标
  76.         this.txtImgBtn.setBounds(120,130,80,30);
  77.         this.contentP.add(this.txtImgBtn);
  79.         //图片按钮
  80.         this.imgBtn = new JButton();
  81.         this.imgBtn.setIcon(new ImageIcon("img/buttonClear.jpg"));
  82.         this.imgBtn.setBounds(210,130,140,50);
  83.         this.contentP.add(this.imgBtn);
  85.         //单选框
  86.         this.maleRad = new JRadioButton("男");
  87.         this.femaleRad = new JRadioButton("女");
  89.         //对同组的单选按钮进行逻辑分组
  90.         //ButtonGroup是没有外观的。
  91.         ButtonGroup genderGroup = new ButtonGroup();
  92.         genderGroup.add(this.maleRad);
  93.         genderGroup.add(this.femaleRad);
  94.         this.maleRad.setSelected(true);//设置某个单选按钮默认被选中
  95.         this.maleRad.setBounds(20,190,60,30);
  96.         this.femaleRad.setBounds(90,190,60,30);
  97.         this.contentP.add(this.maleRad);
  98.         this.contentP.add(this.femaleRad);
  100.         //复选框
  101.         this.swimChk = new JCheckBox("游泳");
  102.         this.footballChk = new JCheckBox("足球");
  103.         this.basketballChk = new JCheckBox("篮球");
  104.         this.footballChk.setSelected(true);
  105.         this.basketballChk.setSelected(true);
  106.         this.swimChk.setBounds(160,190,60,30);
  107.         this.footballChk.setBounds(230,190,60,30);
  108.         this.basketballChk.setBounds(300,190,60,30);
  109.         this.contentP.add(this.swimChk);
  110.         this.contentP.add(this.footballChk);
  111.         this.contentP.add(this.basketballChk);
  113.         //下拉列表
  114.         this.classComb = new JComboBox<>(new String[]{"J190","J191","J192"});
  115.         this.classComb.addItem("J193");
  116.         this.classComb.addItem("J194");
  117.        this.classComb.setSelectedIndex(3);//根据下标设置默认被选中的选项
  118.        this.classComb.setSelectedItem("J192");//根据对象设置默认被选中的选项
  119.        this.classComb.setEditable(false);//设置下拉列表可编辑
  120.        this.classComb.setEnabled(false);//设置下拉列表不可用
  122.         this.classComb.setBounds(20,240,100,30);
  123.         this.contentP.add(this.classComb);
  125.         //文本域
  126.         this.msgArea = new JTextArea();
  127.         this.msgArea.setFont(new Font("宋体",Font.BOLD,16));
  128.         this.msgArea.setForeground(Color.BLUE);
  130.         JScrollPane scrollPane = new JScrollPane(this.msgArea);//滚动面板
  131.         scrollPane.setBounds(20,300,460,150);
  132.         this.contentP.add(scrollPane);
  133. }
  135. //消息框
  136.         JOptionPane.showMessageDialog(null,"文本");
  137.         //输入框
  138.         String inputName = JOptionPane.showInputDialog(null,"文本");
  139.         //输入的字符串转int
  140.         int c1=Integer.parseInt(inputName );
  141.             if(c1==1){
  142.             }else{
  143.             }
  144.         System.out.println(inputName);
  145.         //确认框 -- 返回 0、1、2对应 Yes、No、取消
  146.         int choice = JOptionPane.showConfirmDialog(null,"文本"，“标题” 
  147.                                                   JOptionPane.YES_NO_OPTION);
  148.       0 是 1否 2取消 -1 x
  149.         System.out.println(choice);

发表评论

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

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

相关阅读