秀图软体-逸中软体设计.PDF

第第 6 章章 秀秀 圖圖 軟軟 體體 第第 章章 秀秀 圖圖 軟軟 體體 簡介簡介 ：： 簡介簡介 ：： 這一章要介紹如何製作一個簡單的秀圖軟體 ，主要功能包括選擇開啟影像檔 ，縮放以 及旋轉翻轉影像的功能 ，過程中你將學習到操作影像物件及動態配置版面的基本概念。接著 還會介紹投影片播放的功能 ，你可以選擇一個目錄，按鍵盤依序播放其中的影像檔 ，這裡 將學習到檔案目錄與檔案物件集合的基本操作方式 。影像是視窗程式中不可或缺的最佳女主 角，一個完全無圖的程式必定非常枯燥乏味 ，所以學好如何用 C#處理影像是一定要的啦 ！ 6-1 建立功能表與狀態列建立功能表與狀態列 建立功能表與狀態列建立功能表與狀態列 [建立主功能表] 這個程式與記事本單元一樣 ，主要還是由功能表(MenuStrip)操作 ，請先到工具箱叫出一 個 MenuStrip1 物件 。這次我們需要的項目較少 ，可以不必使用預設樣版，就直接由設計頁 面直接填入以下的幾個項目 。其中 「結束」的程式碼請參考前面的記事本單元 。 [建立狀態列] 還有我們希望在視窗下方顯示出目前展示的圖檔名稱 ，這個依附在一般表單下方的物件 稱為狀態列(StatusStrip)，在工具箱的 「功能表與工具列」分類可以找到 ，也請加入表單，並 請在其中加入一個標籤(StatusLabel) ，如下圖所示。需要注意的是加入的標籤物件名字好長 (toolStripStatusLabel1)不易記住 ，而且寫程式時它不隸屬於包住它的 statusStrip1 而是獨立於 表單之內的 ！初學者寫程式時常常會找不到它。在此請先將他的Text 屬性改成 「檔案名稱」， 否則程式未選檔案前顯示像「toolStripStatusLabel1 」這樣的文字一定會讓使用者感到迷惑的。 6-2 建立影像顯示框建立影像顯示框 建立影像顯示框建立影像顯示框 [設定表單的預設大小] 秀圖軟體就是要將影像從磁碟檔抓到程式之內 ，C#顯示圖檔的標準物件是 PictureBox， 在工具箱的 「通用控制項」分類之下可以找到 。由於我們並不知道使用者開啟的影像會有多 大，而且我們希望影像都能盡量放在螢幕的中央 ，所以設計階段去移動PictureBox 的位置或 調整它的大小並無意義 ，但是先將表單(不是 PictureBox 哦！)放到最大則是一個不錯的選 擇！所以請先點選表單本身 ，到它的WindowState 屬性處改為 Maximized(最大化) ，這樣程 式一開始表單就會盡量放大到填滿整個螢幕 。如下圖： 其他兩個選項中的 Minimized 是指縮到最小 ，也就是我們常常作的動作，將某個暫時不 操作的視窗程式收到視窗下方的工具列 ，但不是關閉程式。Normal 則是讓視窗維持設計時 的大小 。 [設定影像盒的顯示模式] 接著請置入 pictureBox1 物件並將它的屬性 SizeMode 改為 Zoom ，如下圖。 這個屬性 SizeMode 的意義是選擇載入影像時顯示的模式 ，Normal 是完全不改變邊框 ， 且保持原始影像大小 ，所以影像太大時會無法全部顯示 ；StretchImage 是讓影像縮放符合(塞 入)現有的邊框 ；AutoSize 是 自動縮放邊框以符合影像實際的大小 ；CenterImage 是不改變影 像大小直接讓它置於相框 中間；Zoom 則類似 StretchImage ，影像會隨邊框縮放 ，但是可以 保持原始影像的長寬比例 。一般秀圖軟體縮放時通常不希望扭曲長寬比(變成哈哈鏡) ，所以 在此我們選擇使用 「Zoom 」模式 。 6-3 讀入讀入與顯示與顯示影像影像 讀入讀入與顯示與顯示影像影像 [開啟影像的程式] 要選擇開啟影像檔 ，如同記事本單元必須先置入一個 openFileDialog1(工具箱的對 方塊) ，為了讓它只能選擇圖檔 ，應該將 Filter 屬性寫成 ：「影像檔 |*.jpg;*.gif;*.bmp 」，表示 只處理這三種常見副檔名的影