科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道基础软件用VC制作带弹出式菜单的按钮

用VC制作带弹出式菜单的按钮

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

带有弹出式菜单的按钮可以使一个按钮具有多项选择功能,扩展了按钮的功能。

作者:风林 来源:vchelp 2007年10月16日

关键字: VC 弹出式菜单 按钮

  • 评论
  • 分享微博
  • 分享邮件
带有弹出式菜单的按钮可以使一个按钮具有多项选择功能,扩展了按钮的功能,相当于把多个按钮集成于一体,可以减少按钮数目。

  这种按钮的按钮体分为两个区域,单击主体区域时,执行主体按钮的功能,单击选择区域时,弹出一个菜单,可从中选择要执行的功能。

  下面,我们看一下它的制作过程:

  一、新建一个以CButton类为基类的新类

  单击“Insert”→“New Class”,建立一个新类。基类设置为CButton,新类起名为CMenuButton。

  二、利用自绘方法绘制按钮,主体区显示按钮文本,选择区画一个小箭头

  在CMenuButton类中用ClassWizard添加函数:PreSubclassWindow()和DrawItem()。

  PreSubclassWindow()函数在建立按钮时执行,可用于做一些准备工作。在这里我给按钮添加自绘属性:

void CMenuButton::PreSubclassWindow()
{
 ModifyStyle( 0, BS_OWNERDRAW ); //设置按钮属性为自绘式

 CButton::PreSubclassWindow();
}

  DrawItem()函数用于绘制按钮,左边绘制按钮文字,作为主体区,右边绘制一个小箭头,作为选择区。实际应用中,可根据具体需要绘制想要的形状和内容。

void CMenuButton::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
{
 CDC *pDC = CDC::FromHandle( lpDrawItemStruct->hDC );
 m_ButRect = lpDrawItemStruct->rcItem; //获取按钮尺寸
 int nSavedDC = pDC->SaveDC();
 VERIFY( pDC );

 DrawButton(pDC); //绘制按钮

 pDC->RestoreDC( nSavedDC );
}

  其中m_ButRect都是CRect型对象,在头文件中进行定义。DrawButton()为绘制按钮的函数,把它定义在外边的目的是方便用户修改,如果你想改变按钮形状,只需修改DrawButton()函数即可。

void CMenuButton::DrawButton(CDC *pDC)
{
 m_LRect.SetRect( m_ButRect.left, m_ButRect.top,
 m_ButRect.right-21, m_ButRect.bottom ); //按钮主体区尺寸
 m_RRect.SetRect( m_ButRect.right-20, m_ButRect.top,
 m_ButRect.right, m_ButRect.bottom ); //按钮选择区尺寸

 CPen Pen;
 Pen.CreatePen(PS_SOLID, 1, RGB(192,192,192) );
 pDC->SelectObject( &Pen );

 pDC->FillSolidRect( m_ButRect, m_BackColor ); //画背景
 switch( m_State ) //不同状态画不同边框
 {
  case 0: //正常按钮
   pDC->DrawEdge( &m_LRect, BDR_RAISEDINNER, BF_RECT );
   pDC->DrawEdge( &m_RRect, BDR_RAISEDINNER, BF_RECT );
   break;
  case 1: //鼠标进入时的按钮
   pDC->DrawEdge( &m_LRect, BDR_RAISEDINNER, BF_RECT );
   pDC->DrawEdge( &m_RRect, BDR_RAISEDINNER, BF_RECT );
   pDC->MoveTo( m_ButRect.TopLeft() );
   pDC->LineTo( m_ButRect.right, m_ButRect.top );
   break;
  case 2: //单击按钮主体区时的按钮
   pDC->DrawEdge( &m_RRect, BDR_RAISEDINNER, BF_RECT );
   break;
  case 3: //单击按钮选择区时的按钮
   pDC->DrawEdge( &m_LRect, BDR_RAISEDINNER, BF_RECT );
   break;
 }

 POINT m_pt[3], m_ptCentre; //箭头坐标(三个顶点)
 m_ptCentre = m_RRect.CenterPoint(); //选择区中点位置
 m_pt[0].x = m_ptCentre.x-3; //计算箭头坐标
 m_pt[0].y = m_ptCentre.y-2;
 m_pt[1].x = m_ptCentre.x+4;
 m_pt[1].y = m_ptCentre.y-2;
 m_pt[2].x = m_ptCentre.x;
 m_pt[2].y = m_ptCentre.y+2;

 pDC->SelectStockObject( BLACK_BRUSH ); //定义画刷(黑色)
 CRgn rgn;
 rgn.CreatePolygonRgn( m_pt, 3, ALTERNATE );
 pDC->PaintRgn( &rgn ); //画选择区箭头

 pDC->SetTextColor( m_ForeColor ); //画主体区文字
 pDC->SetBkMode( TRANSPARENT );
 pDC->DrawText( m_strText, &m_LRect, DT_SINGLELINE | DT_CENTER | DT_VCENTER | DT_END_ELLIPSIS);
}

  m_State是个标志,其值为0表示正常按钮;1表示鼠标进入按钮,绘制暗线边框;2表示在按钮主体区按下鼠标左键;3表示在按钮选择区按下鼠标左键。

  在m_State的不同取值下,绘制不同的按钮边框,可以增加按钮的动态效果。

  三、添加鼠标响应函数

  在CMenuButton类中用ClassWizard添加函数:OnMouseMove()、OnLButtonDown()、OnLButtonUp()。

  OnMouseMove()函数用于响应鼠标移动消息,当鼠标进入按钮时,设置相应标志,并重绘按钮边框,当鼠标离开按钮时,清除标志,恢复原边框。

void CMenuButton::OnMouseMove(UINT nFlags, CPoint point)
{
 if( !b_InFlag || GetCapture()!=this ) //鼠标进入按钮
 {
  b_InFlag = true; //设置进入标志
  SetCapture(); //捕获鼠标
  m_State = 1; //置按钮状态(1-当前按钮)
  if( b_ClickFlag ) //检测单击选择区标志
  {
   m_Menu.Detach(); //清除打开的菜单
   m_Menu.DestroyMenu();
   b_ClickFlag = false;
  }
  Invalidate(); //重绘按钮
 }
 else
 {
  if ( !m_ButRect.PtInRect(point) ) //鼠标离开按钮
  {
   b_InFlag = false; //清除进入标志
   ReleaseCapture(); //释放鼠标捕获
   b_ClickBut = false; //清除单击标志
   m_State = 0; //置按钮状态(0-正常按钮)
   if( b_ClickFlag ) //检测单击选择区标志
   {
    m_Menu.Detach(); //清除打开的菜单
    m_Menu.DestroyMenu();
    b_ClickFlag = false;
   }
   Invalidate(); //重绘按钮
  }
 }

 CButton::OnMouseMove(nFlags, point);
}

  b_InFlag是个BOOL型量,鼠标进入时设置,离开时清除,目的是防止鼠标在按钮上移动时重复刷新按钮,以避免闪烁。

  b_ClickFlag是单击按钮选择区标志,当它为true时,表示弹出菜单已打开,为false时表示菜单未弹出。当菜单已经弹出,而鼠标又移回按钮单击时,应清除菜单。

  b_ClickBut是单击按钮主体区标志。

  OnLButtonDown()函数响应按钮单击消息,当单击的是按钮主体区时,设置b_ClickBut标志;当单击的是按钮选择区时,要根据单击次数,决定是否弹出菜单。

void CMenuButton::OnLButtonDown(UINT nFlags, CPoint point)
{
 if( m_LRect.PtInRect(point) ) //单击按钮主体区
 {
  m_State = 2; //置按钮状态(2-正常按钮)
  b_ClickBut = true; //设置单击按钮标志
  Invalidate(); //重绘按钮
 }
 else if( m_RRect.PtInRect(point) && m_MenuID ) //单击选择区
 {
  m_State = 3;
  b_ClickBut = false; //清除单击按钮标志
  Invalidate(); //重绘按钮
  b_ClickFlag = !b_ClickFlag; //单击选择区标志
  if( b_ClickFlag ) //一次单击,弹出菜单
  {
   CRect rect = m_RRect;
   ClientToScreen(rect); //转换为屏幕坐标
   point = rect.BottomRight();
   point.x -= rect.Width(); //设置弹出菜单的位置

   VERIFY(m_Menu.LoadMenu(m_MenuID)); //装入菜单资源

   CMenu* pPopup = m_Menu.GetSubMenu(0);
   ASSERT(pPopup != NULL);
   CWnd* pWndPopupOwner = this;

   while (pWndPopupOwner->GetStyle() & WS_CHILD)
    pWndPopupOwner = pWndPopupOwner->GetParent();

   pPopup->TrackPopupMenu(TPM_LEFTALIGN | TPM_LEFTBUTTON, point.x, point.y, pWndPopupOwner); //弹出菜单
  }
  else //再次单击,清除菜单
  {
   m_Menu.Detach();
   m_Menu.DestroyMenu();
  }
 }
 CButton::OnLButtonDown(nFlags, point);
}

  当单击按钮选择区时,在选择区的左下角弹出菜单,函数中的point是鼠标的屏幕坐标,求菜单位置时也使用屏幕坐标。

  m_MenuID是与按钮关联的弹出菜单的ID,它在创建按钮时进行设置。

  OnLButtonUp()函数响应按钮弹起消息,这是只要恢复按钮正常状态即可,以产生单击动画效果。

void CMenuButton::OnLButtonUp(UINT nFlags, CPoint point)
{
 m_State = 0; //恢复为正常按钮
 Invalidate(); //重绘按钮

 CButton::OnLButtonUp(nFlags, point);
}
    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章