真彩位圖工具欄的實現

本文轉載於：http://221.199.150.103/jsj/Html/vc/wen/vcwen08.htm

 

源代碼下載地址：http://download.csdn.net/source/2011080

 

VC++6.0直接支持256色工具欄的編輯和使用，若想建立真彩（24位位圖）工具欄，必須藉助其它繪圖工具繪製工具欄位圖。

製作真彩工具欄的主要步驟：

①用繪圖工具（我用的是Fireworks）製作三張24位位圖。其中：

30.bmp爲工具可用時顯示的位圖：

31.bmp爲工具不可用（變灰）時顯示的位圖：

32.bmp爲鼠標進入工具按鈕時顯示的位圖：

這裏，每張位圖中按鈕的個數和大小可根據實際應用進行修改，本例中，每張位圖有14個按鈕，每個按鈕大小爲20×20。

這個製作過程是比較繁瑣的，首先我把找來的小圖片轉換成24位位圖，在Fireworks下把它轉換爲20×20的大小後保存，再用Fireworks把它轉換爲灰色位圖和帶邊框的位圖並分別保存。然後再把三組小圖片分別拼接起來就行了。

②把三個位圖導入資源（作爲Bitmap資源），儘管在VC++下不能顯示和編輯，但使用上沒有問題。把三個位圖的ID依次改爲：
IDB_TOOLBARCOLOR、IDB_TOOLBARDISABLE、IDB_TOOLBARHOT

③在資源的工具欄項目中添加一個新的工具欄（如圖），ID改爲IDR_TOOLBAR，工具按鈕的寬度和高度都改爲20。在上面依次添加14個按鈕並分好組，按鈕上的內容無關緊要，只要不是空的就行了。刪除系統原來的工具欄IDR_MAINFRAME。

這個工具欄在顯示時，我們會用上面的位圖替換各按鈕。

④在MainFrm.h中定義三個位圖列表對象和一個函數定義：

MainFrm.h：

CImageList    m_imageToolBar;
CImageList    m_imageToolBarDisable;
CImageList    m_imageToolBarHot;
void InitToolBar();

⑤在MainFrm.cpp中修改工具欄的設置部分：

MainFrm.cpp：

if (!m_wndToolBar.CreateEx(this, TBSTYLE_FLAT, WS_CHILD | WS_VISIBLE | CBRS_TOP
    | CBRS_GRIPPER | CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_DYNAMIC) ||
    !m_wndToolBar.LoadToolBar( IDR_TOOLBAR ))  //指定工具欄ID號
{
    TRACE0("Failed to create toolbar/n");
    return -1;      // fail to create
}
InitToolBar();    //設置真彩工具欄

這裏要把原工具欄的ID（IDR_MAINFRAME）修改爲新工具欄的ID（IDR_TOOLBAR），再調用函數InitToolBar()設置新工具欄。

⑥添加設置工具欄的函數InitToolBar()：

void CMainFrame::InitToolBar()
{
    CBitmap bm;

    //活動的工具
    m_imageToolBar.Create( 20, 20, TRUE | ILC_COLOR24, 11, 0 );
    bm.LoadBitmap( IDB_TOOLBARCOLOR );
    m_imageToolBar.Add( &bm,(CBitmap*)NULL );
    bm.Detach();
    m_wndToolBar.GetToolBarCtrl().SetImageList( &m_imageToolBar );

    //禁止的工具
    m_imageToolBarDisable.Create( 20, 20, TRUE | ILC_COLOR24, 11, 0 );
    bm.LoadBitmap( IDB_TOOLBARDISABLE );
    m_imageToolBarDisable.Add( &bm,(CBitmap*)NULL );
    bm.Detach();
    m_wndToolBar.GetToolBarCtrl().SetDisabledImageList( &m_imageToolBarDisable );

    //當前的工具
    m_imageToolBarHot.Create( 20, 20, TRUE | ILC_COLOR24, 11, 0 ); 
    bm.LoadBitmap( IDB_TOOLBARHOT );
    m_imageToolBarHot.Add( &bm,(CBitmap*)NULL );
    bm.Detach();
    m_wndToolBar.GetToolBarCtrl().SetHotImageList( &m_imageToolBarHot );
}

其中在Create()函數中的參數依次爲按鈕寬度、高度、24位位圖和按鈕個數。

這樣一個用24位位圖組成的真彩工具欄就做好了，如果你的繪圖能力很強，可以修改32.bmp，使按鈕具有很好的動感。至於各按鈕的響應方法與普通工具欄是一樣的。

示例程序界面：