實驗十四 第九組 張燕~楊蓉慶~楊玲 Swing圖形界面組件

時間  2019-11-10
標籤 實驗 十四 第九 swing 圖形界面 組件 简体版
原文   原文鏈接

實驗十四  Swing圖形界面組件java

實驗時間 20178-11-29程序員

 

 理論知識數據庫

Swing和MVC設計模式設計模式

（1）設計模式（Design pattern）是設計者一種流行的 思考設計問題的方法，是一套被反覆使用，多數人 知曉的，通過分類編目的，代碼設計經驗的總結。app

（2）模型-視圖-控制器設計模式(Model –ViewController )是Java EE平臺下建立 Web 應用程序 的重要設計模式。框架

（3）MVC設計模式 – Model（模型）：是程序中用於處理程序數據邏 輯的部分，一般模型負責在數據庫中存取數據。函數

– View（視圖）：是程序中處理數據顯示的部分， 一般視圖依據模型存取的數據建立。工具

– Controller（控制器）：是程序中處理用戶交互 的部分。一般控制器負責從視圖讀取數據，控制 用戶輸入，並向模型發送數據。佈局

（4）Java組件有內容、外觀、行爲三個主要元素；學習

 佈局管理器

（1）佈局管理器是一組類。 – 實現 java.awt.LayoutManager 接口 – 決定容器中組件的位置和大小

Java.awt包中定義了5種佈局管理類，每一種布 局管理類對應一種佈局策略。

每一個容器都有與之相關的默認佈局管理器。

（2）5種佈局管理器：（1）FlowLayout: 流佈局(Applet和Panel的默認 佈局管理器） （2）BorderLayout:邊框佈局( Window、Frame和 Dialog的默認佈局管理器） （3）GridLayout: 網格佈局 （4）GridBagLayout: 網格組佈局 （5）CardLayout :卡片佈局

三、GridLayout的構造函數以下：一、GridLayout():生成一個單行單列的網格佈局

二、GridLayout(int rows,int cols):生成一個設定行數 和列數的網格佈局

三、GridLayout(int rows,int columns,int hgap,int vgap)： 能夠設置組件之間的水平和垂直間隔

 文本輸入

（1）文本域(JTextField) : 用於獲取單行文本輸入。

（2）文本區（JTextArea）組件可以讓用戶輸入多行文 本。生成JTextArea組件對象時，能夠指定文本 區的行數和列數： textArea = new JTextArea(8, 40);

  (3)文本區與文本域的異同相同之處： 文本域和文本區組件均可用於獲取文本輸入。

不一樣之處：  文本域只能接受單行文本的輸入；  文本區可以接受多行文本的輸入。

(4)文本區JTextArea的經常使用API：Java.swing. JTextArea 1.2 – JTextArea(int rows, int cols)

構造一個rows行cols列的文本區對象 – JTextArea(String text，int rows, int cols)

用初始文本構造一個文本區對象 – void setRows(int rows)

設置文本域使用的行數 – void append(String newText)

將給定文本附加到文本區中已有文本的後面 – void setLineWrap(boolean wrap)

打開或關閉換行

（5）標籤組件：標籤是容納文本的組件。它們沒有任何修飾（如沒有邊界 ），也不響應用戶輸入。

 標籤的經常使用用途之一就是標識組件，例如標識文本域。其使用步驟以下：

1. 建立一個JLabel組件

2. 將標籤組件放置在距離被標識組件足夠近的地方。

（6）密碼域：密碼域是一種特殊類型的文本域。每一個輸入的字 符都用回顯字符實現,典型的回顯字符爲*。

– JPassWordField(String text, int columns） 構造一個密碼域對象

（7）滾動窗格：

Swing中文本區沒有滾動條，若須要滾動條。將文 本區放入一個滾動窗格中便可。

經常使用API—Java.swing. JScrollPane(教材340頁) – JScrollPane(Component c) 在組件c上添加滾動條，返回添加後的組件。

 選擇組件

複選框  單選按鈕  邊框  組合框  滑動條

（1）複選框構造器 1.bold = new JCheckBox("Bold"); 複選框自動地帶有表示標籤。

2. JCheckBox(String label,Icon icon); 構造帶有標籤與圖標的複選框，默認初始未被選擇。

3.JCheckBox(String label,boolean state); 用指定的標籤和初始化選擇狀態構造一個複選框

（2）單選按鈕的構造器（教材492頁） 1.JRadioButton(String label,Icon icon); 建立一個帶標籤和圖標的單選按鈕

2.JRadioButton(String label,boolean state); 用指定的標籤和初始化狀態構造單選按鈕

（3）按鈕組：爲單選按鈕組構造一個ButtonGroup的對象。 而後，再將JRadioButton類型的對象添加到按鈕 組中。按鈕組負責在新按鈕被按下的時，取消前一 個按鈕的選擇狀態。

（4）若是在一個窗口中 有多組複選框或單選按 鈕，就須要可視化的形 式指明哪些按鈕屬於同 一組。Swing提供了一 組頗有用的邊框

（5）若是有多個選擇項，使用單選按鈕佔據的屏幕空 間太大時，就能夠選擇組合框。

faceCombo = new JComboBox()； faceCombo.setEditable(true);

讓組合框可編輯 faceCombo.addItem("Serif"); faceCombo.insertItemAt("Monospace",0);

增長組合框選項 faceCombo.removeItem("Monospace");

faceCombo.removeItemAt(0); 刪除組合框選項內容

（6）組合框的事件監聽：爲了判斷組合框的哪一個選項被選擇，可經過 事件參數調用getSource方法來獲得發送事件的組 合框引用，接着調用getSelectdeItem方法獲取當 前選擇的選項。

（7）滑動條：滑動條可讓用戶從一組離散值中進行選擇 ，而且它還容許進行連續值得選擇。

 菜單

菜單建立  菜單項中的圖標  複選框和單選按鈕菜單項  彈出菜單  快捷鍵和加速器  啓用和禁用菜單項  工具欄  工具提示

網格組佈局 (GridBagLayout):GridBagLayout與GridLayout有點類似，它也是 將組件排在格子裏，可是GridBagLayout在網格 的基礎上提供更復雜的佈局。

GridBagLayout容許單個組件在一個單元中不填 滿整個單元，而只是佔用最佳大小，也容許單個 組件擴展成不止一個單元，而且能夠用任意順序 加入組件。

定製佈局管理器: 程序員可經過本身設計LayoutManager類來實現 特殊的佈局方式。

定製佈局管理器須要實現LayoutManager接口， 並覆蓋如下方法。

 對話框

選項對話框   建立對話框   數據選擇   文件對話框  顏色選擇器

(1)對話框是一種大小不能變化、不能有菜單的容器窗口； 對話框不能做爲一個應用程序的主框架，而必須包含在其 他的容器中。

(2)選項對話框:JOptionPane提供的對話框是模式對話框。當模 式對話框顯示時，它不容許用戶輸入到程序的 其餘的窗口。使用JOptionPane，能夠建立和自 定義問題、信息、警告和錯誤等幾種類型的對 話框。

(3)數據交換:輸入對話框含有供用戶輸入文本的文本框、一個確認和取 消按鈕,是有模式對話框。當輸入對話框可見時,要求用戶 輸入一個字符串。

(4)文件對話框:專門用於對文件（或目錄）進行瀏覽和選擇的對 話框，經常使用的構造方法: – JFileChooser()：根據用戶的缺省目錄建立文件對話框 – JFileChooser(File currentDirectory)：根據File型參數 currentDirectory指定的目錄建立文件對話框

(5)顏色對話框: javax.swing包中的JColorChooser類的靜態方 法: public static Color showDialog(Component component, String title, Color initialColor)建立一個顏色對話框

(6)參數component指定對話框所依賴的組件，title 指定對話框的標題；initialColor 指定對話框返回 的初始顏色，即對話框消失後，返回的默認值。 顏色對話框可根據用戶在顏色對話框中選擇的顏 色返回一個顏色對象.

1、實驗目的與要求

(1) 掌握GUI佈局管理器用法；

(2) 掌握各種Java Swing組件用途及經常使用API；

2、實驗內容和步驟

實驗1： 導入第12章示例程序，測試程序並進行組內討論。

測試程序1

l 在elipse IDE中運行教材479頁程序12-1，結合運行結果理解程序；

l 掌握各類佈局管理器的用法；

l 理解GUI界面中事件處理技術的用途。

l 在佈局管理應用代碼處添加註釋；

package calculator;

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

/**
 * A panel with calculator buttons and a result display.
 */
public class CalculatorPanel extends JPanel
{
   //屬性
   private JButton display;
   private JPanel panel;
   private double result;
   private String lastCommand;
   private boolean start;
   //構造器
   public CalculatorPanel()
   {
      setLayout(new BorderLayout());//設定新的邊框佈局管理器

      result = 0;
      lastCommand = "=";
      start = true;

      // 添加display

      display = new JButton("0");//用來顯示完成算式計算結果
      display.setEnabled(false);//使得使能屬性不能起做用
      add(display, BorderLayout.NORTH);//將display添加到北部區域
      //生成監聽器對象
      ActionListener insert = new InsertAction();
      ActionListener command = new CommandAction();

      // 在4 x 4網格中添加按鈕

      panel = new JPanel();//新建窗格組件
      panel.setLayout(new GridLayout(4, 4));//設定4行4列的網格佈局管理器
      //生成16個事件源，數字註冊的事件源是insert對象，運算符註冊的事件源是command對象
      addButton("7", insert);
      addButton("8", insert);
      addButton("9", insert);
      addButton("/", command);

      addButton("4", insert);
      addButton("5", insert);
      addButton("6", insert);
      addButton("*", command);

      addButton("1", insert);
      addButton("2", insert);
      addButton("3", insert);
      addButton("-", command);

      addButton("0", insert);
      addButton(".", insert);
      addButton("=", command);
      addButton("+", command);
       
      add(panel, BorderLayout.CENTER);//將panel添加到中部區域
     
   }

   /**
    * Adds a button to the center panel.
    * @param label the button label
    * @param listener the button listener
    */
   //方法
   private void addButton(String label, ActionListener listener)
   {
      JButton button = new JButton(label);//生成按鈕對象
      button.addActionListener(listener);//註冊監聽器對象
      panel.add(button);//將其添加到窗格中
   }

   /**
    * This action inserts the button action string to the end of the display text.
    */
   //內部類
   private class InsertAction implements ActionListener
   {
      public void actionPerformed(ActionEvent event)
      {
         String input = event.getActionCommand();
         if (start)//開始計算
         {
            display.setText("");
            start = false;
         }
         display.setText(display.getText() + input);//完成多個數字的輸入操做
      }
   }

   /**
    * This action executes the command that the button action string denotes.
    */
  //內部類
   private class CommandAction implements ActionListener
   {
      public void actionPerformed(ActionEvent event)
      {
         String command = event.getActionCommand();

         if (start)//開始計算尚未輸入數字
         {
             
            if (command.equals("-"))
            {
               display.setText(command);//顯示符號
               start = false;
            }
            else lastCommand = command;
         }
         else
         {
            calculate(Double.parseDouble(display.getText()));//將數字字符串轉化爲數字
            lastCommand = command;
            start = true;
         }
      }
   }

   /**
    * Carries out the pending calculation.
    * @param x the value to be accumulated with the prior result.
    */
   //計算方法
   public void calculate(double x)
   {
      if (lastCommand.equals("+")) result += x;
      else if (lastCommand.equals("-")) result -= x;
      else if (lastCommand.equals("*")) result *= x;
      else if (lastCommand.equals("/")) result /= x;
      else if (lastCommand.equals("=")) result = x;
      display.setText("" + result);//將數字轉化爲數字字符串輸出
   }
}

 

package calculator;

import java.awt.*;
import javax.swing.*;

/**
 * @version 1.34 2015-06-12
 * @author Cay Horstmann
 */
public class Calculator
{
   public static void main(String[] args)
   {
      EventQueue.invokeLater(() -> {
         CalculatorFrame frame = new CalculatorFrame();
         frame.setTitle("Calculator");//設置標題
         frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//關閉
         frame.setVisible(true);//設置可見
      });
   }
}
package calculator;

import javax.swing.*;

/**
 * A frame with a calculator panel.
 */
public class CalculatorFrame extends JFrame
{
   public CalculatorFrame()
   {
      add(new CalculatorPanel());
      pack();
   }
}

 

測試程序2

l 在elipse IDE中調試運行教材486頁程序12-2，結合運行結果理解程序；

l 掌握各類文本組件的用法；

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

測試程序3

l 在elipse IDE中調試運行教材489頁程序12-3，結合運行結果理解程序；

l 掌握複選框組件的用法；

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

測試程序4

l 在elipse IDE中調試運行教材491頁程序12-4，運行結果理解程序；

l 掌握單選按鈕組件的用法；

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

測試程序5

l 在elipse IDE中調試運行教材494頁程序12-5，結合運行結果理解程序；

l 掌握邊框的用法；

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

測試程序6

l 在elipse IDE中調試運行教材498頁程序12-6，結合運行結果理解程序；

l 掌握組合框組件的用法；

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

測試程序7

l 在elipse IDE中調試運行教材501頁程序12-7，結合運行結果理解程序；

l 掌握滑動條組件的用法；

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

測試程序8

l 在elipse IDE中調試運行教材512頁程序12-8，結合運行結果理解程序；

l 掌握菜單的建立、菜單事件監聽器、複選框和單選按鈕菜單項、彈出菜單以及快捷鍵和加速器的用法。

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

測試程序9

l 在elipse IDE中調試運行教材517頁程序12-9，結合運行結果理解程序；

l 掌握工具欄和工具提示的用法；

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

package toolBar;

import java.awt.*;
import javax.swing.*;

/**
 * @version 1.14 2015-06-12
 * @author Cay Horstmann
 */
public class ToolBarTest
{
   public static void main(String[] args)
   {
      EventQueue.invokeLater(() -> {
         ToolBarFrame frame = new ToolBarFrame();
         frame.setTitle("ToolBarTest");//設置標題
         frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
         frame.setVisible(true);//設置可見
      });
   }
}
package toolBar;

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

/**
 * A frame with a toolbar and menu for color changes.
 */
public class ToolBarFrame extends JFrame
{
   private static final int DEFAULT_WIDTH = 300;
   private static final int DEFAULT_HEIGHT = 200;
   private JPanel panel;

   public ToolBarFrame()
   {
      setSize(DEFAULT_WIDTH, DEFAULT_HEIGHT);

      // 添加顏色更改面板

      panel = new JPanel();
      add(panel, BorderLayout.CENTER);

      // 設定動做
      Action blueAction = new ColorAction("Blue", new ImageIcon("blue-ball.gif"), Color.BLUE);
      Action yellowAction = new ColorAction("Yellow", new ImageIcon("yellow-ball.gif"),
            Color.YELLOW);
      Action redAction = new ColorAction("Red", new ImageIcon("red-ball.gif"), Color.RED);

      Action exitAction = new AbstractAction("Exit", new ImageIcon("exit.gif"))
         {
            public void actionPerformed(ActionEvent event)
            {
               System.exit(0);
            }
         };
      exitAction.putValue(Action.SHORT_DESCRIPTION, "Exit");

      //填充工具欄

      JToolBar bar = new JToolBar();
      bar.add(blueAction);
      bar.add(yellowAction);
      bar.add(redAction);
      bar.addSeparator();
      bar.add(exitAction);
      add(bar, BorderLayout.NORTH);

      // populate menu

      JMenu menu = new JMenu("Color");
      menu.add(yellowAction);
      menu.add(blueAction);
      menu.add(redAction);
      menu.add(exitAction);
      JMenuBar menuBar = new JMenuBar();
      menuBar.add(menu);
      setJMenuBar(menuBar);
   }

   /**
    * The color action sets the background of the frame to a given color.
    */
   class ColorAction extends AbstractAction
   {
      public ColorAction(String name, Icon icon, Color c)
      {
         putValue(Action.NAME, name);
         putValue(Action.SMALL_ICON, icon);
         putValue(Action.SHORT_DESCRIPTION, name + " background");
         putValue("Color", c);
      }

      public void actionPerformed(ActionEvent event)
      {
         Color c = (Color) getValue("Color");
         panel.setBackground(c);
      }
   }
}

 

測試程序10

l 在elipse IDE中調試運行教材524頁程序12-十、12-11，結合運行結果理解程序，瞭解GridbagLayout的用法。

l 在elipse IDE中調試運行教材533頁程序12-12，結合程序運行結果理解程序，瞭解GroupLayout的用法。

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

測試程序11

l 在elipse IDE中調試運行教材539頁程序12-1三、12-14，結合運行結果理解程序；

l 掌握定製佈局管理器的用法。

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

測試程序12

l 在elipse IDE中調試運行教材544頁程序12-1五、12-16，結合運行結果理解程序；

l 掌握選項對話框的用法。

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

測試程序13

l 在elipse IDE中調試運行教材552頁程序12-1七、12-18，結合運行結果理解程序；

l 掌握對話框的建立方法；

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

測試程序14

l 在elipse IDE中調試運行教材556頁程序12-1九、12-20，結合運行結果理解程序；

l 掌握對話框的數據交換用法;

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

測試程序15

l 在elipse IDE中調試運行教材556頁程序12-2一、12-22 12-23，結合程序運行結果理解程序；

l 掌握文件對話框的用法;

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

測試程序16

l 在elipse IDE中調試運行教材570頁程序12-24，結合運行結果理解程序；

l 瞭解顏色選擇器的用法。

l 記錄示例代碼閱讀理解中存在的問題與疑惑。

實驗2：組內討論反思本組負責程序，理解程序整體結構，梳理程序GUI設計中應用的相關組件，整理相關組件的API,對程序中組件應用的相關代碼添加註釋。

咱們組此次所分析的是工具欄和工具提示的用法方面的知識，工具欄(Toolbar Test)是在程序中提供的快速訪問經常使用命令的按紐欄，它能夠隨意的移動安放，能夠用JToolBar bar=new JToolBar();來建立工具欄。但工具欄有缺點，爲了便利用戶能快速明白小按鈕的含義，用戶界面設計者發明了工具提示toooltips,示例程序說明了如何將一個Action對象添加到菜單和工具欄中。

實驗3：組間協同窗習：在本班課程QQ羣內，各位同窗對實驗1中存在的問題進行提問，提問時註明實驗1中的測試程序編號，負責對應程序的小組需及時對羣內提問進行回答。

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程