2. 程式人生 > 實用技巧 >Java自學-圖形介面 面板

Java自學-圖形介面 面板

阿新 • • 發佈：2020-08-12

Swing 四種常見面板

示例 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

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);

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

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

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());
            }
        });    
    }
         
}

更多內容，點選瞭解： Swing 四種常見面板

相關推薦

Java自學-圖形介面 面板

Swing 四種常見面板 示例 1 : 基本面板 JPanel即為基本面板 面板和JFrame一樣都是容器，不過面板一般用來充當中間容器，把元件放在面板上，然後再把面板放在窗體上。

Java自學-圖形介面 Hello Swing

一個簡單的 Swing 例子 GUI-Graphic User Interface 圖形使用者介面 Swing是GUI開發工具包

Java自學-圖形介面 事件監聽

Swing 如何進行事件監聽 示例 1 : 按鈕監聽 建立一個匿名類實現ActionListener介面，當按鈕被點選時，actionPerformed方法就會被呼叫

Java自學-圖形介面 容器

Swing 的容器 JFrame和JDialog java的圖形介面中，容器是用來存放 按鈕，輸入框等元件的。

Java自學-圖形介面 佈局器

Swing五種常見的佈局器 佈局器是用在容器上的。 用來決定容器上的元件擺放的位置和大小

Java自學-圖形介面 選單

如何在Swing中使用選單JMenu GUI的選單分為 選單欄，選單和選單項 步驟 1 : 選單欄和選單

Java自學-圖形介面 工具欄

Swing如何使用工具欄JToolBar 工具欄用於存放常用的按鈕 步驟 1 : 工具欄 package gui;

Java自學-圖形介面 表格

Swing 使用 JTable詳解 示例 1 : 基本表格 顯示一個Table需要兩組資料 一維陣列： String[]columnNames 表示表格的標題

Java自學-圖形介面 日期控制元件

兩種Swing下的日期控制元件 DatePicker 和JXDatePicker swing沒有自帶的日期控制元件，需要第三方的類

JAVA GUI 圖形介面程式設計 簡易入門筆記 【學習更新中】

GUI程式設計 元件：視窗、彈窗、面板、文字框、列表框、按鈕、圖片、監聽事件、滑鼠、鍵盤事件、破解工具

Java swing圖形介面計算器

效果圖如下所示 ： import java.awt.Color; import java.awt.Container; import java.awt.Font; import java.awt.GridBagConstraints;

Java圖形介面Swing原理及用法解析

這篇文章主要介紹了Java圖形介面Swing原理及用法解析,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

java實現圖形化介面計算器

本文例項為大家分享了java實現圖形化介面計算器的具體程式碼，供大家參考，具體內容如下

java實現簡易版圖形介面計算器

經過一個月的Java學習，聽說Java中的第一個小型程式好多都做的是計算器，今天我也來做做吧，把這一個月學習的知識簡單的綜合一下，熟練近期學習的知識點。

JAVA自學筆記（9）——網路通訊、函式式介面

TCP通訊 1.0 客戶端的實現 import java.io.IOException; import java.io.InputStream; import java.io.OutputStream;

java自學第3期——繼承、多型、介面、抽象類、final關鍵字、許可權修飾符、內部類

一.繼承： 關鍵字extends /* 定義一個父類：人類 定義父類格式：public class 父類名稱{

Java-圖形介面 Hello Swing

技術標籤：圖形介面Java中級java 圖形介面 Hello Swing 簡單的例子 GUI - Graphic User Interface 圖形使用者介面

千鋒重慶Java學習分享Java介面開發工具：GUI圖形介面開發工具

Java介面開發工具是Java開發工具中不可缺少的，千鋒重慶Java的小編就來給大家介紹一下：

GUI圖形介面程式設計（Java）

GUI程式設計 元件 視窗 彈窗 面板 文字框 列表框 按鈕 圖片 監聽事件 滑鼠 鍵盤事件 破解工具

Java物件Serializable介面實現詳解

這篇文章主要介紹了Java物件Serializable介面實現詳解,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下