《JAVA》容器與界面精準(zhǔn)布局

1、容器與界面精準(zhǔn)布局圖形用戶界面概述容器類布局管理器主 要內(nèi) 容圖形用戶界面（Graphics User Interface，GUI）是指使用包括窗口、圖標(biāo)、組件等的圖形顯示方式，鼠標(biāo)、鍵盤等輸入設(shè)備，事件驅(qū)動(dòng)機(jī)制來(lái)實(shí)現(xiàn)與用戶進(jìn)行交互操作的應(yīng)用程序界面。計(jì)算機(jī)應(yīng)用發(fā)展到現(xiàn)在，GUI已經(jīng)成為應(yīng)用程序的基本要求。14.1 圖形用戶界面概述14.1 圖形用戶界面概述窗口及常見(jiàn)的圖形用戶界面元素設(shè)計(jì)圖形用戶界面，主要完成兩個(gè)任務(wù)： （1）根據(jù)程序的需要選擇恰當(dāng)?shù)膱D形組件構(gòu)造界面，并進(jìn)行合理的布局。 （2）利用事件驅(qū)動(dòng)機(jī)制定義界面組件與用戶之間的交互，對(duì)用戶行為進(jìn)行響應(yīng)。14.1 圖形用戶界面概述Java

2、專門設(shè)計(jì)了類庫(kù)來(lái)滿足各種圖形用戶界面元素和用戶交互事件。Java的GUI類庫(kù)由和兩個(gè)包組成，分別稱為AWT組件庫(kù)和Swing組件庫(kù)。14.1 圖形用戶界面概述包, AWT, 抽象窗口工具集依賴本地GUI, “重型組件”(heavyweight component)包, Swing組件庫(kù)不依賴本地GUI, “輕型組件”(lightweight compont)14.1 圖形用戶界面概述14.1 圖形用戶界面概述GUI類的分類:容器類 container class用來(lái)包含其他組件。如: JFrame, JPanel, JApplet, 14.1 圖形用戶界面概述GUI類的分類:輔助類 helpe

3、r class組件和容器用來(lái)繪制和放置對(duì)象如: Graphics, Color, Font, FontMetrics, Dimension, 14.1 圖形用戶界面概述GUI類的分類:組件類 component class用戶界面的組成部分如: JButton, JTextField, JTextArea, 14.2 容器類容器是圖形用戶界面設(shè)計(jì)中必不可少的界面元素，它是用來(lái)放置其它組件的特殊組件。Swing容器類主要包括：頂層容器面板容器圖形用戶界面的頂層容器是指應(yīng)用程序的最外層容器，通常直接出現(xiàn)在操作系統(tǒng)的桌面上，頂層容器不能再被其它容器包含。14.2.1 頂層容器：用于構(gòu)造GUI窗口的頂

4、層容器類，是組織管理其它Swing組件形成復(fù)雜界面的基礎(chǔ)。：用于構(gòu)造GUI對(duì)話框窗口的頂層容器類，一般用于接收來(lái)自用戶的指令或通知事件發(fā)生的容器。Swing組件的頂層容器類主要有：import javax.swing.JFrame;public class MyFrame public static void main(String args) JFrame frame = new JFrame(My Frame);框架JFrame1. 創(chuàng)建框架 frame.setSize(400, 300); frame.setLocationRelativeTo(null); (JFrame.EXIT_O

5、N_CLOSE); frame.setVisible(true); 框架JFrame1. 創(chuàng)建框架掌握: 構(gòu)造方法; 設(shè)置窗口大小; 顯示窗口演示import javax.swing.*;import java.awt.*;public class MyFrameWithComponents public static void main(String args) JFrame frame = new JFrame(Adding Components into the Frame);框架JFrame2. 在框架中添加組件 Container container = frame.getConte

6、ntPane(); JButton jbtOK = new JButton(OK); container.add(jbtOK);frame.setSize(400,300); frame.setVisible(true);CLOSE); 演示import javax.swing.JFrame;public class FrameUseInherit extends JFrame public FrameUseInherit() /* 無(wú)參構(gòu)造方法 */ this(A Frame Demo);框架JFrame3. 使用繼承創(chuàng)建窗口 public FrameUseInherit(String ti

7、tle) /* 參數(shù)為窗口標(biāo)題的構(gòu)造方法 */ super(title); this.setSize(400,300);this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); this.setVisible(true); public static void main(String args) /* main方法 */ new FrameUseInherit(); new FrameUseInherit(使用繼承創(chuàng)建的窗口); 演示14.2.2 面板容器面板容器是一種中間層容器，可放置其他GUI組件，也可作為一個(gè)組件添加到其他容器中。利用面板容

8、器可以實(shí)現(xiàn)界面的嵌套和復(fù)雜的GUI界面。Swing包主要面板容器：Jpanel類JScrollPane類14.2.2 面板容器類為一個(gè)通用的輕型容器，主要用于管理放置其中的GUI組件以形成界面的局部功能，再作為一個(gè)整體添加到頂層容器或面板容器。另一個(gè)作用是作為繪圖操作的“畫(huà)布”。 類，為需要進(jìn)行內(nèi)容滾動(dòng)的GUI組件提供一個(gè)輕型的滾動(dòng)視圖。當(dāng)要顯示的內(nèi)容超出組件范圍示，根據(jù)設(shè)置自動(dòng)出現(xiàn)水平和垂直滾動(dòng)條。14.2.2 面板容器JPanel容器在Java GUI設(shè)計(jì)時(shí), 經(jīng)常使用JPanel作為分組放置用戶界面組件的子容器。并進(jìn)行面板有嵌套。演示14.3 布局管理器布局管理器管理GUI組件在界面容器

9、的位置和大小。布局管理器由布局管理類創(chuàng)建，所有布局管理器類都實(shí)現(xiàn)了java.awt. LayoutManager接口。14.3 布局管理器容器包含一個(gè)setLayout(LayoutManager)方法設(shè)置其布局管理器。最常用的三種布局管理器：FlowLayoutGridLayoutBorderLayout14.3.1 FlowLayout流式布局FlowLayout按照添加順序, 由左向右將組件排列在容器中, 放滿一行就開(kāi)始新的一行。14.3.1 FlowLayout組件在容器中有3種對(duì)齊方式:FlowLayout.LEFTFlowLayout.CENTERFlowLayout.RIGHT1

10、4.3.1 FlowLayoutFlowLayout的構(gòu)造方法:public FlowLayout(int align, int hGap, int vGap)public FlowLayout(int align)public FlowLayout()14.3.1 FlowLayout注意: 組件大小由自身決定。14.3.2 GridLayoutGridLayout按照構(gòu)造方法定義的行數(shù)和列數(shù), 以網(wǎng)格的形式排列組件。按照添加順序自左向右, 自上而下。14.3.2 GridLayoutFlowLayout的構(gòu)造方法:public GridLayout(int rows, int cols,

11、int hGap, int vGap)public GridLayout(int rows, int cols)public GirdLayout()行數(shù)和列數(shù)可以為0, 但不能同時(shí)為0. 若其中一個(gè)為0, 則不為0的維數(shù)已經(jīng)確定, 為0的維數(shù)由布局管理器動(dòng)態(tài)決定。如果行數(shù)和列數(shù)均不為0, 則行數(shù)為主要參數(shù). 即行數(shù)按指定數(shù)值固定, 列數(shù)動(dòng)態(tài)調(diào)整。14.3.2 GridLayout行數(shù)和列數(shù)的指定規(guī)則:14.3.2 GridLayout注意: 組件大小相同,由布局管理器動(dòng)態(tài)控制。14.3.3 BorderLayoutBorderLayout把窗口分為5區(qū): 東、南、西、北、中。 使用add(c

12、omponent, index)方法添加組件。14.3.3 BorderLayout其中參數(shù)index的取值可以是:BorderLayout.EASTBorderLayout.SOUTHBorderLayout.WESTBorderLayout.NORTHBorderLayout.CENTER14.3.3 BorderLayoutBorderLayout的構(gòu)造方法:public BorderLayout(int hGap, int vGap)public BorderLayout()14.3.3 BorderLayout注意:東/西組件的寬度固定,南/北組件的高度固定,其它由布局管理器動(dòng)態(tài)控制。14.3.4 布局管理器的屬性各布局管理器均有屬性及相應(yīng)的訪問(wèn)器和修改器:FlowLayout: alignment, hGap, vGapGridLayout: rows,