【文章內(nèi)容簡介】 電梯模擬遊戲） 學(xué)習(xí)情境 3：圖形化使用者介面設(shè)計 08遊戲 32 目標(biāo)和任務(wù) ? 目標(biāo)： ? 為遊戲添加使用者介面，使用者交互 ? 任務(wù)： ? 網(wǎng)上物流系統(tǒng)介面設(shè)計 ，電梯類比遊戲介面設(shè)計 學(xué)習(xí)過程 根據(jù)系統(tǒng)界面 的需要，在該程 序上添加其他 GUI元素 進行布 局管理 添加事件 處理代碼 開發(fā)電梯 模擬游戲界面 模仿教師提供 的源代碼 開始 圖形化使用者介面（ GUI）設(shè)計 ? 學(xué)習(xí)內(nèi)容 : ? GUI概述 ? 容器有容器佈局 ? 事件處理概述 ? 事件模型 ? 事件適配器 ? 常用 swing組件 項目：設(shè)計一個系統(tǒng)介面如下 : 項目分析 ?可將專案分成三個模組實現(xiàn) : 創(chuàng)建界 面中的各 個組件 合理布 局組件 為組件 添加事件 處理 GUI ?所有的 GUI都可分成以上三個模組實現(xiàn) GUI包 ? ，是使用 Java進行 GUI設(shè)計的基礎(chǔ)。 ? ，幾乎所有 AWT組件對應(yīng)有新功能更強的 Swing組件。另外還加入了一些全新的元件。Swing元件在名稱上前面多了一個字母 “ J” ? GUI的創(chuàng)建步驟 ? （ 1）引用需要的包和類。 ? （ 2）設(shè)置一個頂層的容器。 ? （ 3）根據(jù)需要為容器設(shè)置佈局管理器或使用默認(rèn)佈局管理器。 ? （ 4）將組件添加到容器內(nèi)，位置自行設(shè)計。 ? （ 5）為回應(yīng)事件的組件編寫事件處理代碼。 容器、組件、佈局和觀感 1容器和組件 ? 元件是可以用圖形化的方式顯示在螢?zāi)簧蟻K能夠與使用者進行交互的物件。 ? 容器是一種特殊的元件，一種能夠容納其他元件或容器的元件。 ? 為了使圖形化使用者介面具有良好的平臺無關(guān)性，提供了專門用來管理元件在容器中的佈局的工具。 ? 決定 swing應(yīng)用程式的外觀。 常用容器 ? 容器是放置其他 Swing組件的頂級容器 ? JFrame組件用於在 Swing程式中創(chuàng)建表單 ? 它的構(gòu)造函數(shù)： ? JFrame() ? JFrame(String Title) ? 元件必須添加至內(nèi)容窗格，而不是直接添加至JFrame對象，示例： ? ().add(b)。 JPanel組件 ? 用於將小型的羽量級元件組合在一起 ? JPanel的缺省佈局為 FlowLayout ? JPanel具有下列構(gòu)造函數(shù)： ? JPanel() ? JPanel(LayoutManager lm) ? JApplet也是一種視窗容器 ， 繼承自 Applet類， Applet小程式是另一種 Java程式，與 Applet不同的是，它默認(rèn)的佈局管理器是 JAppletBorderLayout，而 Applet默認(rèn)的佈局管理器是FlowLayout。 ? 可直接向 Applet視窗中添加元件，但 JApplet不行，添加元件時必須添加到其內(nèi)容窗格中。得到內(nèi)容窗格使用方法： ? getContentPane()。 常用組件 ? 標(biāo)籤 (JLabel) ? 它既可以顯示文本也可以顯示圖像 ? 構(gòu)造函數(shù)如下： ? JLabel(Icon icon)： icon表示使用的圖示 ? JLabel(String text,Icon icon,int align)： text表示使用的字符串 。icon表示使用的圖示 。align表示水準(zhǔn)對齊方式，其值可以為： LEFT、 RIGHT、 CENTER。 ? 其它常用方法 ? getText() ? setText(String text) 常用組件 ? 按鈕 (JButton) ? 可以使用以下任一構(gòu)造函數(shù)來創(chuàng)建按鈕： ? JButton() :新建一個空的按鈕 ? JButton(Icon icon) ? JButton(String text) ? JButton(String text, Icon icon) ? JButton btnOk=new JButton(確定！)。 ? JButton btnCancel=new JButton(取消 ！ )。 ? (btnOk)。 ? (btnCancel)。 常用組件 ? 文字方塊 JTextField ? JTextField元件允許輸入或編輯單行文本 ? 此類的構(gòu)造函數(shù)包括： ? JTextField() ? JTextField(Document doc, String text, int columns) ? JTextField(int columns) ? JTextField(String text) ? JTextField(String text, int columns) 常用組件 ? JTextField tf = new JTextField(20)。 (tf)。 ? 文字方塊 JPasswordField ? JPasswordField元件允許輸入或編輯單行文本，並且文本被其他字元代替。 ? 此類的構(gòu)造函數(shù)與單行文字方塊類似。 ? 其它方法： ? char[] getPassword() ? char getEchoChar() ? void setEchoChar(char c) 常用組件 ? 文字方塊 JTextArea ? JTextArea元件用於接受來自使用者的多行文本 ? 它可實現(xiàn)可滾動介面 ? JTextArea元件可使用下列構(gòu)造函數(shù)創(chuàng)建： ? JTextArea() ? JTextArea(int rows, int cols) 常用組件 ? 核取方塊 JCheckBox ? 核取方塊用於為使用者提供一組選項 ? JCheckBox類具有下列構(gòu)造函數(shù)： ? JCheckBox() ? JCheckBox(Icon icon) ? JCheckBox(Icon icon, boolean selected) ? JCheckBox(String text) ? JCheckBox(String text, boolean selected) ? JCheckBox(String text, Icon icon) ? JCheckBox(String text, Icon icon, boolean selected) 常用組件 ? 選項按鈕 JRadioButton ? 選項按鈕允許使用者從多個選項中選擇其中一個 ? ButtonGroup用於在 Swing中創(chuàng)建組 ? JRadioButton物件可使用下列構(gòu)造函數(shù)創(chuàng)建： ? JRadioButton() ? JRadioButton(Icon icon) ? JRadioButton(Icon, boolean selected) ? JRadioButton(String text) ? JRadioButton(String text, boolean selected) ? JRadioButton(String text, Icon icon) ? JRadioButton(String text, Icon icon, boolean selected) 常用組件 ? 清單方塊 JList ? public JList() :使用空模型構(gòu)造 JList ? public JList(ListModel dataModel):構(gòu)造一個清單，用它顯示指定模型中的元素。 ? public JList (Object [] listData):構(gòu)造一個清單以顯示指定陣列 listData的元素。 ? JList不支持滾動。要啟用滾動，可使用下列代碼 : ? JScrollPane myScrollPane=new JScrollPane()。 ? ().setView(dataList)。 常用組件 ? 下拉式列示方塊 JComboBox ? 文本域和下拉清單的組合 ? 在 Swing中，下拉式列示方塊由 JComboBox表示 ? 構(gòu)造函數(shù)如下： ? public JComboBox() :此構(gòu)造函數(shù)使用缺省資料模型創(chuàng)建 JComboBox ? public JComboBox(ComboBoxModel asModel) :使用現(xiàn)有 ComboBoxModel中的項目的下拉式列示方塊 ? public JComboBox ? (Object [] items) : ? 包含指定陣列元素的下拉式列示方塊 常用組件 ? 菜單 ? 功能表顯示專案清單，指明各種任務(wù)。 ? 選擇或按一下某個選項時會打開另一個清單或子功能表。 ? Swing功能表由功能表列、功能表和功能表項目構(gòu)成。 ? 功能表列是所有菜單和功能表項目的根 ? JMenuBar是可通過 JFrame、 JWindow的根窗格添加至容器的組件。 ? 由多個 JMenu組成，每個 JMenu在 JMenubar中都表示為字串。 ? JMenu在 JMenuBar下以文本字串形式顯示，而在使用者按一下它時，則以彈出式功能表顯示。 ? JMenuItem為 JMenu中的一個元件，以文本字串形式顯示，可以具有圖示，外觀可以修改，如字體、顏色、背景、邊框等。 ? 彈出式菜單 JPopupMenu的定義和使用： 常用組件 ? 對話方塊 ? 1． JOptionPane對話方塊 ? 是強制回應(yīng)對話方塊，它提供了很多現(xiàn)成的對話方塊樣式，可以供使用者直接使用。 ? 2． JFileChooser對話方塊 ? 提供了標(biāo)準(zhǔn)的檔的打開、保存對話方塊。 佈局管理器 ? 佈局管理器 ? Java中的佈局類型包括以下幾種： ? FlowLayout（流式佈局） ? BorderLayout（邊界佈局） ? GridLayout（網(wǎng)格佈局） ? CardLayout（卡片佈局） ? GridBagLayout（網(wǎng)格包佈局） FlowLayout佈局管理器 ? FlowLayout的構(gòu)造函數(shù)有： ? FlowLayout():生成一個默認(rèn)的流式佈局 ? FlowLayout(int alignment):可以設(shè)定每一行元件的對齊方式 ? FlowLayout(int alignment,int horz,int vert):可以設(shè)定元件間的水準(zhǔn)和垂直距離 ? Applet和麵板的缺省佈局， 組件從左上角開始按從左到右、從上到下的方式排列 BorderLayout佈局管理器 ? 下麵是 BorderLayout所定義的構(gòu)造函數(shù)： ? BorderLayout():生成默認(rèn)的邊界佈局 ? BorderLayout(int horz,int vert):可以設(shè)定元件間的水準(zhǔn)和垂直距離 ? 窗口、框架和對話方塊等的缺省佈局 ? 組件被置於容器的北、南、東、西或中間位置 GridLayout佈局管理器 ? GridLayout的構(gòu)造函數(shù)如下所示： ? GridLayout():生成一個單列的網(wǎng)格佈局 ? GridLayout(int row,int col):生成一個設(shè)定行數(shù)和列數(shù)的網(wǎng)格佈局 ? GridLayout(int row,int col,int horz,int vert)：可以設(shè)置元件之間的水準(zhǔn)和垂直間隔 ? 用於將容器區(qū)域劃分為一個矩形網(wǎng)格 ? 組件按行和列排列，見後面計算器的佈局例 swing佈局管理器 ? 按照從上到下（即 Y軸）或者從左到右（即 X軸）的順序來依次排列元件。 ? 是 JScrollPane中的內(nèi)置佈局管理器，所以不需要單獨創(chuàng)建，會自動設(shè)置。 手動佈局 ? 在某些情況下，使用者不想使用佈局管理器，需要自己設(shè)置元件的位置和大小，這時應(yīng)取消容器的佈局管理器，然後再進行設(shè)置，否則用戶自訂設(shè)置將會被佈局管理器覆蓋。取消佈局管理器的方法是： ? setLayout(null)。 ? 用戶使用 setLocation()、 setSize()、setBounds()等方法為元件設(shè)置位置和大小。需要注意的是，這種方法會導(dǎo)致程式與系統(tǒng)相關(guān)，如不同的解析度會產(chǎn)生不同的效果。 事件處理模型 ? Java最新的事件處理方法是基於授權(quán)事件模型 ? 當(dāng)事件來源物件因使用者的操作（滑鼠或鍵盤），系統(tǒng)會自動觸發(fā)此事件類物件 E，並通知所授權(quán)的事件監(jiān)聽者 A（若來源對象已向 A註冊），事件監(jiān)聽者 A中有處理各種事件的方法 (事件處理者 1~n)便會處理此事件 E的各種狀況 。 事件處理方法 ? 實現(xiàn)事件監(jiān)聽器介面法： ? 首先給元件註冊監(jiān)聽器，使用下列方法： ? addxxxListener(事件監(jiān)聽器對象 )。 ? 確定了事件監(jiān)聽器的類型後，必須在程式中定義類來實現(xiàn)這些介面，重寫介面中的所有方法。 事