如何让工具条显示256色图像

如何让工具条显示256色图像

编译：hangwire

下载范例源代码

问题：

   论坛中有很多人提出：基于Windows的程序如资源管理器（Explorer.exe），IE等都能显示出漂亮的工具栏图像和图标。但是，用MFC开发的应用程序一般都只能显示16色的工具栏图像和列表视图（如CListView）图像，而无法显示在资源中创建的256色图标和位图。这是为什么？

解答：

   工具栏和列表视图都是把自己的图像存储在图像列表中。这个图像列表实际上就是一个图像清单。它是一个由许多小图像组成的长条型位图图像。如图一所示：

      图一

假设你有7个20x20的图标，则在图像清单中会将它们保存为一个140x20的位图（7x20=140）。你可以根据需要来调整这个位图的颜色特性；但是必须在创建图像清单时指出要使用多少种颜色。在缺省情况下是16色。另外，当MFC加载工具栏位图时使用的一个内部函数，AfxLoadSysColorBitmap，也假设颜色为16色。所以用MFC编程时，为了显示256色图像，你必须要对图像清单进行处理。
我编写了DEMO程序TBColor来说明如何在工具栏中显示256色图像，这个程序是一个极其典型的MFC程序——它有一个漂亮的工具栏。如图二所示：

图二

按下工具栏的每一个按钮都弹出“关于”对话框。具体处理细节全都在CMainFrame::OnCreate函数中实现：

MainFrm.cpp 
////////////////////////////////////////////////////////////////
// Set tabsize = 3 in your editor.
//
#include "StdAfx.h"
#include "MainFrm.h"
#include "Resource.h"

BEGIN_MESSAGE_MAP(CMainFrame, CFrameWnd)
    ON_WM_CREATE()
END_MESSAGE_MAP()

static UINT indicators[] = {
    ID_SEPARATOR,           // status line indicator
    ID_INDICATOR_CAPS,
    ID_INDICATOR_NUM,
    ID_INDICATOR_SCRL,
};

CMainFrame::CMainFrame()
{
}

CMainFrame::~CMainFrame()
{
}

BOOL CMainFrame::PreCreateWindow(CREATESTRUCT& cs)
{
    cs.style |= WS_CLIPCHILDREN;
    return CFrameWnd::PreCreateWindow(cs);
}

int CMainFrame::OnCreate(LPCREATESTRUCT lpCreateStruct)
{
    VERIFY(CFrameWnd::OnCreate(lpCreateStruct)==0);
    
    //创建并加载工具栏
    //
    VERIFY(m_wndToolBar.Create(this));
    VERIFY(m_wndToolBar.LoadToolBar(IDR_MAINFRAME));

    // 加载工具栏位图 - 必须使用::LoadImage映射颜色
    // 将(192,192,192) 映射到 COLOR_3DFACE.
    //
    HBITMAP hbm = (HBITMAP)::LoadImage(AfxGetInstanceHandle(),
        MAKEINTRESOURCE(IDR_MAINFRAME),
        IMAGE_BITMAP,
        0,0, // cx,cy
        LR_CREATEDIBSECTION | LR_LOADMAP3DCOLORS );
    CBitmap bm;
    bm.Attach(hbm);

    // 创建图像清单并设置工具栏
    // 256色图像必须使用ILC_COLOR8！
    //
    m_ilToolBar.Create(20,20, ILC_COLOR8, 4, 4);
    m_ilToolBar.Add(&bm,(CBitmap*)NULL);
    m_wndToolBar.GetToolBarCtrl().SetImageList(&m_ilToolBar);

    VERIFY(m_wndStatusBar.Create(this));
    VERIFY(m_wndStatusBar.SetIndicators(indicators,
          sizeof(indicators)/sizeof(UINT)));

    VERIFY(m_wndView.Create(_T("Press a button, any button."),
        WS_VISIBLE|WS_CHILD|SS_CENTERIMAGE|SS_CENTER,
        CRect(0,0,0,0), this, AFX_IDW_PANE_FIRST));

    return 0;
}

第一步一定要用::LoadImage加载工具栏位图。这个函数是个多用途函数，它可以加载光标、图标和位图。加载位图时，这个函数甚至还能将位图中的某些颜色映射到当前的屏幕颜色。例如，DEMO程序中的工具栏位图（图一）使用RGB（192，192，192）为背景；如果恰好系统上有3D颜色，则LR_LOADMAP3DCOLORS标志会让LoadImage将背景映射到系统实际的3D（GetSysColor(COLOR_3DFACE)）颜色。

HBITMAP hbm = (HBITMAP)::LoadImage(AfxGetInstanceHandle(),
MAKEINTRESOURCE(IDR_MAINFRAME),
IMAGE_BITMAP,
0,0, // cx, cy
LR_CREATEDIBSECTION | LR_LOADMAP3DCOLORS );

LoadImage返回一个位图句柄(HBITMAP)，但MFC会更喜欢与CBitmaps打交道，所以接下来就是创建一个CBitmap对象并将它与你的句柄联系（Attach）起来。

CBitmap bm;
bm.Attach(hbm);

现在有了CBitmap对象，你就可以从它那儿创建新的图像清单了。

m_ilToolBar.Create(20,20,ILC_COLOR8,4,4);
m_ilToolBar.Add(&bm,(CBitmap*)NULL);

   m_ilToolBar是个CMainFrame成员，ILC_COLOR8是个神奇的标志，它创建一个8位颜色的调色板位图——既256色的位图。如果你愿意，它甚至能创建24位颜色的位图——但是要记住LR_LOADMAP3DCOLORS只能和调色板位图一起使用。最后一步是将新创建的图像清单用于工具栏。这一步很重要，千万不要忘记！

m_wndToolBar.GetToolBarCtrl().SetImageList(&m_ilToolBar);

   在工具栏中使用256色图像就这么简单。这种技术同样可以用于列表视图中的图像以及rebars和其它使用图像清单的控制。赶快试一下吧！