java圖形界面之布局設(shè)計(jì)
在界面設(shè)計(jì)中,一個(gè)容器要放置許多組件,為了美觀,為組件安排在容器中的位置,這就是布局設(shè)計(jì)。java.awt中定義了多種布局類,每種布局類對(duì)應(yīng)一種布局的策略。常用的有以下布局類:
•FlowLayout,依次放置組件。
•BoarderLayout,將組件放置在邊界上。
•CardLayout,將組件像撲克牌一樣疊放,而每次只能顯示其中一個(gè)組件。
•GridLayout,將顯示區(qū)域按行、列劃分成一個(gè)個(gè)相等的格子,組件依次放入這些格子中。
•GridBagLayout,將顯示區(qū)域劃分成許多矩形小單元,每個(gè)組件可占用一個(gè)或多個(gè)小單元。
其中GridBagLayout能進(jìn)行精細(xì)的位置控制,也最復(fù)雜,本教程暫不討論這種布局策略,將在專題文章中進(jìn)行詳細(xì)講解。
每個(gè)容器都有一個(gè)布局管理器,由它來決定如何安排放入容器內(nèi)的的組件。布局管理器是實(shí)現(xiàn)LayoutManager接口的類。
一.FlowLayout布局 (JApplet,JPanel,JScrollPane默認(rèn)布局)
FlowLayout布局是將其中的組件按照加入的先后順序從左到右排列,一行滿之后就轉(zhuǎn)到一下行繼續(xù)從左到右排列,每一行中的組件都居中排列。這是一種最簡(jiǎn)便的布局策略,一般用于組件不多的情況,當(dāng)組件較多時(shí),容器中的組件就會(huì)顯得高低不平,各行長短不一。
FlowLayout是小應(yīng)用程序和面板默認(rèn)布局,F(xiàn)lowLayout布局的構(gòu)造方法有:
1.FlowLayout(),生成一個(gè)默認(rèn)的FlowLayout布局。默認(rèn)情況下,組件居中,間隙為5個(gè)像素。
2.FlowLayout(int aligment),設(shè)定每珩的組件的對(duì)齊方式。alignment取值可以為 FlowLayout.LEFT,FlowLayout.CENTER,FlowLayout.RIGHT。
3.FlowLayout(int aligment,int horz, int vert),設(shè)定對(duì)齊方式,并設(shè)定組件的水平間距horz和垂直間距vert,用超類Container的方法setLayout()為容器設(shè)定布局。例如,代碼setLayout(new FlowLayout())為容器設(shè)定 FlowLayout布局。將組件加入容器的方法是add(組件名)。
二.BorderLayout布局(JWindow、JFrame,JDialog的默認(rèn)布局)
BorderLayout布局策略是把容器內(nèi)的空間簡(jiǎn)單劃分為東“East”,西 “West”,南 “South”,北 “North”,中 “Center”五個(gè)區(qū)域。加入組件時(shí),都應(yīng)該指明把組件放在哪一個(gè)區(qū)域中。一個(gè)位置放一個(gè)組件。如果某個(gè)位置要加入多個(gè)組件,應(yīng)先將要加入該位置的組件放放另一個(gè)容器中,然后再將這個(gè)容器加入到這個(gè)個(gè)位置。
BorderLayout布局的構(gòu)造方法有:
(1) BorderLayout(),生成一個(gè)默認(rèn)的BorderLayout布局。默認(rèn)情況下,沒有間隙。
(2) BorderLayout(int horz,int vert),設(shè)定組件之間的水平間距和垂直間距。
BorderLayout布局策略的設(shè)定方法是setLayout(new BorderLayout())。將組件加入到容器的方法是add(組件名,位置),如果加入組件時(shí)沒有指定位置,則默認(rèn)為“中”位置。
BorderLayout布局是JWindow、JFrame,JDialog的默認(rèn)布局。
【例 11-5】應(yīng)用程序設(shè)有五個(gè)標(biāo)簽、分別放于窗口的東、西、南、北和中五個(gè)區(qū)域。
import javax.swing.*;import java.awt.*; public class J505{ public static void main(String[]args){ JLabel label1,label2,label3,label4,label5; JFrame mw=new JFrame("我是一個(gè)窗口");//創(chuàng)建一個(gè)窗口容器對(duì)象 mw.setSize(250,200); Container con=mw.getContentPane(); con.setLayout(new BorderLayout()); label1=new JLabel("東標(biāo)簽");//默認(rèn)左對(duì)齊 label2=new JLabel("南標(biāo)簽",JLabel.CENTER); label3=new JLabel("西標(biāo)簽"); label4=new JLabel("北標(biāo)簽",JLabel.CENTER); label5=new JLabel("中標(biāo)簽",JLabel.CENTER); con.add(label1,"East"); con.add(label2,"South"); con.add(label3,"West"); con.add(label4,"North"); con.add(label5,"Center"); mw.setVisible(true); } }
三.GridLayout布局
GridLayout布局是把容器劃分成若干行和列的網(wǎng)格狀,行數(shù)和列數(shù)由程序控制,組件放在網(wǎng)格的小格子中。GridLayout布局的特點(diǎn)是組件定位比較精確。由于GridLayout布局中每個(gè)網(wǎng)格具有相同形狀和大小,要求放入容器的組件也應(yīng)保持相同的大小。
GridLayout布局的構(gòu)造方法有:
(1) GridLayout(),生成一個(gè)單列的GridLayout布局。默認(rèn)情況下,無間隙。
(2) GridLayout(int row,int col),設(shè)定一個(gè)有行row和列col的GridLayout布局。
(3) GridLayout(int row,int col,int horz,int vert),設(shè)定布局的行數(shù)和列數(shù)、組件的水平間距和垂直間距。
GridLayout布局以行為基準(zhǔn),當(dāng)放置的組件個(gè)數(shù)超額時(shí),自動(dòng)增加列;反之,組件太少也會(huì)自動(dòng)減少列,行數(shù)不變,組件按行優(yōu)先順序排列(根據(jù)組件自動(dòng)增減列)。GridLayout布局的每個(gè)網(wǎng)格必須填入組件,如果希望某個(gè)網(wǎng)格為空白,可以用一個(gè)空白標(biāo)簽(add(new Label()))頂替。
【例 11-6】小應(yīng)用程序先將若干個(gè)按鈕和若干個(gè)標(biāo)簽放入JPanel中,然后將JPanel放入JScrollPane中,最后,將JScrollPane放入小程序的窗口中,程序所創(chuàng)建的JScrollPane總是帶水平和垂直滾動(dòng)條,滾動(dòng)面板的可視范圍小于面板的實(shí)際要求,可以移動(dòng)滾動(dòng)條的滑塊顯示面板原先不在可視范圍內(nèi)的區(qū)域。
import java.applet.*; import javax.swing.*; import java.awt.*; class MyWindow extends JFrame{ public MyWindow(int w,int h){ setTitle("滾動(dòng)面板實(shí)例"); Container con=getContentPane(); con.setPreferredSize(new Dimension(w,h)); con.setLayout(new BorderLayout()); JPanel p=new JPanel(); p.setLayout(new GridLayout(6,6)); for (int i=0;i<6;i++){ p.add(new JLabel()); for(int j=1;j<=2;j++){ p.add(new JButton("按鈕"+(2*i+j))); p.add(new JLabel("標(biāo)簽"+(2*i+j))); } p.add(new JLabel()); } p.setBackground(Color.blue); p.setPreferredSize(new Dimension(w+60,h+60)); JScrollPane ScrollPane=new JScrollPane(p); ScrollPane.setPreferredSize(new Dimension(w-60,h-60)); add(ScrollPane,BorderLayout.CENTER);//小程序添加滾動(dòng)面板 setVisible(true); pack(); } } class ScrollPane extends JScrollPane{ public ScrollPane(Component p){ super(p); setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_ALWAYS); setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_ALWAYS); } } public class J506 extends Applet{ MyWindow myWindow; public void init(){ myWindow=new MyWindow(400,350); } }
GridLayout布局要求所有組件的大小保持一致,這可能會(huì)使用界面外觀不夠美觀。一個(gè)補(bǔ)救的辦法是讓一些小組件合并放在一個(gè)容器中,然后把這個(gè)容器作為組件,再放入到GridLayout布局中。這就是前面所說的容器嵌套。例如,容器A使用GridLayout布局,將容器均分為網(wǎng)格;另有容器B和C各放入若干組件后,把B和C分別作為組件添加到容器A中。容器B和C也可以設(shè)置為GridLayout布局,把自己分為若干網(wǎng)格,也可以設(shè)置成其他布局。這樣,從外觀來看,各組件的大小就有了差異。
四.CardLayout布局
采用CardLayout布局的容器雖可容納多個(gè)組件,但是多個(gè)組件擁有同一個(gè)顯示空間,某一時(shí)刻只能顯示一個(gè)組件。就像一疊撲克牌每次只能顯示最上面的一張一樣,這個(gè)顯示的組件將占據(jù)容器的全部空間。CardLayout布局設(shè)計(jì)步驟如下:
先創(chuàng)建CardLayout布局對(duì)象。然后,使用setLayout()方法為容器設(shè)置布局。最的,調(diào)用容器的add()方法將組件加入容器。CardLayout布局策略加入組件的方法是:
add(組件代號(hào),組件);
其中組件代號(hào)是字符串,是另給的,與組件名無關(guān)。
例如,以下代碼為一個(gè)JPanel容器設(shè)定CardLayout布局:
CardLayout myCard = new CardLayout();//創(chuàng)建CardLayout布局對(duì)象 JPanel p = new JPanel();//創(chuàng)建Panel對(duì)象 p.setLayout(myCard);
用CardLayout類提供的方法顯示某一組件的方式有兩種:
(1) 使用show(容器名,組件代號(hào))形式的代碼,指定某個(gè)容器中的某個(gè)組件顯示。例如,以下代碼指定容器p的組件代號(hào)k,顯示這個(gè)組件:
myCard.show(p,k);
(2) 按組件加入容器的順序顯示組件。
first(容器):例如,代碼myCard.first(p);
last(容器):例如 , myCard.last(p);
next(容器):例如,myCard.next(p);
previous(容器):myCard.previous(p);
【例11-7】小應(yīng)用程序使用CardLayout布局,面板容器p使用CardLayout布局策略設(shè)置10個(gè)標(biāo)簽組件。窗口設(shè)有4個(gè)按鈕,分別負(fù)責(zé)顯示p的第一個(gè)組件、最后一個(gè)組件、當(dāng)前組件的前一個(gè)組件和當(dāng)前的組件的最后一個(gè)組件。
import java.applet.*;import java.awt.*; import java.awt.event.*;import javax.swing.*; class MyPanel extends JPanel{ int x;JLabel label1; MyPanel(int a){ x=a;getSize(); label1=new JLabel("我是第"+x+"個(gè)標(biāo)簽");add(label1); } public Dimension getPreferredSize(){ return new Dimension(200,50); } } public class J507 extends Applet implements ActionListener{ CardLayout mycard;MyPanel myPanel[];JPanel p; private void addButton(JPanel pan,String butName,ActionListener listener){ JButton aButton=new JButton(butName); aButton.addActionListener(listener); pan.add(aButton); } public void init(){ setLayout(new BorderLayout());//小程序的布局是邊界布局 mycard=new CardLayout(); this.setSize(400,150); p=new JPanel();p.setLayout(mycard);//p的布局設(shè)置為卡片式布局 myPanel=new MyPanel[10]; for(int i=0;i<10;i++){ myPanel[i]=new MyPanel(i+1); p.add("A"+i,myPanel[i]); } JPanel p2=new JPanel(); addButton(p2,"第一個(gè)",this); addButton(p2,"最后一個(gè)",this); addButton(p2,"前一個(gè)",this); addButton(p2,"后一個(gè)",this); add(p,"Center"); add(p2,"South"); } public void actionPerformed(ActionEvent e){ if (e.getActionCommand().equals("第一個(gè)"))mycard.first(p); else if(e.getActionCommand().equals("最后一個(gè)"))mycard.last(p); else if(e.getActionCommand().equals("前一個(gè)"))mycard.previous(p); else if(e.getActionCommand().equals("后一個(gè)"))mycard.next(p); } }
五.null布局與setBounds方法
空布局就是把一個(gè)容器的布局設(shè)置為null布局??詹季植捎胹etBounds()方法設(shè)置組件本身的大小和在容器中的位置:
setBounds(int x,int y,int width,int height)
組件所占區(qū)域是一個(gè)矩形,參數(shù)x,y是組件的左上角在容器中的位置坐標(biāo);參數(shù)weight,height是組件的寬和高??詹季职仓媒M件的辦法分兩個(gè)步驟:先使用add()方法身容器添加組件。然后調(diào)用setBounds()方法設(shè)置組件在容器中的位置和組件本身的大小。與組件相關(guān)的其他方法:
1.getSize().width,
2.getSize().height
3.setVgap(ing vgap)
4.setHgap(int hgap);
相關(guān)文章
SpringBoot項(xiàng)目中使用redis緩存的方法步驟
本篇文章主要介紹了SpringBoot項(xiàng)目中使用redis緩存的方法步驟,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12解決@Validated注解無效,嵌套對(duì)象屬性的@NotBlank無效問題
這篇文章主要介紹了解決@Validated注解無效,嵌套對(duì)象屬性的@NotBlank無效問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2021-10-10java鏈表應(yīng)用--基于鏈表實(shí)現(xiàn)隊(duì)列詳解(尾指針操作)
這篇文章主要介紹了java鏈表應(yīng)用--基于鏈表實(shí)現(xiàn)隊(duì)列,結(jié)合實(shí)例形式分析了java基于鏈表實(shí)現(xiàn)隊(duì)列尾指針相關(guān)操作使用技巧,需要的朋友可以參考下2020-03-03JAVA時(shí)間存儲(chǔ)類Period和Duration使用詳解
這篇文章主要為大家介紹了JAVA時(shí)間存儲(chǔ)類Period和Duration使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09MyBatis中XML 映射文件中常見的標(biāo)簽說明
這篇文章主要介紹了MyBatis中XML 映射文件中常見的標(biāo)簽說明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2021-07-07java 輸入一個(gè)數(shù)字,反轉(zhuǎn)輸出這個(gè)數(shù)字的值(實(shí)現(xiàn)方法)
下面小編就為大家?guī)硪黄猨ava 輸入一個(gè)數(shù)字,反轉(zhuǎn)輸出這個(gè)數(shù)字的值(實(shí)現(xiàn)方法)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10