上一節(jié)中雞啄米講的是滾動(dòng)條控件，本節(jié)主要講一種簡單實(shí)用的控件，圖片控件Picture Control。我們可以在界面某個(gè)位置放入圖片控件，顯示圖片以美化界面。

       圖片控件簡介

       圖片控件和前面講到的靜態(tài)文本框都是靜態(tài)文本控件，因此兩者的使用方法有很多相同之處，所屬類都是CStatic類，有關(guān)成員函數(shù)已在前面介紹，這里就不重復(fù)了。

       圖片控件靜態(tài)和動(dòng)態(tài)加載圖片

       雞啄米下面為大家演示如何為圖片控件靜態(tài)和動(dòng)態(tài)加載位圖圖片。

       1. 圖片控件靜態(tài)加載圖片

       1）創(chuàng)建一個(gè)基于對(duì)話框的MFC工程，名稱設(shè)置為“Example27”。

       2）準(zhǔn)備一張Bitmap圖片，名稱設(shè)為“test.bmp”，放到工程的res文件夾中，res文件夾路徑為...\Example27\Example27\res。雞啄米在這里用的是一張雞啄米網(wǎng)站的截圖。

       3）在Resource View中的“Example27.rc*”節(jié)點(diǎn)上點(diǎn)右鍵，選擇“Add Resource...”，彈出“Add Resource”對(duì)話框：

       然后在左側(cè)的“Resource Type”中選擇“Bitmap”，點(diǎn)按鈕“Import”，顯示一個(gè)文件對(duì)話框，我們選擇res文件夾中的test.bmp圖片文件，導(dǎo)入成功后會(huì)在Resource View的Example27.rc*節(jié)點(diǎn)下出現(xiàn)一個(gè)新的子節(jié)點(diǎn)“Bitmap”，而在“Bitmap”節(jié)點(diǎn)下可以看到剛添加的位圖資源IDB_BITMAP1，這里的默認(rèn)ID就不修改了。

       4.）在自動(dòng)生成的對(duì)話框模板IDD_EXAMPLE27_DIALOG中，刪除“TODO: Place dialog controls here.”靜態(tài)文本控件、“OK”按鈕和“Cancel”按鈕。添加一個(gè)Picture Control控件，在圖片控件的屬性頁中有一個(gè)Type屬性，Type屬性下拉列表中有8種類型，下面分別介紹下：

       Frame：顯示一個(gè)無填充的矩形框，邊框顏色可以通過Color屬性的下拉列表設(shè)定

       Etched Horz：顯示一條橫分割線

       Etched Vert：顯示一條豎分割線

       Rectangle：顯示一個(gè)填充的矩形框，矩形顏色可通過Color屬性的下拉列表設(shè)定

       Icon：顯示一個(gè)圖標(biāo)（Icon），圖標(biāo)通過Image 下拉列表來設(shè)置圖標(biāo)資源ID

       Bitmap：顯示一個(gè)位圖（Bitmap），位圖通過Image 下拉列表來設(shè)置位圖資源ID

       Enhanced Metafile：顯示一個(gè)加強(qiáng)的元數(shù)據(jù)文件（Metafile）

       Owner Draw：自繪

       因?yàn)槲覀円虞d的是位圖圖片，所以Type屬性選擇Bitmap。

       5）在圖片控件的Image屬性的下拉列表中選擇3）中導(dǎo)入的位圖IDB_BITMAP1。

       6）編譯運(yùn)行程序，彈出結(jié)果對(duì)話框，如下圖所示：

        2. 圖片控件動(dòng)態(tài)加載圖片

        以上講的是靜態(tài)加載圖片的方法，下面接著講動(dòng)態(tài)加載圖片的方法。程序依然沿用上面的工程。步驟如下：

        1）將上面添加的圖片控件的Image屬性IDB_BITMAP1清空，Type屬性不變。

        2）修改圖片控件的ID為IDC_JIZHUOMI_STATIC，然后為其添加CStatic類型控件變量m_jzmPicture。（若不修改ID則無法為其添加控件變量）

        3）在對(duì)話框下方添加一按鈕控件，Caption屬性改為“加載圖片”，ID設(shè)為IDC_LOAD_PIC_BUTTON。

        4）為按鈕IDC_LOAD_PIC_BUTTON添加點(diǎn)擊消息的處理函數(shù)CExample27Dlg::OnBnClickedLoadPicButton()，然后修改此函數(shù)的函數(shù)實(shí)現(xiàn)如下：

        5）編譯運(yùn)行程序，彈出結(jié)果對(duì)話框，點(diǎn)擊按鈕“加載圖片”，結(jié)果如下：

       圖片控件Picture Control的內(nèi)容就講到這里了。應(yīng)該說還是比較簡單的。最后，雞啄米在此對(duì)一直以來關(guān)注本站的老朋友以及剛來的新朋友表示感謝。