绘图与多媒体.ppt

第12章 繪圖與多媒體 12-1 繪圖的基礎 12-2 Graphics類別的色彩、文字與繪圖 12-3 圖片的載入與顯示 12-4 動畫效果 12-5 Java Applet的圖片載入 12-6 音樂的播放 12-1 繪圖的基礎 12-1-1 Graphics繪圖類別 12-1-2 座標系統與JComponent元件 12-1-3 JFrame類別的畫布 12-1-4 JPanel類別的畫布 12-1-1 Graphics繪圖類別-取得Graphics繪圖類別 在Java Applet程式範例已經說明過paint()方法繪出文字和簡單圖形，使用的是Graphics類別的方法。 在Java執行繪圖功能需要使用「圖形內容」（Graphics Contexts）的Graphics物件，繪製的文字、影像和圖形都是繪製在此畫布物件上，如同將GUI元件新增到JFrame物件的ContentPane物件一般。 12-1-1 Graphics繪圖類別-paint()方法 繼承自Component元件的paint()方法在呼叫時，其傳入參數就是Graphics物件，如下所示： public void paint(Graphics g) { ……… } 在上述的paint()方法呼叫繪圖方法，就可以在元件上繪出圖形。 12-1-1 Graphics繪圖類別-getGraphics()方法 在paint()方法之外的其它方法執行繪圖，可以使用getGraphics()方法取得元件的Graphics物件，如下所示： Graphics g = app.getGraphics(); 上述程式碼取得app元件的Graphics物件，接著就可以呼叫繪圖方法在元件上繪出圖形。 12-1-1 Graphics繪圖類別-Swing的paintComponent()方法 對於繼承自Swing元件的類別。例如：JPanel建立的畫布時，繪圖方法的程式碼是位於覆寫的paintComponent()方法，如下所示： class UserPanel extends JPanel { // 建構子 public UserPanel() { ……… } public void paintComponent(Graphics g) { ……… } } 12-1-1 Graphics繪圖類別-再談paint()和repaint()方法 Swing元件屬於JComponent的子類別，同時繼承Component的paint()和repaint()方法，因為元件繪圖操作大都是呼叫paint()方法完成，paint()方法非常總明，能夠在使用者調整視窗尺寸（例如：縮小和放大元件的視窗）等操作後，或是執行setText()等方法改變元件內容時，自動重新呼叫repaint()方法重繪調整後的圖形和元件。 12-1-2 座標系統與JComponent元件-說明 電腦螢幕的座標系統是使用「像素」（Pixels）為單位，Graphics物件的畫布是一張長方形區域，左上角為原點，其座標是(0, 0)，X軸從左到右，Y軸由上到下，如下圖所示： 12-1-2 座標系統與JComponent元件-取得尺寸 座標系統可以使用JComponent元件的getWidth()、getHeight()方法取得元件的寬和高，因為元件的四周預設有邊線，所以需要使用getInsets()取得邊線left、right、top和bottom的尺寸，如下所示： Insets ins = getInsets(); int width = getWidth() - (ins.left + ins.right); int height = getHeight() - (ins.top + ins.bottom); 12-1-3 JFrame類別的畫布-說明 Java應用程式可以將整個JFrame視窗或某個Swing元件作為畫布，如果是JFrame畫布，只需在paint()方法撰寫繪圖方法的程式碼，就可以在視窗繪出所需圖形。 12-1-3 JFrame類別的畫布-繪圖 如果不是在paint()方法，Java程式碼需要使用getGraphics()方法取得Grphics物件後，在Graphics物件繪出所需圖形，如下所示： Graphics g = app.getGraphics(); g.setColor(Color.green); g.fillOval(100, 100, 40, 40); 12-1-4 JPanel類別的畫布 Swing的JPanel元件可以取代AWT的Canvas類別畫布，JPanel預設提供「雙緩衝區」（Double Buffering）繪圖功能，所有元件的繪圖都是在幕後