VC 菜单栏的自绘（一）

2023-11-29 20:26:46

今天我们来学习下如何模拟系统自带的菜单效果。

1.创建一个对话框工程

2.新建一个面板类继CPanel承自CWnd，重载PreCreateWindow函数和Create函数

BOOL 
CPanel::Create( LPCTSTR 
lpszWindowName, DWORD 
dwStyle, const 
RECT& rect, CWnd* pParentWnd, UINT 
nID)
{

    return 
CWnd::Create(_T("PANEAL"),lpszWindowName,  dwStyle,  rect,  pParentWnd,  nID);
}
 

BOOL 
CPanel::PreCreateWindow(CREATESTRUCT& cs)
{

    HINSTANCE 
hInstance = AfxGetInstanceHandle();

    ASSERT(hInstance);
 

    WNDCLASSEX wcex;

    wcex.cbSize=sizeof(WNDCLASSEX);

    BOOL 
bRet = GetClassInfoEx(hInstance,cs.lpszClass,&wcex);

    if 
(bRet)

    {

        return 
TRUE;

    }

    wcex.cbClsExtra = 0;

    wcex.cbWndExtra = 0;

    wcex.hbrBackground = (HBRUSH)GetStockObject(WHITE_BRUSH);

    wcex.hCursor = (HCURSOR)LoadCursor(NULL,IDC_ARROW);

    wcex.hIcon = (HICON)LoadIcon(hInstance,MAKEINTRESOURCE(IDR_MAINFRAME));

    wcex.hIconSm = (HICON)LoadIcon(hInstance,MAKEINTRESOURCE(IDR_MAINFRAME));

    wcex.hInstance = hInstance;

    wcex.lpfnWndProc = AfxWndProc;

    wcex.lpszClassName = cs.lpszClass;

    wcex.lpszMenuName = NULL;

    wcex.style = CS_HREDRAW | CS_VREDRAW | CS_DBLCLKS;

    bRet = ::RegisterClassEx(&wcex);

    return 
bRet;
 

    //return CWnd::PreCreateWindow(cs);
}

3.新建一个CMenuBar类继承自CPanel

4.在对话框里创建CMenuBar

if (m_MenuBar.m_hWnd == NULL)
{
  CRect rcClient,rcMenuBar;
  GetClientRect(rcClient);
  rcMenuBar.left = (rcClient.Width()-150)/2;
  rcMenuBar.top = (rcClient.Height()-22)/2;
  rcMenuBar.bottom = rcMenuBar.top+22;
  rcMenuBar.right = rcMenuBar.left+150;
  m_MenuBar.Create(_T(""),WS_CHILD|WS_VISIBLE,rcMenuBar,this,10001);
   }

创建后运行如下：

5.建一个CMenuItem类，用来绘制子菜单

class 
CMenuItem
{

public:

    CMenuItem();

    ~CMenuItem();

public:

    void 
DrawMenu(CDC* pDC);

public:

    enum 
STATE{Normal=1,Hover,Pressed};

public:

    CRect m_rcMenu;

    STATE m_state;

    CString m_strText;

    HMENU 
m_hPopUpMenu;
};

void CMenuItem::DrawMenu(CDC* pDC)
{
    int OldbkMode = pDC->SetBkMode(TRANSPARENT);
    switch(m_state)
    {
    case Normal:
        {

        }
        break;

    case Pressed:
        {
            CPen pen(PS_SOLID,1,0x123456);
            CPen*pOldPen = pDC->SelectObject(&pen);
            pDC->Rectangle(m_rcMenu);
            pDC->SelectObject(pOldPen);
        }
        break;

    case Hover:
        {
            CPen pen(PS_SOLID,1,0x888888);
            CPen*pOldPen = pDC->SelectObject(&pen);
            pDC->Rectangle(m_rcMenu);
            pDC->SelectObject(pOldPen);
        }
        break;
    default:
        ASSERT(FALSE);
        break;
    }
    pDC->DrawTextEx(m_strText,m_rcMenu,DT_SINGLELINE|DT_CENTER|DT_VCENTER,NULL);
    pDC->SetBkMode(OldbkMode);
}

6.CMenuBar里面添加2个函数 1个用来载入资源另一个判断处鼠标位置状态绘制边框

void CMenuBar::LoadMenuFromResource(UINT nIDResource)
{
    m_Menu.LoadMenu(nIDResource);
    int nCount = m_Menu.GetMenuItemCount();
    for (int i = 0;i<nCount;i++)
    {
        CString strText;
        m_Menu.GetMenuString(i,strText,MF_BYPOSITION);
        CMenuItem* pMenuItem = new CMenuItem;
        pMenuItem->m_strText = strText;
        pMenuItem->m_hPopUpMenu = m_Menu.GetSubMenu(i)->m_hMenu;
        pMenuItem->m_rcMenu = CRect(i*50,0,i*50+50,22);
        pMenuItem->m_state = CMenuItem::Normal;
        m_vecMenuItem.push_back(pMenuItem);
    }
    Invalidate();
}

int CMenuBar::HitTest(CPoint pt)
{
    int nItem = HTERROR;
    int nCount = GetMenuItemCount();
    for (int i = 0;i<nCount;i++)
    {
        CMenuItem* pMenuItem = m_vecMenuItem.at(i);
        if (pMenuItem)
        {
            BOOL bInRect = pMenuItem->m_rcMenu.PtInRect(pt);
            if (bInRect)
            {
                if (pMenuItem->m_state != CMenuItem::Hover)
                {
                    pMenuItem->m_state = CMenuItem::Hover;
                    InvalidateRect(pMenuItem->m_rcMenu);
                }
                nItem = i;
            }
            else
            {
                if (pMenuItem->m_state != CMenuItem::Normal)
                {
                    pMenuItem->m_state = CMenuItem::Normal;
                    InvalidateRect(pMenuItem->m_rcMenu);
                }    
            }
        }        
    }

    return nItem;
}

载入资源的时候把所有信息保存起来放入一个vector中
所以还要添加2个变量

public:
    CMenu m_Menu;
    vector<CMenuItem*> m_vecMenuItem;

再在menubar创建的地方添加载入资源函数，别忘了在资源中添加菜单资源哦，我这里添加了3个菜单项。

7.响应MouseMove消息

void CMenuBar::OnMouseMove(UINT nFlags, CPoint point)
{
    int nCount = HitTest(point);
    CPanel::OnMouseMove(nFlags, point);
}

8.响应wm_paint 消息

void CMenuBar::OnPaint()
{
    CPaintDC dc(this); // device context for painting
    
    int nCount = GetMenuItemCount();//子项个数
    CFont font;
    font.CreateFont(14,0,0,0,FW_MEDIUM,FALSE,FALSE,0,ANSI_CHARSET,OUT_DEFAULT_PRECIS,
        CLIP_DEFAULT_PRECIS, DEFAULT_QUALITY,DEFAULT_PITCH | FF_SWISS,_T("Arial"));
    dc.SelectObject(&font);
    for (int i = 0; i<nCount;i++)
    {
        CMenuItem * pMenuItem = m_vecMenuItem.at(i);
        pMenuItem->DrawMenu((CDC*)&dc);
    }
}

好了，编译运行我们看到边框随鼠标移动也跟着移动了

9.但是鼠标离开的时候还有边框显示在上面。所以我们要捕获一下鼠标离开的状态，在mousemove里面如下处理：

void CMenuBar::OnMouseMove(UINT nFlags, CPoint point)
{
    TRACKMOUSEEVENT tme;
    tme.cbSize = sizeof(TRACKMOUSEEVENT);
    tme.dwFlags = TME_LEAVE;
    tme.dwHoverTime = 1;
    tme.hwndTrack= this->m_hWnd;
    TrackMouseEvent(&tme);

    int nCount = HitTest(point);
    CPanel::OnMouseMove(nFlags, point);
}

然后手动添加鼠标离开的消息响应函数

    ON_MESSAGE(WM_MOUSELEAVE,OnMouseLeave)

//鼠标离开后全部设为normal状态
LRESULT CMenuBar::OnMouseLeave(WPARAM,LPARAM)
{
    int nCount = GetMenuItemCount();
    for (int i = 0;i<nCount;i++)
    {
        CMenuItem* pMenuItem = m_vecMenuItem.at(i);
        if (pMenuItem)
        {
            if (pMenuItem->m_state != CMenuItem::Normal)
            {
                pMenuItem->m_state = CMenuItem::Normal;
                InvalidateRect(pMenuItem->m_rcMenu);
            }    
        }        
    }
    return 0;
}

运行下看看感觉还不错吧。

暂时写到这吧，全部写完后我会把示例代码传上来的。

第一次写博客，写的不好，或大家不明白的地方，欢迎大家批评指正。

好了我要去写年终总结了。。。

VC 菜单栏的自绘（一）

码农公寓

相关文章