計(jì)算器界面的設(shè)計(jì)課件

1、計(jì)算器界面的設(shè)計(jì)主講教師：翟蕓單位：軟件工程學(xué)院一、教學(xué)目標(biāo)理解并掌握J(rèn)ava中的類(lèi)、對(duì)象等概念；掌握常用布局管理器BorderLayout、FlowLayout、GridLayout的布局方式；理解并掌握J(rèn)Frame、JButton、JTextField等組件類(lèi)和面板JPanel類(lèi)；了解組件尺寸的設(shè)置方式Dimension類(lèi)的應(yīng)用。二、教學(xué)重點(diǎn)掌握布局管理器BorderLayout、 FlowLayout、GridLayout的布局方式能實(shí)際應(yīng)用JFrame、JButton、JTextField、JPanel等類(lèi)三、教學(xué)難點(diǎn)面板類(lèi)JPanel的應(yīng)用布局管理器的綜合應(yīng)用四、教學(xué)內(nèi)容顯示面板文本

2、框網(wǎng)格布局按鈕窗體 邊界布局按鈕面板空白標(biāo)簽空白標(biāo)簽1、計(jì)算器界面2、設(shè)計(jì)思路（1）創(chuàng)建窗體，窗體采用BorderLayout 布局（默認(rèn)）；（2）創(chuàng)建顯示器面板，采用FlowLayout布局，其中包含一個(gè)文本框組件；（3）創(chuàng)建按鈕面板，采用GridLayout布局，其中包含16個(gè)按鈕組件；（4）在窗體的左側(cè)、右側(cè)分別添加一個(gè)標(biāo)簽組件，目的是使按鈕和邊框之間存在一定的距離。（2）創(chuàng)建顯示面板 JPanel p1=new JPanel(); JTextField t=new JTextField(“0”); p1.setLayout(new FlowLayout(); t.setHorizont

3、alAlignment(JTextField.RIGHT); t.setColumns(18); t.setEditable(false); p1.add(t); add(p1,North);（3）創(chuàng)建按鈕面板 JPanel p2=new JPanel(); GridLayout l2=new GridLayout(4,4); p2.setLayout(l2); l2.setHgap(10); l2.setVgap(10); b1=new JButton(1); b2=new JButton(2); b3=new JButton(3); b4=new JButton(+); b5=new JB

4、utton(4); b6=new JButton(5); b7=new JButton(6); p2.add(b1); p2.add(b2); p2.add(b3); p2.add(b4); p2.add(b5); p2.add(b6); p2.add(b7); p2.add(b8); p2.add(b9); p2.add(b10); p2.add(b11); p2.add(b12); p2.add(b13); p2.add(b14); p2.add(b15); p2.add(b16); add(p2,Center);（4）創(chuàng)建左右空白標(biāo)簽JLabel left=new JLabel();JL

5、abel right=new JLabel(); left.setPreferredSize(new Dimension(10,0); right.setPreferredSize(new Dimension(10,0); add(left,West); add(right,East);3、代碼：import javax.swing.*;import java.awt.*;public class Jsq extends JFrame JButton b1,b2,b3,b4,b5,b6,b7,b8,b9,b10,b11,b12,b13,b14,b15,b16; JTextField t; JL

6、abel l1,l2; JPanel p1,p2; BorderLayout layout1; GridLayout layout2; public Jsq() setTitle(計(jì)算器); setBounds(100,100,230,230); b1=new JButton(1); b2=new JButton(2); b3=new JButton(3); b4=new JButton(+); b5=new JButton(4); b6=new JButton(5); b7=new JButton(6); b8=new JButton(-); b9=new JButton(7); b10=n

7、ew JButton(8); b11=new JButton(9); b12=new JButton(*); b13=new JButton(.); b14=new JButton(0); b15=new JButton(=); b16=new JButton(/); p2.add(b1); p2.add(b2); p2.add(b3); p2.add(b4); p2.add(b5); p2.add(b6); p2.add(b7); p2.add(b8); p2.add(b9); p2.add(b10); p2.add(b11); p2.add(b12); p2.add(b13); p2.ad

8、d(b14); p2.add(b15); p2.add(b16); add(p2,Center); BorderLayout -邊界布局管理器 Java中設(shè)置布局的類(lèi)叫布局管理器。布局管理器負(fù)責(zé)管理組件在容器中的排列方式。 由BorderLayout類(lèi)實(shí)現(xiàn)的布局管理器稱(chēng)為邊界布局管理器，它的布局方式是將容器劃分為5個(gè)部分，其布局格式如下圖所示。注意：當(dāng)某個(gè)位置未加入組件時(shí)，其它位置的組件會(huì)把此位置占掉。例如：容器的下方?jīng)]有放任何組件：leftrightcentertop如何設(shè)置窗體的布局為邊界布局？ 窗體JFrame的默認(rèn)布局為BorderLayout 布局，故在此不需要設(shè)置。如何將組件添加到

9、容器中相應(yīng)的位置？add(Component comp, Object constraints) 該方法的第一個(gè)參數(shù)為欲添加的組件對(duì)象，第二個(gè)參數(shù)為組件的顯示位置，如下表所示。靜 態(tài) 常 量常 量 值組件對(duì)齊方式CENTERCenter顯示在容器中間NORTHNorth顯示在容器頂部SOUTHSouth顯示在容器底部WESTWest顯示在容器左側(cè)EASTEast顯示在容器右側(cè) 例如，添加按鈕對(duì)象b到窗體的頂部： add(b,BorderLayout.NORTH); 或者 add(b,”North”);setHgap(int hgap) 設(shè)置組件的水平間距,例如： l1.setHgap(10)；

10、/設(shè)置組件之間的水平間隔為10像素setVgap(int vgap) 設(shè)置組件的垂直間距，例如: l1.setVgap(10)；/設(shè)置組件之間的垂直間隔為10像素GridLayout-網(wǎng)格布局管理器 由GridLayout類(lèi)實(shí)現(xiàn)的布局管理器稱(chēng)為網(wǎng)格布局管理器，它的布局方式是將容器按照用戶的設(shè)置平均劃分成若干網(wǎng)，如下圖所示。JPanel面板的應(yīng)用 （1）一個(gè)界面中的所有組件只能采用一種布局方式，這樣很難得到一個(gè)美觀的界面； （2）有些布局方式只能管理有限個(gè)組件，例如JFrame窗體默認(rèn)的BorderLayout布局管理器，最多只能管理5個(gè)組件。 針對(duì)上面這兩個(gè)問(wèn)題，通過(guò)使用JPanel面板就可以解決，首先將面板和組件添加到JFrame窗體中，然后再將子面板和組件添加到上級(jí)面板中，這樣就可以向面板中添加無(wú)數(shù)個(gè)組件，并且通過(guò)對(duì)每個(gè)面板采用不同的布局管理器，真正解