自绘制菜单带图标

Posted 网络ID:zhenw0

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自绘制菜单带图标相关的知识,希望对你有一定的参考价值。

## 个性定制菜单带图标 ##

今天把程序托到xp虚拟机,打算看下在xp的表现,发现菜单的小图标16*16的显示3/4左右,很丑,便有了此篇文章

## 实现方法 ##
有点像Listview的item重绘(自绘)实现。3点

1. 设置菜单为MF_OWNERDRAW风格,(自绘风格)
2. 处理WM_MEASUREITEM消息来设置菜单ITEM的高度
3. 处理WM_DRAWITEM消息来绘制图表文字。。

是不是和listview item重绘如出一辙呀!(有空分享下listview的重绘)

### 设置菜单为MF_OWNERDRAW风格 ###
1. 循环遍历菜单的每个item设置风格

        void ModifyMenuOwnDraw(HMENU hMen)
        {
            HMENU hSubMenu = NULL ;
            int iMenuIdx =  0 ;
            WCHAR wszString[MAX_PATH];
            int iMenuItemCount = 0;
            while ((hSubMenu = GetSubMenu(hMen,iMenuIdx)))
            {
                iMenuItemCount = GetMenuItemCount(hSubMenu);
                for (int i=0;i < iMenuItemCount;i++)
                {
                    ModifyMenu(hSubMenu,i,MF_BYPOSITION|MF_OWNERDRAW,NULL,NULL);
                }
                iMenuIdx ++;
            }
        }
2. 调用时机

        我在WM_CREATE消息处理中调用的
3. 效果

        每个menu的item都变成小白框了

### 处理WM_MEASUREITEM消息来设置菜单ITEM的高度 ###

1. 增加 WM_MEASUREITEM 处理函数

        void OnMeasureItem(HWND hwnd, MEASUREITEMSTRUCT * lpMeasureItem)
        {
            if (lpMeasureItem->CtlType == ODT_MENU )
            {
                // 有ID是正常项,没ID的是分割线 
                if ( lpMeasureItem->itemID)
                {
                    lpMeasureItem->itemHeight =24;//  GetSystemMetrics(SM_CYMENU);
                }
                else
                {    
                    // 分割线就矮点 
                    lpMeasureItem->itemHeight = 3;
                }
                
                lpMeasureItem->itemWidth = 120 ;  
                
            }
        
        }
2. 效果 

        每个menu的item都变成长条白框了


###处理WM_DRAWITEM消息来绘制图表文字###
1. 添加 WM_DRAWITEM 处理函数
    
    void OnDrawItem(HWND hwnd,const DRAWITEMSTRUCT * lpDrawItem)
    {
        HDC hDc = lpDrawItem->hDC;
    
        MENUITEMINFO miinfo ={0} ;
        WCHAR wszString[MAX_PATH];
        RECT rect;
    
        memcpy(&rect,&(lpDrawItem->rcItem),sizeof(RECT));
        // 这里来判断是自绘的BUTTON 、listview 、MENU 等,可以看看ODT_MENU的定义,就能看到有多少种了
        if (lpDrawItem->CtlType == ODT_MENU )
        {
            
    
            HBRUSH hBrush ;
            // 菜单的item有id的是正常选项,没ID的就是分割线;分开对待
            if (lpDrawItem->itemID)
            {
                // 对于选中的item 我们要 画个大红框
                if (lpDrawItem->itemState & ODS_SELECTED )
                {
    
                    hBrush =CreateSolidBrush(RGB(255,20,147));
                }
                else
                {
                    // 没选中的 要 在绘制回原色 
                    hBrush =CreateSolidBrush(GetSysColor(COLOR_MENU));
                }
    
                FrameRect(hDc,&rect,hBrush);
                DeleteBrush(hBrush);
            }else
            {
                // 分割线我们就 只画根大杠杠 
                SetDCBrushColor(hDc,getsyscolor(COLOR_MENUTEXT));
                rect.top +=1;
                rect.bottom -= 1;
                Rectangle(hDc,rect.left,rect.top,rect.right,rect.bottom);
            }
            
            
            if (lpDrawItem->itemID)
            {
                // draw img 
                int iAlign = (rect.bottom -rect.top - 16)/2 ;
                int x = rect.left + iAlign ;
                int y = rect.top + iAlign ;
                BITMAP bmp;  
                HDC hdcMem  = CreateCompatibleDC(hDc);   
                HBITMAP hBmp = LoadBitmap(hInst,MAKEINTRESOURCE(lpDrawItem->itemID - ID_FILE_1 + IDB_BMP_1));
                //HBITMAP hBmp = (HBITMAP)LoadImage(NULL, "1.bmp", IMAGE_BITMAP, 0, 0, LR_LOADFROMFILE|LR_CREATEDIBSECTION);  
                GetObject(hBmp, sizeof(BITMAP), &bmp);  
    
                SelectObject(hdcMem, hBmp);  
                BitBlt(hDc, x, y, 16, 16, hdcMem, 0, 0, SRCCOPY);   
    
                DeleteDC(hdcMem);  
                DeleteObject(hBmp);  
    
    
                //draw text
                // 要绘制字的先获取下高度
                TEXTMETRIC tm;
                GetTextMetrics(hDc,&tm);
                // 计算下字所在的rect 这里要是字体上下居中 
                int iAlignTop = (rect.bottom -rect.top-tm.tmHeight)/2 ;
                iAlignTop = iAlignTop > 0 ? iAlignTop : -iAlignTop ;
                rect.top += iAlignTop;
                rect.bottom -= iAlignTop ;
    
                // 留出绘制的 图标 位置来
                rect.left+=24;
                // 先获取字符串
                GetMenuString((HMENU)lpDrawItem->hwndItem,lpDrawItem->itemID,wszString,MAX_PATH,MF_BYCOMMAND);
                // 还要判断是否有 \\t 有的话就要分开写了
                WCHAR* lpFind = wcschr(wszString,L\'\\t\');
                if (lpFind)
                {
                    *lpFind = L\'\\0\';
                    lpFind+=1 ;
                }
    
    
                DrawTextEx(hDc,wszString,wcslen(wszString),(LPRECT)&(rect),DT_LEFT,NULL);
                // 有 \\t的话
                if (lpFind)
                {
    
                    rect.left += 50  ;
                    rect.right -= 10;
                    DrawTextEx(hDc,lpFind,wcslen(lpFind),(LPRECT)&(rect),DT_RIGHT,NULL);
                }
            }
            
            
        }
    }

2. 以上代码发布时改动过,没有测试,如果有出入还请自行改制

 

 http://pan.baidu.com/s/1pKX7ixd 44y4

 

简单办法将图标弄小写,直接设置图标吧。这样有个弊端,那就是设置的bmp不能透明化,但是自己重绘就可以透明了。

HBITMAP hBmpAbout = LoadBitmap(hInst,MAKEINTRESOURCE(IDB_BMP_ABOUT));

SetMenuItemBitmaps(hMenu, ID_HELP_ABOUT, MF_BYCOMMAND, hBmpAbout,hBmpAbout);

## 个性定制菜单带图标 ##
今天把程序托到xp虚拟机,打算看下在xp的表现,发现菜单的小图标16*16的显示3/4左右,很丑,便有了此篇文章
## 实现方法 ##有点像Listview的item重绘(自绘)实现。3点
1. 设置菜单为MF_OWNERDRAW风格,(自绘风格)2. 处理WM_MEASUREITEM消息来设置菜单ITEM的高度3. 处理WM_DRAWITEM消息来绘制图表文字。。
是不是和listview item重绘如出一辙呀!(有空分享下listview的重绘)
### 设置菜单为MF_OWNERDRAW风格 ###1. 循环遍历菜单的每个item设置风格
        void ModifyMenuOwnDraw(HMENU hMen)        {            HMENU hSubMenu = NULL ;            int iMenuIdx =  0 ;            WCHAR wszString[MAX_PATH];            int iMenuItemCount = 0;            while ((hSubMenu = GetSubMenu(hMen,iMenuIdx)))            {                iMenuItemCount = GetMenuItemCount(hSubMenu);                for (int i=0;i < iMenuItemCount;i++)                {                    ModifyMenu(hSubMenu,i,MF_BYPOSITION|MF_OWNERDRAW,NULL,NULL);                }                iMenuIdx ++;            }        }2. 调用时机
        我在WM_CREATE消息处理中调用的3. 效果
        每个menu的item都变成小白框了
### 处理WM_MEASUREITEM消息来设置菜单ITEM的高度 ###
1. 增加 WM_MEASUREITEM 处理函数
        void OnMeasureItem(HWND hwnd, MEASUREITEMSTRUCT * lpMeasureItem)        {            if (lpMeasureItem->CtlType == ODT_MENU )            {                // 有ID是正常项,没ID的是分割线                 if ( lpMeasureItem->itemID)                {                    lpMeasureItem->itemHeight =24;//  GetSystemMetrics(SM_CYMENU);                }                else                {                        // 分割线就矮点                     lpMeasureItem->itemHeight = 3;                }                                lpMeasureItem->itemWidth = 120 ;                              }                }2. 效果 
        每个menu的item都变成长条白框了

###处理WM_DRAWITEM消息来绘制图表文字###1. 添加 WM_DRAWITEM 处理函数        void OnDrawItem(HWND hwnd,const DRAWITEMSTRUCT * lpDrawItem)    {        HDC hDc = lpDrawItem->hDC;            MENUITEMINFO miinfo ={0} ;        WCHAR wszString[MAX_PATH];        RECT rect;            memcpy(&rect,&(lpDrawItem->rcItem),sizeof(RECT));        // 这里来判断是自绘的BUTTON 、listview 、MENU 等,可以看看ODT_MENU的定义,就能看到有多少种了        if (lpDrawItem->CtlType == ODT_MENU )        {                            HBRUSH hBrush ;            // 菜单的item有id的是正常选项,没ID的就是分割线;分开对待            if (lpDrawItem->itemID)            {                // 对于选中的item 我们要 画个大红框                if (lpDrawItem->itemState & ODS_SELECTED )                {                        hBrush =CreateSolidBrush(RGB(255,20,147));                }                else                {                    // 没选中的 要 在绘制回原色                     hBrush =CreateSolidBrush(GetSysColor(COLOR_MENU));                }                    FrameRect(hDc,&rect,hBrush);                DeleteBrush(hBrush);            }else            {                // 分割线我们就 只画根大杠杠                 SetDCBrushColor(hDc,getsyscolor(COLOR_MENUTEXT));                rect.top +=1;                rect.bottom -= 1;                Rectangle(hDc,rect.left,rect.top,rect.right,rect.bottom);            }                                    if (lpDrawItem->itemID)            {                // draw img                 int iAlign = (rect.bottom -rect.top - 16)/2 ;                int x = rect.left + iAlign ;                int y = rect.top + iAlign ;                BITMAP bmp;                  HDC hdcMem  = CreateCompatibleDC(hDc);                   HBITMAP hBmp = LoadBitmap(hInst,MAKEINTRESOURCE(lpDrawItem->itemID - ID_FILE_MENU1 + IDB_BMP_MENU1));                //HBITMAP hBmp = (HBITMAP)LoadImage(NULL, "1.bmp", IMAGE_BITMAP, 0, 0, LR_LOADFROMFILE|LR_CREATEDIBSECTION);                  GetObject(hBmp, sizeof(BITMAP), &bmp);                      SelectObject(hdcMem, hBmp);                  BitBlt(hDc, x, y, 16, 16, hdcMem, 0, 0, SRCCOPY);                       DeleteDC(hdcMem);                  DeleteObject(hBmp);                          //draw text                // 要绘制字的先获取下高度                TEXTMETRIC tm;                GetTextMetrics(hDc,&tm);                // 计算下字所在的rect 这里要是字体上下居中                 int iAlignTop = (rect.bottom -rect.top-tm.tmHeight)/2 ;                iAlignTop = iAlignTop > 0 ? iAlignTop : -iAlignTop ;                rect.top += iAlignTop;                rect.bottom -= iAlignTop ;                    // 留出绘制的 图标 位置来                rect.left+=24;                // 先获取字符串                GetMenuString((HMENU)lpDrawItem->hwndItem,lpDrawItem->itemID,wszString,MAX_PATH,MF_BYCOMMAND);                // 还要判断是否有 \\t 有的话就要分开写了                WCHAR* lpFind = wcschr(wszString,L\'\\t\');                if (lpFind)                {                    *lpFind = L\'\\0\';                    lpFind+=1 ;                }                        DrawTextEx(hDc,wszString,wcslen(wszString),(LPRECT)&(rect),DT_LEFT,NULL);                // 有 \\t的话                if (lpFind)                {                        rect.left += 50  ;                    rect.right -= 10;                    DrawTextEx(hDc,lpFind,wcslen(lpFind),(LPRECT)&(rect),DT_RIGHT,NULL);                }            }                                }    }
2. 以上代码发布时改动过,没有测试,如果有出入还请自行改制
- 实在想偷懒的,还是设置小图标吧,大小12*12的在xp下不会不适应的。        HBITMAP hBmpShow = LoadBitmap(hInst,MAKEINTRESOURCE(IDB_BMP_SHOW));    SetMenuItemBitmaps(hTrayMenu, ID_NOTIFY_SHOWXMAN, MF_BYCOMMAND, hBmpShow,hBmpShow);

以上是关于自绘制菜单带图标的主要内容,如果未能解决你的问题,请参考以下文章

HTML代码片段

HTML代码片段

如何在android tv中使用像netflix这样的浏览片段制作侧边菜单?

在表单上绘制自定义图标

Android开发 自定义Toast(可以带图标)

ActionBar 菜单项的动态可绘制图标? (安卓,ActionBarSherlock)