Swing的图形介面元件（II）课件.ppt

《Swing的图形介面元件（II）课件.ppt》由会员分享，可在线阅读，更多相关《Swing的图形介面元件（II）课件.ppt（44页珍藏版）》请在三一办公上搜索。

1、Ch13 Swing的圖形介面元件(II),JAVA程式設計入門(II),2023/3/31,2,JPopupMenu彈出式選單元件JMenuBar、JMenu與JMenuItem下拉式選單元件JToolBar工具列元件JFileChooser檔案選擇元件JColorChooser色彩選擇元件多重視窗,大綱,2023/3/31,3,視窗功能表和工具列元件,Swing套件提供功能強大的視窗功能表和工具列元件，可以輕鬆建立應用程式視窗上方的下拉式功能表、工具列和彈出式選單。同樣的，視窗功能表和工具列元件也都是繼承自JComponent，其繼承架構如下圖所示：,2023/3/31,4,JPopupM

2、enu彈出式選單元件-說明,JPopupMenu彈出式選單元件繼承自JComponent，可以建立視窗應用程式滑鼠右鍵顯示的快顯功能表，內含選項的JMenuItem物件或JSeparator分隔線物件，如下圖所示：,2023/3/31,5,JPopupMenu彈出式選單元件-建立物件,在建立JPopupMenu物件後，使用add()方法新增選項的JMenuItem物件，addSeparator()方法可以新增選單分隔線的JSeparator物件。popup=new JPopupMenu();popup.add(blue=new JMenuItem(藍色);popup.add(yellow=ne

3、w JMenuItem(黃色);popup.add(green=new JMenuItem(綠色);popup.addSeparator();popup.add(紅色);,2023/3/31,6,JPopupMenu彈出式選單元件-事件處理,新增MouseListener傾聽者物件且實作mousePressed()和mouseReleased()方法來顯示彈出式視窗，如下所示：public void mousePressed(MouseEvent evt)if(evt.isPopupTrigger()popup.show(evt.getComponent(),evt.getX(),evt.ge

4、tY();public void mouseReleased(MouseEvent evt)if(evt.isPopupTrigger()popup.show(evt.getComponent(),evt.getX(),evt.getY();,2023/3/31,7,JPopupMenu建構子與方法,建構子：JPopupMenu()JPopupMenu(String):參數String是標題文字,方法：JMenuItem add(JMenuItem)JMenuItem add(String)void addSeparator()void insert(Component,int)void re

5、move(JMenuItem)void remove(int)void removeAll()void show(Component,int,int),2023/3/31,8,範例1:使用PopupMenu(1/4),建立Popup Menu的選擇項：import javax.swing.*;import java.awt.*;import java.awt.event.*;/繼承JFrame類別,實作ActionListener介面public class Ch09_01 extends JFrame implements ActionListener private JPopupMenu

6、popup;private JMenuItem blue,yellow,green;private Container c;/建構子 public Ch09_01()super(JPopupMenu元件範例);c=getContentPane();c.setBackground(Color.pink);popup=new JPopupMenu();popup.add(blue=new JMenuItem(藍色);blue.addActionListener(this);popup.add(yellow=new JMenuItem(黃色);yellow.addActionListener(thi

7、s);popup.add(green=new JMenuItem(綠色);green.addActionListener(this);popup.addSeparator();popup.add(紅色);/使用字串新增選項,2023/3/31,9,範例1:使用PopupMenu(2/4),傾聽者：addMouseListener(new MouseAdapter()public void mousePressed(MouseEvent evt)if(evt.isPopupTrigger()/顯示選單 popup.show(evt.getComponent(),evt.getX(),evt.ge

8、tY();public void mouseReleased(MouseEvent evt)if(evt.isPopupTrigger()/顯示選單 popup.show(evt.getComponent(),evt.getX(),evt.getY(););,2023/3/31,10,範例1:使用PopupMenu(3/4),實作事件處理方法：public void actionPerformed(ActionEvent evt)if(evt.getSource()=blue)c.setBackground(Color.blue);/藍色 if(evt.getSource()=yellow)c

9、.setBackground(Color.yellow);/黃色 if(evt.getSource()=green)c.setBackground(Color.green);/綠色 repaint();/重繪,2023/3/31,11,範例1:使用PopupMenu(4/4),主程式：public static void main(String args)/建立Swing應用程式 Ch09_01 app=new Ch09_01();/關閉視窗事件,結束程式的執行 app.addWindowListener(new WindowAdapter()public void windowClosing

10、(WindowEvent evt)System.exit(0););app.setSize(300,200);/設定尺寸 app.setVisible(true);/顯示視窗,2023/3/31,12,Menu屬MenuComponent的延伸類別,12,2023/3/31,13,enu屬MenuComponent的延伸類別,13,以記事本為例說明選單及其相關元件,2023/3/31,14,14,enu屬MenuComponent的延伸類別,Menu位於視窗標題列的下方,使用選單時，框架（Frame）會有一個選單列（MenuBar），選單列內有數個選單（Menu）,每個Menu內會有多個選項（

11、MenuItem）或核選式選項（CheckboxMenuItem），選單是選項的容器,選單也可以是另一個選單的容器,2023/3/31,15,JMenuBar、JMenu與JMenuItem下拉式選單元件-說明,在JFrame、JInternalFrame、JApplet和JDialog等類別的視窗新增下拉式功能表選單，類別建構子需要使用JMenuBar、JMenu和JMenuItem物件來建立下拉式功能表的物件。,2023/3/31,16,JMenuBar、JMenu與JMenuItem下拉式選單元件-JMenuBar元件,JMenuBar元件是視窗上方的功能表列，如下所示：JMenuBar

12、 jmb=new JMenuBar();setJMenuBar(jmb);上述程式碼建立JMenuBar物件後，預設是空的功能表列，然後使用setJMenuBar()方法新增到JFrame視窗，換句話說，目前在視窗上方已經擁有一個空的功能表列。,2023/3/31,17,JMenuBar、JMenu與JMenuItem下拉式選單元件-JMenu元件,在建立好JMenuBar物件後，就可以新增功能表列下拉式子選單的JMenu物件，如下所示：JMenu file=new JMenu(檔案(F);JMenuItem item;file.add(item=new JMenuItem(新增(N),Key

13、Event.VK_N);file.add(item=new JMenuItem(開啟(O),KeyEvent.VK_O);JMenu setting=new JMenu(參數設定);file.add(setting);file.addSeparator();file.add(item=new JMenuItem(關閉(X),KeyEvent.VK_X);jmb.add(file);,2023/3/31,18,JMenuBar、JMenu與JMenuItem下拉式選單元件-Item元件,JMenuItem、JCheckBoxMenuItem與JRadioButtonMenuItem元件JMenu

14、Item、JCheckBoxMenuItem與JRadioButtonMenuItem類別的建構子可以新增選單的選項、核取方塊和選項鈕選項。,2023/3/31,19,範例2:建立Menu(1/5),基本宣告：/*程式範例:Ch09_02.java*/import javax.swing.*;import java.awt.*;import java.awt.event.*;/繼承JFrame類別,實作ActionListener介面public class Ch09_02 extends JFrame implements ActionListener private JRadioButto

15、nMenuItem red,green,blue;private JMenuItem openItem,newItem,exitItem,codeItem,typeItem;private JMenu setting;private Container c;/建構子 public Ch09_02()super(JMenuBar元件範例);c=getContentPane();c.setBackground(Color.white);JMenuBar jmb=new JMenuBar();setJMenuBar(jmb);,2023/3/31,20,範例2:建立Menu(2/5),建立第一個Fi

16、le的enu：JMenu file=new JMenu(檔案(F);file.setMnemonic(KeyEvent.VK_F);openItem=new JMenuItem(新增(N),KeyEvent.VK_N);newItem=new JMenuItem(開啟(O),KeyEvent.VK_O);exitItem=new JMenuItem(關閉(X),KeyEvent.VK_X);setting=new JMenu(參數設定);codeItem=new JMenuItem(編碼);typeItem=new JMenuItem(字型);openItem.addActionListene

17、r(this);newItem.addActionListener(this);exitItem.addActionListener(this);codeItem.addActionListener(this);typeItem.addActionListener(this);file.add(openItem);file.add(newItem);setting.add(codeItem);setting.add(typeItem);file.add(setting);file.addSeparator();/分隔線 file.add(exitItem);jmb.add(file);/新增f

18、ile選單,2023/3/31,21,範例2:建立Menu(3/5),建立第二個Menu：JMenu choice=new JMenu(選項(C);choice.setMnemonic(KeyEvent.VK_C);JCheckBoxMenuItem check;check=new JCheckBoxMenuItem(切換);check.addActionListener(this);choice.add(check);ButtonGroup buttongroup=new ButtonGroup();red=new JRadioButtonMenuItem(紅色);choice.add(re

19、d);buttongroup.add(red);red.addActionListener(this);green=new JRadioButtonMenuItem(綠色);choice.add(green);buttongroup.add(green);green.addActionListener(this);blue=new JRadioButtonMenuItem(藍色);choice.add(blue);buttongroup.add(blue);blue.addActionListener(this);jmb.add(choice);,2023/3/31,22,範例2:建立Menu

20、(4/5),實作事件處理方法：public void actionPerformed(ActionEvent evt)if(evt.getSource()=exitItem)System.exit(0);if(evt.getSource()=red)c.setBackground(Color.red);if(evt.getSource()=green)c.setBackground(Color.green);if(evt.getSource()=blue)c.setBackground(Color.blue);repaint();/重繪,2023/3/31,23,範例2:建立Menu(5/5)

21、,主程式 public static void main(String args)/建立Swing應用程式 Ch09_02 app=new Ch09_02();/關閉視窗事件,結束程式的執行 app.addWindowListener(new WindowAdapter()public void windowClosing(WindowEvent evt)System.exit(0););app.setSize(300,200);/設定尺寸 app.setVisible(true);/顯示視窗,2023/3/31,24,JToolBar工具列元件-說明,JToolBar工具列元件繼承自JCom

22、ponent類別，可以建立視窗的工具列按鈕，它也屬於一種容器元件，在建立好JToolBar物件後，就可以新增GUI元件到工具列，如下圖所示：,2023/3/31,25,JToolBar工具列元件-建立物件,程式碼在建立好JToolBar元件後，使用add()方法新增GUI元件，最後只需將JToolBar元件視為GUI元件，新增到最上層容器物件即可。JToolBar toolBar=new JToolBar();blue=new JButton(new ImageIcon(blue1.gif);yellow=new JButton(new ImageIcon(yellow1.gif);green

23、=new JButton(new ImageIcon(green1.gif);toolBar.add(blue);toolBar.add(yellow);toolBar.add(green);,2023/3/31,26,範例3:建立toolbar(1/2),宣告及toolbar建立：/*程式範例:Ch09_03.java*/import javax.swing.*;import java.awt.*;import java.awt.event.*;/繼承JFrame類別,實作ActionListener介面public class Ch09_03 extends JFrame implemen

24、ts ActionListener private JButton blue,yellow,green;private Container c;/建構子 public Ch09_03()super(JToolBar元件範例);c=getContentPane();c.setBackground(Color.white);JToolBar toolBar=new JToolBar();blue=new JButton(new ImageIcon(blue.jpg);blue.setToolTipText(藍色);blue.addActionListener(this);yellow=new JB

25、utton(new ImageIcon(yellow.jpg);yellow.setToolTipText(黃色);yellow.addActionListener(this);green=new JButton(new ImageIcon(green.jpg);green.setToolTipText(綠色);green.addActionListener(this);toolBar.add(blue);toolBar.add(yellow);toolBar.add(green);c.add(toolBar,BorderLayout.NORTH);,2023/3/31,27,範例3:建立to

26、olbar(2/2),實作事件處理方法及主程式：public void actionPerformed(ActionEvent evt)if(evt.getSource()=blue)c.setBackground(Color.blue);if(evt.getSource()=yellow)c.setBackground(Color.yellow);if(evt.getSource()=green)c.setBackground(Color.green);repaint();/重繪/主程式 public static void main(String args)/建立Swing應用程式 Ch0

27、9_03 app=new Ch09_03();/關閉視窗事件,結束程式的執行 app.addWindowListener(new WindowAdapter()public void windowClosing(WindowEvent evt)System.exit(0););app.setSize(300,200);/設定尺寸 app.setVisible(true);/顯示視窗,2023/3/31,28,檔案與色彩選擇元件-說明,Swing套件擁有瀏覽檔案系統選取檔案或資料夾的JFileChooser和選取色彩的JColorChooser元件2種選擇元件，這2個元件都是繼承自JCompon

28、ent，其繼承架構如下圖所示：,2023/3/31,29,JFileChooser檔案選擇元件-說明,JFileChooser檔案選擇元件可以顯示對話方塊瀏覽檔案系統，以便讓使用者選取檔案或資料夾。,2023/3/31,30,JFileChooser檔案選擇元件-開啟檔案對話方塊,例如：開啟或儲存指定檔案，如下所示：JFileChooser jfc=new JFileChooser();上述程式碼建立JFileChooser物件後，使用showOpenDialog()方法顯示開啟檔案對話方塊，如下所示：int n=jfc.showOpenDialog(Ch11_4_1.this);if(n=J

29、FileChooser.APPROVE_OPTION)File file=jfc.getSelectedFile();,2023/3/31,31,JFileChooser檔案選擇元件-儲存檔案對話方塊,儲存檔案對話方塊是使用showSaveDialog()方法來顯示，如下所示：int m=jfc.showSaveDialog(Ch11_4_1.this);if(m=JFileChooser.APPROVE_OPTION)File file=jfc.getSelectedFile();,2023/3/31,32,範例4:使用FileChooser元件(1/3),基本宣告：/*程式範例:Ch09_

30、04.java*/import java.io.*;import java.awt.*;import java.awt.event.*;import javax.swing.*;import javax.swing.filechooser.*;/繼承JFrame類別public class Ch09_04 extends JFrame/建構子 public Ch09_04()super(JFileChooser元件範例);Container c=getContentPane();/建立擁有捲動軸的文字區域元件 final JTextArea area=new JTextArea(15,30);

31、JScrollPane scroll=new JScrollPane(area);/建立JFileChooser元件 final JFileChooser jfc=new JFileChooser();JPanel button=new JPanel();/按鈕的JPanel,2023/3/31,33,範例4:使用FileChooser元件(2/3),新增兩個按鈕及傾聽者及事件處理方法：JButton open=new JButton(開啟檔案);open.addActionListener(new ActionListener()public void actionPerformed(Act

32、ionEvent evt)int n=jfc.showOpenDialog(Ch09_04.this);if(n=JFileChooser.APPROVE_OPTION)File file=jfc.getSelectedFile();area.append(開啟檔案名稱:);area.append(file.getName()+n););button.add(open);/建立儲存檔案按鈕 JButton save=new JButton(儲存檔案);save.addActionListener(new ActionListener()public void actionPerformed(A

33、ctionEvent evt)int m=jfc.showSaveDialog(Ch09_04.this);if(m=JFileChooser.APPROVE_OPTION)File file=jfc.getSelectedFile();area.append(儲存檔案名稱:);area.append(file.getName()+n););button.add(save);c.add(scroll,BorderLayout.CENTER);c.add(button,BorderLayout.SOUTH);,2023/3/31,34,練習,參考範例，範例，範例建立一個類似筆記本畫面的視窗,20

34、23/3/31,35,範例4:使用FileChooser元件(3/3),主程式：public static void main(String args)/建立Swing應用程式 Ch09_04 app=new Ch09_04();/關閉視窗事件,結束程式的執行 app.addWindowListener(new WindowAdapter()public void windowClosing(WindowEvent evt)System.exit(0););app.setSize(300,200);/設定尺寸 app.setVisible(true);/顯示視窗,2023/3/31,36,JC

35、olorChooser色彩選擇元件-說明,JColorChooser色彩選擇元件提供多種標籤和調色盤的色彩選擇對話方塊，如果Java應用程式需要讓使用者選擇色彩，就可以使用JColorChooser元件，如右圖所示：,2023/3/31,37,JColorChooser色彩選擇元件-建立物件,JColorChooser色彩選擇元件的建立，如下所示：JColorChooser jcc=new JColorChooser();程式碼建立JColorChooser物件後，使用showDialog()方法顯示色彩選擇對話方塊，如下所示：Color newColor=jcc.showDialog(Ch1

36、1_4_2.this,選擇背景色彩,c.getBackground();if(newColor!=null)c.setBackground(newColor);,2023/3/31,38,多重視窗介面JInternalFrame-說明,一般來說，視窗應用程式都不會只有一個視窗，如果需要在JFrame視窗開啟其它視窗，就可以使用JInternalFrame類別在JFrame視窗內建立多重視窗。其繼承架構如下圖所示：,2023/3/31,39,多重視窗介面JInternalFrame-JDesktopPane和JLayeredPane類別,JInternalFrame物件是新增在JDesktopP

37、ane物件（在使用上如同JFrame的ContentPane），所以需要先建立JDesktopPane物件，如下所示：JDesktopPane jdesktop=new JDesktopPane();上述程式碼建立JDesktopPane物件後，JInternalFrame物件就是新增到此容器物件，因為JDesktopPane是JLayeredPane的子類別，所以能夠建立多個重疊的內層視窗。,2023/3/31,40,多重視窗介面JInternalFrame-JInternalFrame類別(說明),JInternalFrame類別在JInternalFrame類別部分，筆者準備直接繼承JI

38、nternalFrame建立InternalFrame類別。,2023/3/31,41,多重視窗介面JInternalFrame-JInternalFrame類別(範例),class InternalFrame extends JInternalFrame static int iframeCount=0;static final int offsetX=25;static final int offsetY=25;public InternalFrame()super(內層視窗:+(+iframeCount),true,/可調整尺寸 true,/可關閉 true,/可最大化 true);/可

39、縮小成圖示 setSize(300,200);/設定尺寸/設定位置 setLocation(offsetX*iframeCount,offsetY*iframeCount);,2023/3/31,42,多重視窗介面JInternalFrame-JInternalFrame類別(createInternalFrame()方法),private void createInternalFrame()InternalFrame iframe=new InternalFrame();iframe.setVisible(true);/顯示內層視窗 jdesktop.add(iframe);/加入上層視窗

40、try iframe.setSelected(true);catch(java.beans.PropertyVetoException e),Ch22_Main.java,import javax.swing.*;import java.awt.*;import java.awt.event.*;class Ch22_Main public static void main(String args)Ch22_Win_09 w=new Ch22_Win_09();w.setSize(300,250);w.setVisible(true);w.setDefaultCloseOperation(Wi

41、ndowConstants.EXIT_ON_CLOSE);,Ch22_Win_09.java,import javax.swing.*;import java.awt.*;import java.awt.event.*;class Ch22_Win_09 extends JFrame implements ActionListener Container c=getContentPane();GridLayout gl=new GridLayout(2,1);JPanel up_panel=new JPanel();JPanel down_panel=new JPanel();JLabel l

42、1=new JLabel(結果);JTextField tf1=new JTextField(15);JButton b=new JButton10;JButton badd=new JButton(+);JButton bequal=new JButton(=);static boolean clear=true;static int result=0;Ch22_Win_09()super(計算機);c.setBackground(Color.green);c.setLayout(gl);up_panel.setBackground(Color.red);down_panel.setBack

43、ground(Color.yellow);up_panel.add(l1);up_panel.add(tf1);for(int i=0;i 10;i+)bi=new JButton(+i);bi.addActionListener(this);down_panel.add(bi);badd.addActionListener(this);bequal.addActionListener(this);down_panel.add(badd);down_panel.add(bequal);c.add(up_panel);c.add(down_panel);,public void actionPe

44、rformed(ActionEvent e)String temp_tf1;for(int i=0;i 10;i+)if(e.getSource()=bi)if(clear)tf1.setText(+i);else tf1.setText(tf1.getText()+i);clear=false;if(e.getSource()=badd)clear=true;result=result+Integer.parseInt(tf1.getText();tf1.setText(+result);if(e.getSource()=bequal)clear=true;result=result+Integer.parseInt(tf1.getText();tf1.setText(+result);,