Java GUI進(jìn)階之流式布局管理器FlowLayout專項(xiàng)精講

更新時(shí)間：2022年04月29日 11:31:38 作者：LNORA

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

Java GUI

GUI的全稱是Graphical User Interface，即圖形用戶界面，是應(yīng)用程序提供給用戶操作的圖形界面，包括窗口，菜單，按鈕，工具欄和其他各種圖形界面元素。

AWT概述

AWT是用于創(chuàng)建圖形用戶界面的一個(gè)工具包，提供了一些用于實(shí)現(xiàn)圖形界面的組件，，在JDK中針對每個(gè)組件都提供了對應(yīng)的Java類，這些類都位于Java.awt包。

AWT中的繼承關(guān)系

1、Windows

Windows中有兩個(gè)子類，F(xiàn)rame類和Dialog類，F(xiàn)rame類用于創(chuàng)建一個(gè)具有標(biāo)題的框架窗口，作為程序的主界面，Dialog類用于創(chuàng)建一個(gè)對話框，實(shí)現(xiàn)與用戶的信息交互。

2、Panel

Panel是一個(gè)容器，不能單獨(dú)存在，只能存在于Windows及其子類中，一個(gè)Panel對象代表了一個(gè)長方形的區(qū)域，在這個(gè)區(qū)域中可以容納其他的組件，

package AWT;
 import java.awt.*;
 public class GeZi {
     public static void main(String[] args) {
         Frame f=new Frame("我的世界!");
         //設(shè)置窗體的寬和高
         f.setSize(600,300);
         //設(shè)置窗體在屏幕中所處的位置(參考是左上角坐標(biāo))
         f.setLocation(600,200);
         f.setVisible(true);
     }
 }

布局管器

組件在容器中的位置和尺寸是由布局管理器來決定的。在java.awt包中提供了5種布局管理器，分別是FlowLayout(流式布局管理器)，BorderLayout(邊界布局管理器)，GirdLayout(網(wǎng)格布局管理器)，GirdBagLayout(網(wǎng)格包布局管理器)，CardLayout(卡片布局管理器)，每個(gè)容器在創(chuàng)建時(shí)都會(huì)默認(rèn)使用一種布局管理器，在程序中可以通過調(diào)用容器對象的setLayout()方法設(shè)置布局管理器，通過布局管理器來自動(dòng)進(jìn)行組建的布局管理。

FlowLayout(流式布局管理器)

在這種布局方式下，容器會(huì)將組件按照添加順序從左向右放置。當(dāng)達(dá)到容器的邊界時(shí)，會(huì)自動(dòng)將組件放到下一行的開始位置，可以將組件設(shè)置成左對齊，居中對齊或右對齊，F(xiàn)lowLayout有三個(gè)構(gòu)造方法。

 FlowLayout()//組件默認(rèn)居中對齊，水平，垂直間距離為5個(gè)單位
     FlowLayout(int align)//指定組件相對于容器的對齊方式，水平，垂直間距默認(rèn)5個(gè)單位
     FlowLayout(int align,int hgap,int vgap)//指定組件的對齊方式和水平，垂直間距

 package AWT;
 import java.awt.*;
 public class LuiSi {
     public static void main(String[] args) {
         final Frame f=new Frame("FlowLayout");
         //設(shè)置布局管理器為FlowLayout，所有組件左對齊，水平間距為20，垂直間距為30
         f.setLayout(new FlowLayout(FlowLayout.LEFT,20,30));
         f.setSize(220,300);
         f.setLocation(300,200);
         f.add(new Button("第1個(gè)按鈕"));
         f.add(new Button("第2個(gè)按鈕"));
         f.add(new Button("第3個(gè)按鈕"));
         f.add(new Button("第4個(gè)按鈕"));
         f.add(new Button("第5個(gè)按鈕"));
         f.add(new Button("第6個(gè)按鈕"));
         f.setVisible(true);
     }
 }