、Java GUI 概述

GUI（Graphical User Interface，簡稱 GUI，圖形用戶界面）是指采用圖形方式顯示的計算機操作用戶界面，與早期計算機使用的命令行界面相比，圖形界面對于用戶來說在視覺上更易于接受。
Java GUI主要有兩個核心庫，分別是AWT（java.awt：Abstract Windows ToolKit(抽象窗口工具包)）和Swing（javax.swing：AWT的擴展），AWT需要調(diào)用本地系統(tǒng)方法來實現(xiàn)功能，屬重量級控件，而Swing是在AWT的基礎(chǔ)上，建立的一套圖像界面系統(tǒng)，其中提供了更多的組件，而且完全由Java實現(xiàn)，增強了移植性，屬輕量級組件。

2、容器

容器（Container）是組件（Component）的子類，一個容器可以容納多個組件，并使他們成為一個整體。容器可以簡化圖形化界面的設(shè)計，以整體結(jié)構(gòu)來布置界面，所有的組件都可以通過add()方法加入容器中。容器共有四種類型，分別是窗口（JFrame）、彈窗（JDialog）、面板（JPanel）、滾動面板（JScrollPanel）。

2、1 窗口

Frame或JFrame類用于創(chuàng)建一個具有標題欄的框架窗口作為程序的主要界面，它不依賴其他容器可以單獨存在。

public class JFrameUse {
    public static void main(String[] args) {
        // 初始化窗口
        JFrame jFrame = new JFrame("這個是窗口的標題");
        // 設(shè)置窗口的位置和大小
        jFrame.setBounds(400, 300, 500, 500);
        // 設(shè)置窗口的背景顏色
        jFrame.setBackground(new Color(175, 114, 114));
        // 設(shè)置窗口是否可見
        jFrame.setVisible(true);
        // 設(shè)置窗口是否可以縮放
        jFrame.setResizable(false);
        /**
         * 設(shè)置窗口的相對位置。
         * 如果 comp 整個顯示區(qū)域在屏幕內(nèi), 則將窗口放置到 comp 的中心;
         * 如果 comp 顯示區(qū)域有部分不在屏幕內(nèi), 則將該窗口放置在最接近 comp 中心的一側(cè);
         * comp 為 null, 表示將窗口放置到屏幕中心。
         */
        jFrame.setLocationRelativeTo(null);
        /**
         * 設(shè)置窗口關(guān)閉按鈕點擊后的默認操作, 參考值:
         *     WindowConstants.DO_NOTHING_ON_CLOSE: 不執(zhí)行任何操作。
         *     WindowConstants.HIDE_ON_CLOSE: 隱藏窗口（不會結(jié)束進程）, 再次調(diào)用 setVisible(true) 將再次顯示。
         *     WindowConstants.DISPOSE_ON_CLOSE: 銷毀窗口, 如果所有可顯示的窗口都被 DISPOSE, 則可能會自動結(jié)束進程。
         *     WindowConstants.EXIT_ON_CLOSE: 退出進程。
         */
        jFrame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    }
}

2、2 彈窗和對話框

JDialog，對話框，使用 JDialog 類可以創(chuàng)建自定義有的對話框，或者調(diào)用 JOptionPane 中的多個靜態(tài)方法快速創(chuàng)建各種標準的對話框。
JOptionPane是JavaSwing內(nèi)部已實現(xiàn)好的，以靜態(tài)方法的形式提供調(diào)用，能夠快速方便的彈出要求用戶提供值或向其發(fā)出通知的標準對話框。主要具有以下幾種那類型：

• showMessageDialog：消息對話框，向用戶展示一個消息，沒有返回值。
• showConfirmDialog：確認對話框，詢問一個問題是否執(zhí)行。
• showInputDialog：輸入對話框，要求用戶提供某些輸入。
• showOptionDialog：選項對話框，上述三項的大統(tǒng)一，自定義按鈕文本，詢問用戶需要點擊哪個按鈕。

上述四個類型的方法（包括其若干重載）的參數(shù)遵循一致的模式，下面介紹各參數(shù)的含義:

• parentComponent: 對話框的父級組件，決定對話框顯示的位置，對話框的顯示會盡量緊靠組件的中心，如果傳 null，則顯示在屏幕的中心。
• title: 對話框標題。
• message: 消息內(nèi)容。
• optionType: 選項按鈕的類型。
• selectionValues、initialSelectionValue: 提供的輸入選項，以及默認選中的選項。
• icon: 自定義的對話框圖標，如果傳 null，則圖標類型由 messageType 決定。
• messageType: 消息類型，主要是提供默認的對話框圖標。可能的值為：JOptionPane.PLAIN_MESSAGE 簡單消息（不使用圖標）JOptionPane.INFORMATION_MESSAGE 信息消息（默認）JOptionPane.QUESTION_MESSAGE 問題消息JOptionPane.WARNING_MESSAGE 警告消息JOptionPane.ERROR_MESSAGE 錯誤消息

對話框

class JOptionPaneUse {
    public JOptionPaneUse() {
        final JFrame jf = new JFrame("測試窗口");
        jf.setSize(400, 400);
        jf.setLocationRelativeTo(null);
        jf.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);

        /*
         * 1. 消息對話框（信息消息）
         */
        JButton btn01 = new JButton("showMessageDialog（信息消息）");
        btn01.addActionListener(e -> {
            // 消息對話框無返回, 僅做通知作用
            JOptionPane.showMessageDialog(jf, "通知信息", "消息標題", JOptionPane.INFORMATION_MESSAGE
            );
        });

        /*
         * 2. 消息對話框（警告消息）
         */
        JButton btn02 = new JButton("showMessageDialog（警告消息）");
        btn02.addActionListener(e -> {
            // 消息對話框無返回, 僅做通知作用
            JOptionPane.showMessageDialog(jf, "警告信息", "消息標題", JOptionPane.WARNING_MESSAGE);
        });

        /*
         * 3. 確認對話框
         */
        JButton btn03 = new JButton("showConfirmDialog");
        btn03.addActionListener(e -> {
            /*
             * 返回用戶點擊的選項, 值為下面三者之一:
             *     是:   JOptionPane.YES_OPTION
             *     否:   JOptionPane.NO_OPTION
             *     取消: JOptionPane.CANCEL_OPTION
             *     關(guān)閉: JOptionPane.CLOSED_OPTION
             */
            int result = JOptionPane.showConfirmDialog(jf, "確認刪除？", "提示", JOptionPane.YES_NO_CANCEL_OPTION);
            System.out.println("選擇結(jié)果: " + result);
        });

        /*
         * 4. 輸入對話框（文本框輸入）
         */
        JButton btn04 = new JButton("showInputDialog（文本框輸入）");
        btn04.addActionListener(e -> {
            // 顯示輸入對話框, 返回輸入的內(nèi)容
            String inputContent = JOptionPane.showInputDialog(jf, "輸入你的名字:", "默認內(nèi)容");
            System.out.println("輸入的內(nèi)容: " + inputContent);
        });

        /*
         * 5. 輸入對話框（下拉框選擇）
         */
        JButton btn05 = new JButton("showInputDialog（下拉框選擇）");
        btn05.addActionListener(e -> {
            Object[] selectionValues = new Object[]{"香蕉", "雪梨", "蘋果"};
            // 顯示輸入對話框, 返回選擇的內(nèi)容, 點擊取消或關(guān)閉, 則返回null
            Object inputContent = JOptionPane.showInputDialog(jf, "選擇一項: ", "標題",
                    JOptionPane.PLAIN_MESSAGE, null, selectionValues, selectionValues[0]);
            System.out.println("輸入的內(nèi)容: " + inputContent);
        });

        /*
         * 6. 選項對話框
         */
        JButton btn06 = new JButton("showOptionDialog");
        btn06.addActionListener(e -> {
            // 選項按鈕
            Object[] options = new Object[]{"香蕉", "雪梨", "蘋果"};
            // 顯示選項對話框, 返回選擇的選項索引, 點擊關(guān)閉按鈕返回-1
            int optionSelected = JOptionPane.showOptionDialog(jf, "請點擊一個按鈕選擇一項", "對話框標題",
                    JOptionPane.YES_NO_CANCEL_OPTION, JOptionPane.ERROR_MESSAGE, null,
                    options,    // 如果傳null, 則按鈕為 optionType 類型所表示的按鈕（也就是確認對話框）
                    options[0]
            );
            if (optionSelected >= 0) {
                System.out.println("點擊的按鈕: " + options[optionSelected]);
            }
        });

        // 垂直排列按鈕
        Box vBox = Box.createVerticalBox();
        vBox.add(btn01);
        vBox.add(btn02);
        vBox.add(btn03);
        vBox.add(btn04);
        vBox.add(btn05);
        vBox.add(btn06);

        JPanel panel = new JPanel();
        panel.add(vBox);

        jf.setContentPane(panel);
        jf.setVisible(true);
    }
}

自定義彈窗

class JDialogUse {
    public JDialogUse() {
        final JFrame jf = new JFrame("測試窗口");
        jf.setSize(300, 300);
        jf.setLocationRelativeTo(null);
        jf.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);

        JButton btn = new JButton("顯示自定義對話框");
        btn.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                showCustomDialog(jf, jf);
            }
        });

        JPanel panel = new JPanel();
        panel.add(btn);

        jf.setContentPane(panel);
        jf.setVisible(true);
    }

    /**
     * 顯示一個自定義的對話框
     *
     * @param owner           對話框的擁有者
     * @param parentComponent 對話框的父級組件
     */
    private static void showCustomDialog(Frame owner, Component parentComponent) {
        // 創(chuàng)建一個模態(tài)對話框
        final JDialog dialog = new JDialog(owner, "提示", true);
        // 設(shè)置對話框的寬高
        dialog.setSize(250, 150);
        // 設(shè)置對話框大小不可改變
        dialog.setResizable(false);
        // 設(shè)置對話框相對顯示的位置
        dialog.setLocationRelativeTo(parentComponent);

        // 創(chuàng)建一個標簽顯示消息內(nèi)容
        JLabel messageLabel = new JLabel("對話框消息內(nèi)容");

        // 創(chuàng)建一個按鈕用于關(guān)閉對話框
        JButton okBtn = new JButton("確定");
        okBtn.addActionListener(e -> {
            // 關(guān)閉對話框
            dialog.dispose();
        });

        // 創(chuàng)建對話框的內(nèi)容面板, 在面板內(nèi)可以根據(jù)自己的需要添加任何組件并做任意是布局
        JPanel panel = new JPanel();

        // 添加組件到面板
        panel.add(messageLabel);
        panel.add(okBtn);

        // 設(shè)置對話框的內(nèi)容面板
        dialog.setContentPane(panel);
        // 顯示對話框
        dialog.setVisible(true);
    }
}

2、3 面板

面板也是一個容器，但是它不能單獨存在，只能存在于窗口中，一個面板對象代表了一個長方形的區(qū)域，在這個區(qū)域中可以容納其他組件，在程序中通常會使面板來實現(xiàn)一些特殊的布局。

普通面板

public class JPanelUse {
    public static void main(String[] args) {
        // 初始化窗口
        JFrame jFrame = new JFrame("面板窗口");
        jFrame.setVisible(true);
        jFrame.setSize(400, 400);
        jFrame.setLocationRelativeTo(null);
        jFrame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        
        // 初始化面板：采用默認的流式布局或指定布局
        JPanel jPanel = new JPanel(new FlowLayout(FlowLayout.CENTER));
        // 設(shè)置面板大小
        jPanel.setSize(100, 100);
        // 設(shè)置面板背景顏色
        jPanel.setBackground(new Color(164, 24, 24));
        // 將面板添加到窗口
        jFrame.add(jPanel);
    }
}

滾動面板

JScrollPane，滾動面板，支持水平和垂直滾動視圖。文本區(qū)域、表格等需要顯示較多數(shù)據(jù)而空間又有限時，通常使用 JScrollPane 進行包裹以實現(xiàn)滾動顯示。

public class JScrollPaneUse {
    public JScrollPaneUse() {
        JFrame jFrame = new JFrame("面板窗口");

        // 創(chuàng)建文本區(qū)域組件
        JTextArea textArea = new JTextArea("這是一個文本");
        // 自動換行
        textArea.setLineWrap(true);
        // 設(shè)置字體
        textArea.setFont(new Font(null, Font.PLAIN, 18));

        // 初始化滾動面板面板
        /**
         * 全參構(gòu)造參數(shù)說明：
         *     view: 需要滾動顯示的視圖組件
         *     vsbPolicy: 垂直滾動條的顯示策略
         *         ScrollPaneConstants.VERTICAL_SCROLLBAR_AS_NEEDED    // 需要時顯示（默認）
         *         ScrollPaneConstants.VERTICAL_SCROLLBAR_NEVER        // 從不顯示
         *         ScrollPaneConstants.VERTICAL_SCROLLBAR_ALWAYS       // 總是顯示
         *     hsbPolicy: 水平滾動條的顯示策略
         *         ScrollPaneConstants.HORIZONTAL_SCROLLBAR_AS_NEEDED  // 需要時顯示（默認）
         *         ScrollPaneConstants.HORIZONTAL_SCROLLBAR_NEVER      // 從不顯示
         *         ScrollPaneConstants.HORIZONTAL_SCROLLBAR_ALWAYS     // 總是顯示
         * 常用方法
         *     設(shè)置滾動顯示視圖內(nèi)容組件：setViewportView(Component view)
         *     設(shè)置垂直滾動條的顯示策略：setVerticalScrollBarPolicy(int policy)
         *     設(shè)置水平滾動條的顯示策略：setHorizontalScrollBarPolicy(int policy)
         */
        JScrollPane jScrollPane = new JScrollPane(
                textArea,
                ScrollPaneConstants.VERTICAL_SCROLLBAR_ALWAYS,
                ScrollPaneConstants.HORIZONTAL_SCROLLBAR_NEVER
        );
        jFrame.setContentPane(jScrollPane);

        // 窗口設(shè)置為公共代碼，后面全部省略
        jFrame.setVisible(true);
        jFrame.setSize(400, 400);
        jFrame.setLocationRelativeTo(null);
        jFrame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    }
}

分隔面板

JSplitPane，分隔面板，用于分隔兩個（只能兩個）組件，兩個組件通過水平/垂直分隔條分別 左右 或 上下 顯示，并且可以拖動分隔條調(diào)整兩個組件顯示區(qū)域的大小。

class JSplitPaneUse{
    public JSplitPaneUse() {
        JFrame jFrame = new JFrame("分隔面板窗口");

        /**
         * 全參構(gòu)造參數(shù)說明
         *      orientation: 分隔的方向(默認水平)，HORIZONTAL_SPLIT：水平左右分隔；VERTICAL_SPLIT：垂直上下分隔
         *      continuousLayout: 拖動分隔條時，是否連續(xù)重繪組件，如果為flase，則拖動分隔條停止后才重繪組件。
         *      leftComponent: 左邊/上面 顯示的組件
         *      rightComponent: 右邊/下面 顯示的組件
         * 常用方法
         *    setOrientation(int orientation)： 設(shè)置分隔的方向，水平(左右) 或 垂直(上下) 分隔
         *    setLeftComponent(Component comp)：設(shè)置 左邊/上面 顯示的組件
         *    setRightComponent(Component comp)：設(shè)置 左邊/下面 顯示的組件
         *    setContinuousLayout(boolean continuousLayout)： 設(shè)置 拖動分隔條 時是否 連續(xù)重繪 組件
         *    setOneTouchExpandable(boolean newValue)：分隔條上是否顯示快速 折疊/展開 兩邊組件的小按鈕
         *    setDividerSize(int newSize)：設(shè)置分隔條的大小（寬度）
         *    setDividerLocation(int location)：設(shè)置分隔條的位置，相對于 左邊/頂部 的像素長度
         */
        JSplitPane jSplitPane = new JSplitPane(JSplitPane.HORIZONTAL_SPLIT, true, new JButton("左邊按鈕"), new JButton("右邊按鈕"));
        jSplitPane.setDividerLocation(200);

        jFrame.setContentPane(jSplitPane);
        // 省略公共代碼
    }
}

選項卡面板

JTabbedPane，選項卡面板。它允許用戶通過點擊給定標題或圖標的選項卡，在一組組件之間進行切換顯示。

class JTabbedPaneUse {
    public JTabbedPaneUse() {
        JFrame jFrame = new JFrame("選項卡面板窗口");

        /**
         * 全參構(gòu)造參數(shù)說明:
         *     tabPlacement: 選項卡標題的位置, 值為 JTabbedPane.TOP/BOTTOM/LEFT/RIGHT, 默認為 TOP
         *     tabLayoutPolicy: 選項卡位置不能放入所有的選項卡時，放置選項卡的策略，值JTabbedPane.WRAP_TAB_LAYOUT/SCROLL_TAB_LAYOUT
         * 常用方法
         *     addTab(String 標題, Icon 圖標, Component 內(nèi)容組件, String 提示文本)：添加選擇項卡
         *     insertTab(String title, Icon icon, Component component, String tip, int index)：在指定位置插入選項卡
         *     remove(Component component)：移除指定內(nèi)容控件的選項卡
         *     remove(int index)：移除指定位置的選項
         *     setSelectedIndex(int index)：設(shè)置當(dāng)前選中的選項卡
         *     getSelectedIndex()：獲取當(dāng)前選中的選項卡索引
         *     getSelectedComponent()：獲取當(dāng)前選中的選項卡對應(yīng)的內(nèi)容組件
         *     setTitleAt(int index, String title)：設(shè)置 index 位置的選項卡的標題
         *     setIconAt(int index, Icon icon)：設(shè)置 index 位置的選項卡的圖標
         *     setEnabledAt(int index, boolean enabled)：設(shè)置 index 位置的選項卡是否可用
         *     setComponentAt(int index, Component component)：將 index 位置的內(nèi)容組件設(shè)置為 component
         */
        // 初始化一個選項面板，默認選項卡在頂部，放不下了換行
        JTabbedPane jTabbedPane = new JTabbedPane(JTabbedPane.TOP, JTabbedPane.WRAP_TAB_LAYOUT);

        // 創(chuàng)建選項卡
        jTabbedPane.addTab("選項卡1", new JButton("測試按鈕"));
        jTabbedPane.addTab("選項卡2", new JButton("測試按鈕"));
        jFrame.setContentPane(jTabbedPane);

        // 省略公共代碼
    }
}

3、布局

3.1、流式布局

FlowLayout，流式布局管理器，按水平方向依次排列放置組件，排滿一行，換下一行繼續(xù)排列。排列方向（左到右 或 右到左）取決于容器的componentOrientation屬性（該屬性屬于Component），它可能的值如下:

• ComponentOrientation.LEFT_TO_RIGHT（默認）
• ComponentOrientation.RIGHT_TO_LEFT

同一行（水平方向）的組件的對齊方式由 FlowLayout 的align屬性確定，它可能的值如下:

• FlowLayout.LEFT : 左對齊
• FlowLayout.CENTER : 居中對齊（默認）
• FlowLayout.RIGHT : 右對齊
• FlowLayout.LEADING : 與容器方向的開始邊對齊，例如，對于從左到右的方向，則與左邊對齊
• FlowLayout.TRAILING : 與容器方向的結(jié)束邊對齊，例如，對于從左到右的方向，則與右邊對齊。

class FlowLayoutUse {
    public FlowLayoutUse() {
        JFrame jFrame = new JFrame("流式布局窗口");

        // 創(chuàng)建面板并指定為流式布局
        JPanel jPanel = new JPanel(new FlowLayout(FlowLayout.CENTER));
        // 創(chuàng)建兩個按鈕
        JButton jButton1 = new JButton("按鈕1");
        JButton jButton2 = new JButton("按鈕2");
        // 將按鈕添加到面板中
        jPanel.add(jButton1);
        jPanel.add(jButton2);
        // 將面板添加到窗口中
        jFrame.setContentPane(jPanel);

        // 省略公共代碼
    }
}

3.2、網(wǎng)格布局

GridLayout，網(wǎng)格布局管理器，它以矩形網(wǎng)格形式對容器的組件進行布置，把容器按行列分成大小相等的矩形網(wǎng)格，一個網(wǎng)格中放置一個組件，組件寬高自動撐滿網(wǎng)格。
以行數(shù)和總數(shù)優(yōu)先: 通過構(gòu)造方法或 setRows 和 setColumns 方法將行數(shù)和列數(shù)都設(shè)置為非零值時，指定的列數(shù)將被忽略。列數(shù)通過指定的行數(shù)和布局中的組件總數(shù)來確定。因此，例如，如果指定了三行和兩列，在布局中添加了九個組件，則它們將顯示為三行三列。僅當(dāng)將行數(shù)設(shè)置為零時，指定列數(shù)才對布局有效。

class GridLayoutUse {
    public GridLayoutUse() {
        JFrame jFrame = new JFrame("網(wǎng)格布局窗口");

        // 創(chuàng)建一個面板并使用網(wǎng)格布局
        JPanel jPanel = new JPanel(new GridLayout(2, 2));
        // 創(chuàng)建五個按鈕，測試2行2列超出效果
        JButton jButton1 = new JButton("按鈕1");
        JButton jButton2 = new JButton("按鈕2");
        JButton jButton3 = new JButton("按鈕3");
        JButton jButton4 = new JButton("按鈕4");
        JButton jButton5 = new JButton("按鈕5");
        jPanel.add(jButton1);
        jPanel.add(jButton2);
        jPanel.add(jButton3);
        jPanel.add(jButton4);
        jPanel.add(jButton5);
        jFrame.setContentPane(jPanel);

        // 省略公共代碼
    }
}

3.3、邊框布局

BorderLayout，邊界布局管理器,它把 Container 按方位分為 5 個區(qū)域（東、西、南、北、中），每個區(qū)域放置一個組件。

class BorderLayoutUse {
    public BorderLayoutUse() {
        JFrame jFrame = new JFrame("網(wǎng)格布局窗口");

        // 創(chuàng)建一個面板并使用邊框布局
        JPanel jPanel = new JPanel(new BorderLayout());
        // 創(chuàng)建五個按鈕，測試2行2列超出效果
        JButton jButton1 = new JButton("東");
        JButton jButton2 = new JButton("西");
        JButton jButton3 = new JButton("南");
        JButton jButton4 = new JButton("北");
        JButton jButton5 = new JButton("中");
        jPanel.add(jButton1, BorderLayout.EAST);
        jPanel.add(jButton2, BorderLayout.WEST);
        jPanel.add(jButton3, BorderLayout.SOUTH);
        jPanel.add(jButton4, BorderLayout.NORTH);
        jPanel.add(jButton5, BorderLayout.CENTER);
        jFrame.setContentPane(jPanel);

        // 省略公共代碼
    }
}

4、組件

4.1、基本組件

標簽

JLabel，標簽，主要用于展示文本或圖片，也可以同時顯示文本和圖片。

class JLabelUse {
    public JLabelUse() {
        JFrame jFrame = new JFrame("標簽窗口");
        JPanel jPanel = new JPanel();

        // 只顯示文本的標簽
        JLabel textLabel = new JLabel("只顯示文本的標簽");
        textLabel.setFont(new Font(null, Font.PLAIN, 25));
        jPanel.add(textLabel);

        // 只顯示圖片的標簽
        JLabel imgLabel = new JLabel(new ImageIcon("bj.jpg"));
        jPanel.add(imgLabel);

        // 同時顯示文本和圖片的標簽：水平方向文本在圖片中心
        JLabel jLabel = new JLabel("顯示文本", new ImageIcon("bj.jpg"), SwingConstants.CENTER);
        jPanel.add(jLabel);
		
        jFrame.setContentPane(jPanel);
        // 省略公共代碼
    }
}

按鈕

class JButtonAndRadioAndCheckBox {
    public JButtonAndRadioAndCheckBox() {
        JFrame jFrame = new JFrame("標簽窗口");
        JPanel jPanel = new JPanel();

        /**
         * 普通圖片按鈕
         */
        JButton jButton = new JButton("圖片按鈕", new ImageIcon("bj.jpg"));
        jButton.addActionListener(e -> {
            System.out.println("圖片按鈕被點擊了");
        });
        jPanel.add(jButton);

        /**
         * 單選按鈕
         */
        // 創(chuàng)建按鈕組，將單選按鈕添加到該組，確保只能選擇其一
        ButtonGroup buttonGroup = new ButtonGroup();
        // 創(chuàng)建單選按鈕
        JRadioButton man = new JRadioButton("男");
        JRadioButton woman = new JRadioButton("女");
        // 設(shè)置第一個被選中
        man.setSelected(true);
        // 將按鈕添加到按鈕組中
        buttonGroup.add(man);
        buttonGroup.add(woman);
        // 將按鈕添加到面板中
        jPanel.add(man);
        jPanel.add(woman);

        /**
         * 多選按鈕
         */
        // 添加多選按鈕
        JCheckBox jCheckBox1 = new JCheckBox("香蕉");
        JCheckBox jCheckBox2 = new JCheckBox("蘋果");
        JCheckBox jCheckBox3 = new JCheckBox("梨子");
        JCheckBox jCheckBox4 = new JCheckBox("黃瓜");
        // 添加事件監(jiān)聽，添加第一個復(fù)選框的狀態(tài)被改變的監(jiān)聽（其他復(fù)選框如果需要監(jiān)聽狀態(tài)改變，則可按此方法添加監(jiān)聽）
        jCheckBox1.addChangeListener(e -> {
            // 獲取事件源（即復(fù)選框本身）
            JCheckBox jCheckBox = (JCheckBox) e.getSource();
            System.out.println(jCheckBox.getText() + " 是否選中: " + jCheckBox.isSelected());
        });
        jCheckBox1.setSelected(true);
        jPanel.add(jCheckBox1);
        jPanel.add(jCheckBox2);
        jPanel.add(jCheckBox3);
        jPanel.add(jCheckBox4);


        jFrame.setContentPane(jPanel);
       // 省略公共代碼
    }
}

列表

JComboBox，下拉框。JComboBox以下列列表的形式展示多個選項，用戶可以從下拉列表中選擇一個值。如果設(shè)置JComboBox為可編輯狀態(tài)，除了選擇指定的選項值外，還允許用戶自行輸入值（自行輸入的值索引為-1）。

JList，列表框。JList 以列表的形式展示多個選項，允許用戶選擇一個或多個選項。其中的選項內(nèi)容由一個 ListModel 實例來維護。JList 不實現(xiàn)直接滾動，需要滾動顯示，可以結(jié)合 JScrollPane 實現(xiàn)滾動效果。

class JComboBoxAndJList {
    public JComboBoxAndJList() {
        JFrame jFrame = new JFrame("列表窗口");
        JPanel jPanel = new JPanel();
        JLabel jLabel = new JLabel("水果");

        /**
         * 下拉框：這里的數(shù)組列表可以使用Vector<String>集合進行
         */
        final JComboBox<String> jComboBox = new JComboBox<>(new String[]{"香蕉", "雪梨", "蘋果", "荔枝"});
        // 添加條目選中狀態(tài)改變的監(jiān)聽器
        jComboBox.addItemListener(e -> {
            // 只處理選中的狀態(tài)
            if (e.getStateChange() == ItemEvent.SELECTED) {
                System.out.println("選中: " + jComboBox.getSelectedIndex() + " = " + jComboBox.getSelectedItem());
            }
        });
        jPanel.add(jLabel);
        jPanel.add(jComboBox);

        /**
         * 列表框
         */
        final JList<String> jList = new JList<>();
        // 設(shè)置一下首選大小
        jList.setPreferredSize(new Dimension(200, 100));
        // 允許可間斷的多選
        jList.setSelectionMode(ListSelectionModel.MULTIPLE_INTERVAL_SELECTION);
        // 設(shè)置選項數(shù)據(jù)（內(nèi)部將自動封裝成 ListModel ），這里的數(shù)組列表可以使用Vector<String>集合進行
        jList.setListData(new String[]{"香蕉", "雪梨", "蘋果", "荔枝"});
        // 添加選項選中狀態(tài)被改變的監(jiān)聽器
        jList.addListSelectionListener(e -> {
            // 獲取所有被選中的選項索引
            int[] indices = jList.getSelectedIndices();
            // 獲取選項數(shù)據(jù)的 ListModel
            ListModel<String> listModel = jList.getModel();
            // 輸出選中的選項
            for (int index : indices) {
                System.out.println("選中: " + index + " = " + listModel.getElementAt(index));
            }
            System.out.println();
        });
        jPanel.add(jList);

        jFrame.setContentPane(jPanel);
      // 省略公共代碼
    }
}

文本框

JTextField，文本框。JTextField 用來編輯單行的文本。

JPasswordField，密碼框。JPasswordField 繼承自 JTextField，只是顯示輸入的內(nèi)容時用特定的字符替換顯示（例如 * 或 ●），用法和 JTextField 基本一致。

JTextArea，文本區(qū)域。JTextArea 用來編輯多行的文本。JTextArea 除了允許多行編輯外，其他基本用法和 JTextField 基本一致。

class JTextFieldAndJPasswordFieldAndJTextAreaUse {
    public JTextFieldAndJPasswordFieldAndJTextAreaUse() {
        JFrame jFrame = new JFrame("列表窗口");
        JPanel jPanel = new JPanel(new GridLayout(3,1));

        /**
         * 文本框
         */
        final JTextField jTextField = new JTextField(10);
        jTextField.setFont(new Font(null, Font.PLAIN, 20));
        jPanel.add(new JLabel("用戶名"));
        jPanel.add(jTextField);

        /**
         * 密碼框
         */
        final JPasswordField jPasswordField = new JPasswordField(32);
        jPanel.add(new JLabel("密 碼"));
        jPanel.add(jPasswordField);

        /**
         * 文本域
         */
        // 創(chuàng)建一個 5 行 10 列的文本區(qū)域
        JTextArea jTextArea = new JTextArea(5, 10);
        // 自動換行
        jTextArea.setLineWrap(true);
        jPanel.add(new JLabel("文本域"));
        jPanel.add(jTextArea);

        jFrame.setContentPane(jPanel);
        // 省略公共代碼
    }
}

進度條和滑塊

JProgressBar，進度條。以可視化形式顯示某些任務(wù)進度的組件，進度條中心可顯示進度百分比的文本表示形式。一個任務(wù)的進度長度未知時，可將進度條設(shè)置為不確定模式。不確定模式的進度條持續(xù)地顯示動畫來表示正進行的操作。當(dāng)可以確定任務(wù)長度和進度量時，則可設(shè)置進度條的最大最小值，以及更新進度條的進度值，將其切換回確定模式。

JSlider，滑塊。以圖形方式在有界區(qū)間內(nèi)通過移動滑塊來選擇值的組件。滑塊可以顯示主刻度標記以及主刻度之間的次刻度標記。刻度標記之間的值的個數(shù)由 setMajorTickSpacing(int) 和 setMinorTickSpacing(int) 來控制。刻度標記的繪制由 setPaintTicks(boolean) 控制。滑塊也可以在固定時間間隔（或在任意位置）沿滑塊刻度打印文本標簽。標簽的繪制由 setLabelTable(Dictionary) 和 setPaintLabels(boolean) 控制。
PS: 當(dāng)滑塊獲得焦點后，按鍵盤上的 上下左右鍵 也可以滑動滑塊。

class JProgressBarAndJSliderUse {
    public JProgressBarAndJSliderUse() {
        JFrame jFrame = new JFrame("列表窗口");
        JPanel jPanel = new JPanel(new GridLayout(3, 1));

        /**
         * 進度條：
         *     全參構(gòu)造參數(shù)說明：JProgressBar(int orient, int min, int max)
         *         orient: 進度條的方向，SwingConstants.VERTICAL 或 SwingConstants.HORIZONTAL，默認為水平方向
         *         min: 最小進度值；max: 最大進度值
         *     常用方法：
         *         設(shè)置最小進度值、最大進度值和當(dāng)前進度值：setMinimum(int min)，setMaximum(int max)，setValue(int n)
         *         獲取當(dāng)前進度值：getValue()
         *         獲取當(dāng)前進度的百分比：getPercentComplete()
         *         是否繪制百分比文本（進度條中間顯示的百分數(shù)）：setStringPainted(boolean b)
         *         設(shè)置進度條進度是否為不確定模式：setIndeterminate(boolean newValue)
         *         設(shè)置進度條的方向，SwingConstants.VERTICAL 或 SwingConstants.HORIZONTAL：setOrientation(int newOrientation)
         *         添加進度條的進度改變監(jiān)聽器：addChangeListener(ChangeListener l)
         */
        JProgressBar jProgressBar = new JProgressBar(0, 100);
        jProgressBar.setValue(20);
        jProgressBar.addChangeListener(e -> {
            System.out.println("當(dāng)前進度值: " + jProgressBar.getValue() + "; " +
                    "進度百分比: " + jProgressBar.getPercentComplete());
        });
        jPanel.add(jProgressBar);

        /**
         * 滑塊：
         *     全參構(gòu)造參數(shù)說明：JSlider(int orientation, int min, int max, int value)
         *         orientation: 滑塊的方向，SwingConstants.VERTICAL 或 SwingConstants.HORIZONTAL，默認為水平方向
         *         min: 滑塊的最小值； max: 滑塊的最大值
         *         value: 滑塊的初始值（默認為 最小值 和 最大值 之間的 中間值）
         *     常用方法：
         *         設(shè)置滑塊的最小值、最大值、當(dāng)前值：setMinimum(int min)，setMaximum(int max)，setValue(int n)
         *         獲取滑塊的當(dāng)前值：getValue()
         *         設(shè)置主刻度標記間隔：setMajorTickSpacing(int n)
         *         設(shè)置單個主刻度內(nèi)的次刻度標記間隔：setMinorTickSpacing(int n)
         *         設(shè)置是否繪制刻度線：setPaintTicks(boolean b)
         *         設(shè)置是否繪制刻度標簽（刻度值文本）：setPaintLabels(boolean b)
         *         設(shè)置是否繪制滑道：setPaintTrack(boolean b)
         *         設(shè)置是否顛倒刻度值（刻度值從大到小）：setInverted(boolean b)
         *         設(shè)置滑塊是否對齊到刻度。設(shè)置為 true，則滑塊最終只能在有刻度的位置取值，即滑塊取值不連續(xù)：setSnapToTicks(boolean b)
         *         添加滑塊的值改變監(jiān)聽器：addChangeListener(ChangeListener l)
         */
        JSlider jSlider = new JSlider(0, 20, 10);
        // 設(shè)置主刻度間隔
        jSlider.setMajorTickSpacing(5);
        // 設(shè)置次刻度間隔
        jSlider.setMinorTickSpacing(1);
        // 繪制刻度和標簽
        jSlider.setPaintTicks(true);
        jSlider.setPaintLabels(true);
        jSlider.addChangeListener(e -> {
            System.out.println("當(dāng)前值: " + jSlider.getValue());
        });
        jPanel.add(jSlider);

        jFrame.setContentPane(jPanel);
        // 省略公共代碼
    }
}

4.2、復(fù)雜組件

文件和顏色選擇器

JFileChooser，文件選取器。JFileChooser為用戶選擇文件提供了一種簡單的機制，包括打開文件和保存文件。
構(gòu)造方法和常用方法如下：

class FileSelectedUse {
    public FileSelectedUse() {
        JFrame jFrame = new JFrame();
        JPanel jPanel = new JPanel();

        /**
         * 顯示 打開文件 或 保存文件 的對話框（線程將被阻塞, 直到選擇框被關(guān)閉）：showOpenDialog(Component parent), showSaveDialog(Component parent)
         *     參數(shù)：
         *         parent: 文件選取器對話框的父組件, 對話框?qū)M量顯示在靠近 parent 的中心; 如果傳 null, 則顯示在屏幕中心。
         *     返回值：
         *         JFileChooser.CANCEL_OPTION: 點擊了取消或關(guān)閉
         *         JFileChooser.APPROVE_OPTION: 點擊了確認或保存
         *         JFileChooser.ERROR_OPTION: 出現(xiàn)錯誤
         */
        final JTextArea jTextArea = new JTextArea(10, 30);
        jTextArea.setLineWrap(true);
        jPanel.add(jTextArea);

        JButton openBtn = new JButton("打開");
        openBtn.addActionListener(e -> showFileOpenDialog(jFrame, jTextArea));
        jPanel.add(openBtn);

        JButton saveBtn = new JButton("保存");
        saveBtn.addActionListener(e -> showFileSaveDialog(jFrame, jTextArea));
        jPanel.add(saveBtn);

        jFrame.setContentPane(jPanel);
        // 省略公共代碼
    }

    /**
     * 打開文件
     * @param parent 組件
     * @param msgTextArea 文本域
     */
    private static void showFileOpenDialog(Component parent, JTextArea msgTextArea) {
        // 創(chuàng)建一個默認的文件選取器
        JFileChooser fileChooser = new JFileChooser();
        // 設(shè)置默認顯示的文件夾為當(dāng)前文件夾
        fileChooser.setCurrentDirectory(new File("."));
        // 設(shè)置文件選擇的模式（只選文件、只選文件夾、文件和文件均可選）
        fileChooser.setFileSelectionMode(JFileChooser.FILES_AND_DIRECTORIES);
        // 設(shè)置是否允許多選
        fileChooser.setMultiSelectionEnabled(true);
        // 添加可用的文件過濾器（FileNameExtensionFilter 的第一個參數(shù)是描述, 后面是需要過濾的文件擴展名 可變參數(shù)）
        fileChooser.addChoosableFileFilter(new FileNameExtensionFilter("zip(*.zip, *.rar)", "zip", "rar"));
        // 設(shè)置默認使用的文件過濾器
        fileChooser.setFileFilter(new FileNameExtensionFilter("image(*.jpg, *.png, *.gif)", "jpg", "png", "gif"));
        // 打開文件選擇框（線程將被阻塞, 直到選擇框被關(guān)閉）
        int result = fileChooser.showOpenDialog(parent);
        if (result == JFileChooser.APPROVE_OPTION) {
            // 如果點擊了"確定", 則獲取選擇的文件路徑
            File file = fileChooser.getSelectedFile();
            // 如果允許選擇多個文件, 則通過下面方法獲取選擇的所有文件
            msgTextArea.append("打開文件: " + file.getAbsolutePath() + "\n\n");
        }
    }

    /**
     * 選擇文件保存路徑
     * @param parent 組件
     * @param msgTextArea 文本域
     */
    private static void showFileSaveDialog(Component parent, JTextArea msgTextArea) {
        // 創(chuàng)建一個默認的文件選取器
        JFileChooser fileChooser = new JFileChooser();
        // 設(shè)置打開文件選擇框后默認輸入的文件名
        fileChooser.setSelectedFile(new File("測試文件.zip"));
        // 打開文件選擇框（線程將被阻塞, 直到選擇框被關(guān)閉）
        int result = fileChooser.showSaveDialog(parent);
        if (result == JFileChooser.APPROVE_OPTION) {
            // 如果點擊了"保存", 則獲取選擇的保存路徑
            File file = fileChooser.getSelectedFile();
            msgTextArea.append("保存到文件: " + file.getAbsolutePath() + "\n\n");
        }
    }
}

JColorChooser，顏色選取器。JColorChooser提供一個用于允許用戶操作和選擇顏色的控制器對話框。

class ColorSelectedUse {
    public ColorSelectedUse() {
        JFrame jFrame = new JFrame();
        JPanel jPanel = new JPanel();
        final JLabel jLabel = new JLabel();
        jLabel.setPreferredSize(new Dimension(150, 150));
        jLabel.setOpaque(true);
        jPanel.add(jLabel);

        JButton jButton = new JButton("選擇顏色");
        jButton.addActionListener(e -> {
            /**
             * 顯示一個顏色選取器對話框（線程將被阻塞, 直到對話框被關(guān)閉）
             *     參數(shù)說明:
             *          component: 對話框的父組件, 對話框?qū)⒕o靠 component 的中心顯示; 如果傳 null, 則對話框顯示在屏幕中心。
             *          title: 對話框標題。
             *          initialColor: 初始選中的顏色; 如果傳 null, 則默認為非透明白色。
             *      返回值：
             *          返回選擇的顏色; 如果點擊了取消或關(guān)閉, 則返回 null。
             */
            Color color = JColorChooser.showDialog(jFrame, "選取顏色", null);
            // 如果用戶取消或關(guān)閉窗口, 則返回的 color 為 null
            if (color == null) {
                return;
            }
            // 把選取的顏色設(shè)置為標簽的背景
            jLabel.setBackground(color);
            // 獲取顏色的 ARGB 各個分量值
            int alpha = color.getAlpha();
            int red = color.getRed();
            int green = color.getGreen();
            int blue = color.getBlue();
            jLabel.setText("A=" + String.format("%02x", alpha) + ", " +
                    String.format("#%02x%02x%02x", red, green, blue));
        });
        jPanel.add(jButton);

        jFrame.setContentPane(jPanel);
        // 省略公共代碼
    }
}

菜單欄和工具欄

JMenuBar，菜單欄。菜單欄組件添加到 JFrame 窗口后，在窗口的內(nèi)容顯示區(qū)域的頂部出現(xiàn)。實現(xiàn)一個菜單欄主要涉及三種類:

• JMenuBar：表示一個菜單欄。
• JMenu：表示菜單欄上的一個一級菜單。
• JMenuItem, JCheckBoxMenuItem, JRadioButtonMenuItem：表示一級菜單下的一個子菜單項，三者分別表示 普通的子菜單、帶復(fù)選框的子菜單、帶單選按鈕的子菜單。

PS: JMenu 繼承自 JMenuItem，所以一個 JMenu 也可以當(dāng)做是一個二級子菜單項，通過 JMenu 和 JMenuItem 之間的嵌套，可實現(xiàn)多級子菜單效果。
構(gòu)造參數(shù)和常用方法如下

class JMenuBarUse{
    public JMenuBarUse() {
        JFrame jFrame = new JFrame();
        JPanel jPanel = new JPanel();

        // 創(chuàng)建一個菜單欄
        JMenuBar jMenuBar = new JMenuBar();
        
        // 創(chuàng)建一級菜單
        JMenu fileMenu = new JMenu("文件");
        JMenu editMenu = new JMenu("編輯");
        // 將一級菜單添加到菜單欄
        jMenuBar.add(fileMenu);
        jMenuBar.add(editMenu);
        
        // 創(chuàng)建文件菜單的子菜單
        JMenuItem openMenuItem  = new JMenuItem("打開");
        JMenuItem newMenuItem  = new JMenuItem("新建");
        fileMenu.add(newMenuItem);
        fileMenu.add(openMenuItem);

        jPanel.add(jMenuBar);
        // 省略公共代碼
    }
}

JToolBar，工具欄。JToolBar 提供了一個用來顯示常用控件的容器組件。
對于大多數(shù)的外觀，用戶可以將工具欄拖到其父容器四“邊”中的一邊，并支持在單獨的窗口中浮動顯示。為了正確執(zhí)行拖動，建議將 JToolBar 實例添加到容器四“邊”中的一邊（其中容器的布局管理器為 BorderLayout），并且不在其他四“邊”中添加任何子級。
構(gòu)造方法和常用方法如下：

class JToolBarUse{
    public JToolBarUse() {
        JFrame jFrame = new JFrame();
        JPanel jPanel = new JPanel();

        // 創(chuàng)建一個工具欄
        JToolBar jToolBar = new JToolBar("測試工具欄");
        JButton jButton = new JButton("按鈕");
        jToolBar.add(jButton);

        jPanel.add(jToolBar);
        // 省略公共代碼
    }
}

5、事件

5.1、鼠標監(jiān)聽事件

class MouseListenerUse {
    public MouseListenerUse() {
        JFrame jFrame = new JFrame("鼠標監(jiān)聽");
        JPanel jPanel = new JPanel();

        /**
         * 鼠標監(jiān)聽器
         */
        jPanel.addMouseListener(new MouseAdapter() {
            @Override
            public void mouseEntered(MouseEvent e) {
                System.out.println("鼠標進入組件區(qū)域");
            }

            @Override
            public void mouseExited(MouseEvent e) {
                System.out.println("鼠標離開組建區(qū)域");
            }

            @Override
            public void mousePressed(MouseEvent e) {
                // 獲取按下的坐標（相對于組件）
                System.out.println("相對組件" + e.getPoint() + "，橫坐標：" + e.getX() + ", 縱坐標：" + e.getY());
                // 獲取按下的坐標（相對于屏幕）
                System.out.println("相對屏幕" + e.getLocationOnScreen() + "，橫坐標：" + e.getXOnScreen() + ", 縱坐標：" + e.getYOnScreen());
            }

            @Override
            public void mouseReleased(MouseEvent e) {
                System.out.println("鼠標釋放");
            }

            @Override
            public void mouseClicked(MouseEvent e) {
                // 鼠標在組件區(qū)域內(nèi)按下并釋放（中間沒有移動光標）才識別為被點擊
                System.out.println("鼠標點擊");
            }
        });

        /**
         * 鼠標移動/拖動監(jiān)聽器
         */
        jPanel.addMouseMotionListener(new MouseMotionAdapter() {
            @Override
            public void mouseDragged(MouseEvent e) {
                // 鼠標保持按下狀態(tài)移動即為拖動
                System.out.println("鼠標拖動");
            }
            @Override
            public void mouseMoved(MouseEvent e) {
                System.out.println("鼠標移動");
            }
        });


        /**
         * 鼠標滾輪監(jiān)聽器
         */
        jPanel.addMouseWheelListener(new MouseWheelListener() {
            @Override
            public void mouseWheelMoved(MouseWheelEvent e) {
                // e.getWheelRotation() 為滾輪滾動多少的度量
                System.out.println("mouseWheelMoved: " + e.getWheelRotation());
            }
        });

       // 省略公共代碼
    }
}

5.2、鍵盤監(jiān)聽事件

組件監(jiān)聽鍵盤的按鍵，該組件必須要獲取到焦點。

如果一個窗口內(nèi)沒有可獲取焦點的組件，一般打開窗口后焦點為窗口所有，可以把鍵盤監(jiān)聽器設(shè)置到窗口（JFrame）身上。

如果窗口內(nèi)還有其他組件可獲取焦點（例如按鈕、文本框），窗口打開后焦點會被內(nèi)部組件獲得，如果想要在窗口打開期間都能監(jiān)聽鍵盤按鍵，可以為所有可獲得焦點的組件都設(shè)置一個鍵盤監(jiān)聽器。

class KeyListenerUse{
    public KeyListenerUse() {
        JFrame jFrame = new JFrame("鍵盤監(jiān)聽");
        jFrame.addKeyListener(new KeyAdapter() {
            @Override
            public void keyPressed(KeyEvent e) {
                // 獲取鍵值，和 KeyEvent.VK_XXXX 常量比較確定所按下的按鍵
                System.out.println("按下: " + e.getKeyCode() + "，鍵值為：" + e.getKeyCode());
            }

            @Override
            public void keyTyped(KeyEvent e) {
                // e.getKeyChar() 獲取鍵入的字符
                System.out.println("鍵入: " + e.getKeyChar());
            }

            @Override
            public void keyReleased(KeyEvent e) {
                System.out.println("釋放: " + e.getKeyCode());
            }
        });
        jFrame.setVisible(true);
    }
}

5.3、窗口監(jiān)聽事件

窗口監(jiān)聽器只有窗口類組件支持，例如 JFrame、JDialog。目前經(jīng)過測試，使用最多的莫過于窗口關(guān)閉和窗口激活。

class WindowListenerUse{
    public WindowListenerUse() {
        JFrame jFrame = new JFrame("窗口監(jiān)聽");
        jFrame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.out.println("窗口被關(guān)閉了");
            }

            @Override
            public void windowActivated(WindowEvent e) {
                System.out.println("窗口被激活了");
            }
        });
        jFrame.setVisible(true);
    }
}

• 1、Java GUI 概述
• 2、容器
• 2、1 窗口
• 2、2 彈窗和對話框
• 對話框
• 自定義彈窗
• 2、3 面板
• 普通面板
• 滾動面板
• 分隔面板
• 選項卡面板
• 3、布局
• 3.1、流式布局
• 3.2、網(wǎng)格布局
• 3.3、邊框布局
• 4、組件
• 4.1、基本組件
• 標簽
• 按鈕
• 列表
• 文本框
• 進度條和滑塊
• 4.2、復(fù)雜組件
• 文件和顏色選擇器
• 菜單欄和工具欄
• 5、事件
• 5.1、鼠標監(jiān)聽事件
• 5.2、鍵盤監(jiān)聽事件
• 5.3、窗口監(jiān)聽事件

本文作者： 靜守己心、笑淡浮華

出處： https://www.cnblogs.com/mmgmj/p/16397070.html

Panel（github.com/1Panel-dev/1Panel）是一款現(xiàn)代化、開源的Linux服務(wù)器運維管理面板，它致力于通過開源的方式，幫助用戶簡化建站與運維管理流程。為了方便廣大用戶快捷安裝部署相關(guān)軟件應(yīng)用，1Panel特別開通應(yīng)用商店，精選各類高質(zhì)量的開源工具和應(yīng)用軟件，為用戶的應(yīng)用安裝與升級操作提供便利。

目前，1Panel應(yīng)用商店已經(jīng)上架了超過100款精品軟件并且定期更新維護，基本涵蓋了大部分用戶的基本裝機需求。自2024年1月起，1Panel開源項目組特別開設(shè)“應(yīng)用推薦”專欄，為大家推薦1Panel應(yīng)用商店中的寶藏開源軟件。

本期推薦應(yīng)用

Uptime Kuma

-官方網(wǎng)站-

https://uptime.kuma.pet

-開源許可協(xié)議-

MIT license

-應(yīng)用描述-

Uptime Kuma是一款開源的服務(wù)器監(jiān)控和狀態(tài)檢測工具，它能夠幫助用戶跟蹤服務(wù)器的可用性、性能和健康狀態(tài)。

-開發(fā)語言-

JavaScript、Vue

-上架版本-

v1.23.13

-GitHub Star-

50,000+

-GitHub Fork-

4,400+

推薦原因

在當(dāng)今網(wǎng)頁已成為重要信息傳播渠道和新興社交工具的時代，個人用戶和企業(yè)用戶通常需要同時管理多個網(wǎng)站。對于網(wǎng)站的所有者來說，網(wǎng)站每一秒鐘失去連接都會帶來巨大的經(jīng)濟損失。因此，及時監(jiān)控多個網(wǎng)站的服務(wù)狀態(tài)，及時發(fā)現(xiàn)并解決網(wǎng)站服務(wù)故障變得至關(guān)重要。

Uptime Kuma是一款開源的服務(wù)器監(jiān)控和狀態(tài)檢測工具，能夠通過直觀的圖形用戶界面實時反饋服務(wù)器的可用性、性能和健康狀況。

借助Uptime Kuma，用戶可以監(jiān)控HTTP(s)、TCP、HTTP(s)關(guān)鍵詞、HTTP(s) JSON查詢、Ping、DNS記錄、推送、Docker容器運行時間、Steam游戲服務(wù)等常見網(wǎng)站運行參數(shù)。當(dāng)服務(wù)器發(fā)生意外情況時，Uptime Kuma支持用戶選擇70多種通知服務(wù)，例如Telegram、Discord、Gotify、Slack、Pushover、電子郵件等，以便及時接收網(wǎng)站服務(wù)故障通知，幫助用戶減少經(jīng)濟損失。

Uptime Kuma具有靈活高效的用戶交互界面，用戶可以根據(jù)需要隱藏或顯示監(jiān)控狀態(tài)，并且可以使用網(wǎng)頁標簽功能對不同功能的網(wǎng)站進行分類，以便在特定時段關(guān)注高風(fēng)險站點。此外，Uptime Kuma還提供多種語言支持，官方提供的中文語言包有助于用戶降低理解和使用成本。