图形界面系列教材 （六）- Swing 四种常见面板

已于 2023-08-10 18:05:10 修改
阅读量560 收藏 3
点赞数
分类专栏： Java 文章标签： java
于 2020-03-26 13:10:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31634777/article/details/105116505
版权

步骤1:基本面板
步骤2:ContentPane
步骤3:SplitPanel
步骤4:JScrollPanel
步骤5:TabbedPanel
步骤6:CardLayerout
步骤7:练习-SplitPanel
步骤8:答案-SplitPanel
步骤9:练习-按照eclipse的风格显示多个java文件
步骤10:答案-按照eclipse的风格显示多个java文件

示例 1 : 基本面板

JPanel即为基本面板 
面板和JFrame一样都是容器，不过面板一般用来充当中间容器，把组件放在面板上，然后再把面板放在窗体上。 
一旦移动一个面板，其上面的组件，就会全部统一跟着移动，采用这种方式，便于进行整体界面的设计

基本面板

package gui;

import java.awt.Color;

import java.awt.FlowLayout;

import javax.swing.JButton;

import javax.swing.JFrame;

import javax.swing.JPanel;

public class TestGUI {

    public static void main(String[] args) {

        JFrame f = new JFrame("LoL");

        f.setSize(400, 300);

        f.setLocation(200, 200);

        f.setLayout(null);

        JPanel p1 = new JPanel();

        // 设置面板大小

        p1.setBounds(50, 50, 300, 60);

        // 设置面板背景颜色

        p1.setBackground(Color.RED);

        // 这一句可以没有，因为JPanel默认就是采用的FlowLayout

        p1.setLayout(new FlowLayout());

        JButton b1 = new JButton("英雄1");

        JButton b2 = new JButton("英雄2");

        JButton b3 = new JButton("英雄3");

        // 把按钮加入面板

        p1.add(b1);

        p1.add(b2);

        p1.add(b3);

        JPanel p2 = new JPanel();

        JButton b4 = new JButton("英雄4");

        JButton b5 = new JButton("英雄5");

        JButton b6 = new JButton("英雄6");

        p2.add(b4);

        p2.add(b5);

        p2.add(b6);

        p2.setBackground(Color.BLUE);

        p2.setBounds(10, 150, 300, 60);

        // 把面板加入窗口

        f.add(p1);

        f.add(p2);

        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        f.setVisible(true);

    }

}

示例 2 : ContentPane

JFrame上有一层面板，叫做ContentPane
平时通过f.add()向JFrame增加组件，其实是向JFrame上的 ContentPane加东西

package gui;

import javax.swing.JButton;

import javax.swing.JFrame;

public class TestGUI {

    public static void main(String[] args) {

        JFrame f = new JFrame("LoL");

        f.setSize(400, 300);

        f.setLocation(200, 200);

        f.setLayout(null);

        JButton b = new JButton("一键秒对方基地挂");

        b.setBounds(50, 50, 280, 30);

        f.add(b);

        // JFrame上有一层面板，叫做ContentPane

        // 平时通过f.add()向JFrame增加组件，其实是向JFrame上的 ContentPane加东西

        // f.add等同于f.getContentPane().add(b);

        f.getContentPane().add(b);

        // b.getParent()获取按钮b所处于的容器

        // 打印出来可以看到，实际上是ContentPane而非JFrame

        System.out.println(b.getParent());

        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        f.setVisible(true);

    }

}

示例 3 : SplitPanel

创建一个水平JSplitPane，左边是pLeft,右边是pRight

SplitPanel

package gui;

  

import java.awt.Color;

import java.awt.FlowLayout;

  

import javax.swing.JButton;

import javax.swing.JFrame;

import javax.swing.JPanel;

import javax.swing.JSplitPane;

  

public class TestGUI {

    public static void main(String[] args) {

  

        JFrame f = new JFrame("LoL");

        f.setSize(400, 300);

        f.setLocation(200, 200);

  

        f.setLayout(null);

  

        JPanel pLeft = new JPanel();

        pLeft.setBounds(50, 50, 300, 60);

  

        pLeft.setBackground(Color.RED);

  

        pLeft.setLayout(new FlowLayout());

  

        JButton b1 = new JButton("盖伦");

        JButton b2 = new JButton("提莫");

        JButton b3 = new JButton("安妮");

  

        pLeft.add(b1);

        pLeft.add(b2);

        pLeft.add(b3);

  

        JPanel pRight = new JPanel();

        JButton b4 = new JButton("英雄4");

        JButton b5 = new JButton("英雄5");

        JButton b6 = new JButton("英雄6");

  

        pRight.add(b4);

        pRight.add(b5);

        pRight.add(b6);

  

        pRight.setBackground(Color.BLUE);

        pRight.setBounds(10, 150, 300, 60);

  

        // 创建一个水平JSplitPane，左边是p1,右边是p2

        JSplitPane sp = new JSplitPane(JSplitPane.HORIZONTAL_SPLIT, pLeft, pRight);

        // 设置分割条的位置

        sp.setDividerLocation(80);

  

        // 把sp当作ContentPane

        f.setContentPane(sp);

  

        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

  

        f.setVisible(true);

    }

}

示例 4 : JScrollPanel

使用带滚动条的面板有两种方式
1. 在创建JScrollPane，把组件作为参数传进去

JScrollPane sp = new JScrollPane(ta);


2. 希望带滚动条的面板显示其他组件的时候，调用setViewportView

sp.setViewportView(ta);

JScrollPanel

package gui;

import javax.swing.JFrame;

import javax.swing.JScrollPane;

import javax.swing.JTextArea;

public class TestGUI {

    public static void main(String[] args) {

        JFrame f = new JFrame("LoL");

        f.setSize(400, 300);

        f.setLocation(200, 200);

        f.setLayout(null);

        //准备一个文本域，在里面放很多数据

        JTextArea ta = new JTextArea();

        for (int i = 0; i < 1000; i++) {

            ta.append(String.valueOf(i));

        }

        //自动换行

        ta.setLineWrap(true);

        JScrollPane sp = new JScrollPane(ta);

        f.setContentPane(sp);

        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        f.setVisible(true);

    }

}

示例 5 : TabbedPanel

TabbedPanel

package gui;

  

import java.awt.Color;

import java.awt.FlowLayout;

import javax.swing.ImageIcon;

import javax.swing.JButton;

import javax.swing.JFrame;

import javax.swing.JPanel;

import javax.swing.JTabbedPane;

  

public class TestGUI {

    public static void main(String[] args) {

  

        JFrame f = new JFrame("LoL");

        f.setSize(400, 300);

        f.setLocation(200, 200);

  

        f.setLayout(null);

  

        JPanel p1 = new JPanel();

        p1.setBounds(50, 50, 300, 60);

  

        p1.setBackground(Color.RED);

  

        p1.setLayout(new FlowLayout());

  

        JButton b1 = new JButton("英雄1");

        JButton b2 = new JButton("英雄2");

        JButton b3 = new JButton("英雄3");

  

        p1.add(b1);

        p1.add(b2);

        p1.add(b3);

  

        JPanel p2 = new JPanel();

        JButton b4 = new JButton("英雄4");

        JButton b5 = new JButton("英雄5");

        JButton b6 = new JButton("英雄6");

  

        p2.add(b4);

        p2.add(b5);

        p2.add(b6);

  

        p2.setBackground(Color.BLUE);

        p2.setBounds(10, 150, 300, 60);

  

        JTabbedPane tp = new JTabbedPane();

        tp.add(p1);

        tp.add(p2);

  

        // 设置tab的标题

        tp.setTitleAt(0, "红色tab");

        tp.setTitleAt(1, "蓝色tab");

         

        ImageIcon i = new ImageIcon("e:/project/j2se/j.png");

        tp.setIconAt(0,i );

        tp.setIconAt(1,i );

  

        f.setContentPane(tp);

  

        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

  

        f.setVisible(true);

    }

}

示例 6 : CardLayerout

CardLayerout 布局器 很像TabbedPanel ，在本例里面上面是一个下拉框，下面是一个CardLayerout 的JPanel
这个JPanel里有两个面板，可以通过CardLayerout方便的切换

CardLayerout

package gui;

import java.awt.BorderLayout;

import java.awt.CardLayout;

import java.awt.event.ItemEvent;

import java.awt.event.ItemListener;

import javax.swing.JButton;

import javax.swing.JComboBox;

import javax.swing.JFrame;

import javax.swing.JPanel;

import javax.swing.JTextField;

public class TestGUI {

    public static void main(String[] args) {

        JFrame f = new JFrame("CardLayerout");

        JPanel comboBoxPane = new JPanel();

        String buttonPanel = "按钮面板";

        String inputPanel = "输入框面板";

        String comboBoxItems[] = { buttonPanel, inputPanel };

        JComboBox<String> cb = new JComboBox<>(comboBoxItems);

        comboBoxPane.add(cb);

        // 两个Panel充当卡片

        JPanel card1 = new JPanel();

        card1.add(new JButton("按钮 1"));

        card1.add(new JButton("按钮 2"));

        card1.add(new JButton("按钮 3"));

        JPanel card2 = new JPanel();

        card2.add(new JTextField("输入框", 20));

        JPanel cards; // a panel that uses CardLayout

        cards = new JPanel(new CardLayout());

        cards.add(card1, buttonPanel);

        cards.add(card2, inputPanel);

        f.add(comboBoxPane, BorderLayout.NORTH);

        f.add(cards, BorderLayout.CENTER);

        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        f.setSize(250, 150);

        f.setLocationRelativeTo(null);

        f.setVisible(true);

        cb.addItemListener(new ItemListener() {

            @Override

            public void itemStateChanged(ItemEvent evt) {

                CardLayout cl = (CardLayout) (cards.getLayout());

                cl.show(cards, (String) evt.getItem());

            }

        });     

    }

         

}


更多内容，点击了解： https://how2j.cn/k/gui/gui-panel/406.html

MAGIC_LAN
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java滚动条_swing组件JScrollPane滚动条实例代码
weixin_42206399的博客
02-12 961
本文研究的主要是swing组件之JScrollPane滚动条的实现代码示例，具体如下。实例1/** 滚动条*/import javax.swing.*;public class Demo1 extends JFrame{JTextArea jta = null;JScrollPane jsp = null;public static void main(String[] args) {// TOD...
基于Java的Swing图形界面设计源码
04-04
本设计源码提供了一个基于Java的Swing图形界面。项目包含59个文件，主要使用Java编程语言。文件类型包括30个Java字节码文件、21个Java源代码文件、4个XML配置文件、3个Idea项目文件、1个GIT忽略文件。该项目是一个基于Java的Swing图形界面，适合用于学习和实践Java技术，以及开发基于Java的Swing图形界面相关的系统。
JAVA Swing日期下拉选择控件(面板)
热门推荐
码农的技术人生
06-10 1万+
首先，新建一个Java工程，再新建一个类，类名为CalendarPanel ，继承JPanel，然后把一下的代码复制到这个类中。 import java.awt.Color; import java.awt.GridLayout; import java.awt.Label; import java.awt.TextField; import java.awt.event.ActionE
Java Swing大神必经之路12：JavaSwing JScrollPane -（滚动面板）
最新发布
2401_84023482的博客
04-14 278
Java面试核心知识点一共有30个专题，足够读者朋友们应付面试啦，也节省朋友们去到处搜刮资料自己整理的时间！Java面试核心知识点已经有读者朋友靠着这一份Java面试知识点指导拿到不错的offer了网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024b （备注Java）一个人可以走的很快，但一群人才能走的更远！
Java Swing JScrollPane -（滚动面板）
JavaEdge全是干货的技术号
05-26 3950
1 简介 支持水平和垂直滚动视图。文本区域、表格等需要显示较多数据而空间又有限时，通常使用 JScrollPane 进行包裹以实现滚动显示。 JScrollPane 内包含一个视口 表示 JScrollPane 的显示区域。 视口内包含一个需要滚动显示的组件，称为视图。 构造方法 参数说明: view: 需要滚动显示的视图组件 vsbPolicy: 垂直滚动条的显示策略 hsbPolicy: 水平滚动条的显示策略 滚动条的显示策略的取值: 用于设置垂直滚动条策略，以便在需要时垂直滚动条时，才会显示
java swing jpanel jScrollPane（滚动条） 设置
TZYQ_的博客
05-16 1384
/必须要 表示获取整个窗体JFrame。// System.out.println("我是进去");// System.out.println("我是离开");label1.setText("别按我");this.setTitle("测试");// TODO 自动生成的方法存根。// TODO 自动生成的方法存根。// TODO 自动生成的方法存根。
java swing漂亮界面 超酷 javaswing教程
11-02
java swing漂亮界面 超酷 javaswing教程
Java图像化——文本域
Half-up的博客
07-15 144
普通窗口 package lesson7; import javax.swing.*; import java.awt.*; public class JPanelDemo extends JFrame { public JPanelDemo(){ Container container = this.getContentPane(); container.setLayout(new GridLayout(2,2,10,10));//后面的参数的意思，间距
JavaGUI编程 -- Swing之面板
天行健 君子以自强不息，地势坤 君子以厚德载物。
02-19 294
Jpanel 示例： package GUI.Swing; import javax.swing.*; import java.awt.*; public class TestJPanel extends JFrame { public TestJPanel() throws HeadlessException { Container container = getContentPane(); container.setLayout(new GridLayout(
Swing常用面板
为你灯明三千的博客
12-25 311
面板也是一个Swing容器，它可以作为容器容纳其他组件，但它也必须被添加到其他容器中。Swing中常用的面板包括JPanel面板以及JScrollPane面板 一、JPanel面板 JPanel面板可以聚集一些组件来布局，示例如下： import java.awt.Container; import java.awt.GridLayout; import javax.swing.J...
Swing panel布局
IT技术的专栏
10-21 907
http://zhangjunhd.blog.51cto.com/113473/128174
java颜色选择面板
01-12
颜色选择面板，可水平放在主窗口底部，用于快捷选中颜色
Java Swing 图形界面开发--文章的源码
10-11
这是这个https://blog.csdn.net/xietansheng/article/details/72814492文章几乎所有示例的代码,用eclipse写的
java 图形化界面 swing框架
08-07
java图形化界面框架,java图形化界面框架java图形化界面框架java图形化界面框架java图形化界面框架
Java图形用户界面设计(Swing)的介绍
09-02
看到多数人提到 Java 就以为是网络开发，其实不是这样的，Java 也可以开发应用程序，而且可以开发出漂亮的图形用户界面的应用程序，因此，我写下这篇文章，希望能带你进入 Java 图形用户界面设计之门。
material-ui-swing：Java Swing的现代Material Design UI
02-04
用于Java Swing的现代材质设计UI 总览 资料库 Maven < groupId>io.github.vincenzopalazzo < artifactId>material-ui-swing < version>1.1.1 Gradle（Groovy） implementation ' io.github.vincenzopalazzo:
java swing滚动面板_java swing 之 JScrollPane（滚动面板）的使用
weixin_35188854的博客
02-13 1902
* java swing 之JScrollPane面板* 在设置界面时，可能会遇到在一个较小的容器窗体中显示一个较大部分的内容，这时可以使用JScrollPane面板，JscrollPane面板是带滚动条的面板，也是一种容器，但是常用于布置单个控件，并且不可以使用布局管理器。如果需要在JScrollPane面板中放置多个控件，需要将多个控件放置到JPanel面板上，然后将JPanel面板作为一个整...
Swing程序设计
weixin_44857328的博客
03-02 1171
Swing图形化设计基本知识点及举例
java Swing GUI 入门-切换布局
遗世独立的乌托邦
12-21 478
java Swing GUI 入门-切换布局 觉得有用的话,欢迎一起讨论相互学习~ 视频教程地址:https://www.bilibili.com/video/BV1Kt4y1k7o7/ 布局 大部分和上一节: https://xuzhiwei.blog.csdn.net/article/details/111498257 的内容一致,新加入的内容有 通过按钮切换Panel Panel的叠加 布局,并向底部的ParentPanel中添加三个同等大小的panel相互叠加在一起.并且具有不同的颜
java Swing实现组件拖动
04-19
好的，关于Java Swing实现组件拖动，我可以给您一些简洁的介绍和示例代码。在Java Swing中，您可以通过MouseListener和MouseMotionListener接口来实现组件的拖动。首先，我们需要为组件添加MouseListener和MouseMotionListener，然后在MousePressed事件中记录鼠标点击位置的相对坐标以及组件的位置，并在鼠标拖动时计算组件的新位置。下面是一个简单的示例代码： ``` import java.awt.Point; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JPanel; public class DraggingDemo extends JFrame { private JButton button; public DraggingDemo() { button = new JButton("Drag me!"); button.addMouseListener(new MouseAdapter() { private Point mouseClickPoint; @Override public void mousePressed(MouseEvent e) { mouseClickPoint = e.getPoint(); } }); button.addMouseMotionListener(new MouseAdapter() { private Point initialButtonLocation; @Override public void mouseDragged(MouseEvent e) { Point currentPoint = e.getLocationOnScreen(); int x = currentPoint.x - mouseClickPoint.x; int y = currentPoint.y - mouseClickPoint.y; button.setLocation(x, y); } }); JPanel panel = new JPanel(); panel.add(button); add(panel); setSize(400, 400); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); setLocationRelativeTo(null); setVisible(true); } public static void main(String[] args) { new DraggingDemo(); } } ``` 您可以根据需要修改代码以适应您的项目要求。希望这可以帮助您！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值