java swing jbutton_Swing 四种常见面板

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

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

92276a880b5d3c4b7c86b738a4e9f37c.png

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默认就是采用的FlowLayoutp1.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而非JFrameSystem.out.println(b.getParent());f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);f.setVisible(true);}}示例 3 : SplitPanel
创建一个水平JSplitPane,左边是pLeft,右边是pRight

4fbc9bcb1685f0427e735de2067f8ef7.png

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,右边是p2JSplitPane sp = new JSplitPane(JSplitPane.HORIZONTAL_SPLIT, pLeft, pRight);// 设置分割条的位置sp.setDividerLocation(80);// 把sp当作ContentPanef.setContentPane(sp);f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);f.setVisible(true);}}示例 4 : JScrollPanel
使用带滚动条的面板有两种方式
1. 在创建JScrollPane,把组件作为参数传进去JScrollPane sp = new JScrollPane(ta);
2. 希望带滚动条的面板显示其他组件的时候,调用setViewportViewsp.setViewportView(ta);

ddc6092adbbcf6a32a577d46d2f982a6.png

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

5f8145404bde3d3385c06d00ae985d04.png

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方便的切换

3e45eb0341f70efea9b4ccc070be5cf1.png

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 CardLayoutcards = 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() {@Overridepublic void itemStateChanged(ItemEvent evt) {CardLayout cl = (CardLayout) (cards.getLayout());cl.show(cards, (String) evt.getItem());}}); }}
更多内容,点击了解: https://how2j.cn/k/gui/gui-panel/406.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值