Visual C++中位图按钮的新颖设计_ui设计按钮体验设计
Visual C++中位图按钮的新颖设计由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“ui设计按钮体验设计”。
Visual C++中位图按钮的新颖设计
在众多的Windows软件中,位图按钮(BitmapButton)确实是一个相当重要的角色。与普通按钮相比,它以图形代替文字,形象直观,使画面更加活泼,使人机界面更加友善。笔者在用Visual C++编制软件时,经常用到位图按钮。但在编制的过程中,发现它也还存在着美中不足的地方。
一、问题的提出
我们在上Internet时,经常使用各种浏览器,例如IE或Netscape,它在工具条上的位图按钮不能不给使用者留下深刻印象。当鼠标未触及时,正常状态下的位图按钮只是平面图形;一旦触及,它立即“浮现”出来,一方面提示用户,另一方面其色彩以及立体感的反差也给人以耳目一新的感觉。而现在众多用Visual C++编写的软件中,位图按钮在触及前后并不改变,尽管它较普通的按钮已有很大的进步,但仍不免显得有些呆板,缺乏“动感”。本文试利用位图按钮的“获得输入状态”(focused)与鼠标操作相结合加以解决。
二、解决的方法及相关函数
Microsoft基本类库(MFC)提供CBitmapButton类,其常用的成员函数有AutoLoad和LoadBitmaps。下面简略加以介绍:
1.BOOL AutoLoad(UINT nID, CWnd* pParent);
该函数将一个普通按钮与一个CBitmapButton类对象联系起来。
BOOL LoadBitmaps(LPCSTR lpszBitmapResource, LPCSTR lpszBitmapResourceSel = NULL, LPCSTR lpszBitmapResourceFocus = NULL, LPCSTR lpszBitmapResourceDisabled = NULL);
位图按钮具有四种状态:正常(U)状态,按下(D)状态,获得输入(F)状态,禁止(X)状态。其中F状态并不常用。
该函数将CBitmapButton类对象的上述四种状态与四个位图文件相对应,其中参数:
lpszBitmapResource是位图按钮正常状态(U)下的位图文件名。
lpszBitmapResourceSel 是位图按钮按下状态(D)下的位图文件名。
lpszBitmapResourceFocus 是位图按钮获得输入状态(F)下的位图文件名。
lpszBitmapResourceDisabled 是位图按钮禁止状态(X)下的位图文件名。
SetCapture()和 ReleaseCapture()
SetCapture()对鼠标进行”捕捉”,即使鼠标光标已经移出该窗口,窗口仍能够接受到所有有关鼠标的消息。ReleaseCapture()则用来释放对鼠标的捕捉。
当鼠标触及但尚未按下时,并不对应其中任何一种状态,可见VC++并不提供相应的机制,以解决本文所提出的问题。本程序利用鼠标在该位图按钮所在范围移动时,将其设置成获得输入状态,调入第三资源文件“F”位图文件加以实现。在鼠标触及该位图时,使之“浮现”出来,并将鼠标光标变成小手形状,再加以振铃以示提醒。同时由于使用SetCapture()函数,故需要对鼠标的各种操作进行设计。主要程序段如下。
三、主要程序段
笔者编写了一个小演示程序,简单模拟电器开关功能。它有两个位图按钮和一个用作状态显示屏的编辑控制框。当鼠标位于位图按钮之上时,状态显示屏均显示“鼠标的光标在位图按钮上”。电源开关开时,按“喇叭”位图按钮则会发声;否则“喇叭”位图按钮变灰,不起作用。
void CBmpDlg::OnMouseMove(UINT nFlags, CPoint point)
{
CWnd * pWnd;
HCURSOR MyCursor;
CRgn m_regionPower;//Region of POWER Button
CRgn m_regionPlay;//Region of PLAY Button
//建立位图按钮的矩形区域
m_regionPower.CreateEllipticRgnIndirect(CRect(27,56,72,92));
m_regionPlay.CreateEllipticRgnIndirect(CRect(78,56,120,92));
CString ShowString0 = “鼠标的光标在位图按钮上!!”;
… … … …
m_bPlay = FALSE;
m_bPower= FALSE;
if(m_regionPower.PtInRegion(point))//鼠标落在位图按钮之上
{
m_bPower = TRUE;
//将位图按钮设置成获得输入状态
pWnd= GetDlgItem(IDC_BUTTON_POWER);
pWnd->SetFocus();
SetCapture();
InputEdit().SetWindowText(ShowString0);InputEdit().ShowWindow(TRUE);
//将鼠标光标变成小手形状
MyCursor = AfxGetApp()->LoadCursor(IDC_MYCURSOR);
::SetCursor(MyCursor);
VERIFY(m_Play.LoadBitmaps(“PLAYU”,“PLAYD”,“PLAYF”,“PLAYX”));
m_bPreedPlay = FALSE;
return;
}
if(m_regionPlay.PtInRegion(point))//鼠标落在位图按钮之上
{
if(m_bPowerOn){ //如果电源已被开启
m_bPlay = TRUE;
pWnd= GetDlgItem(IDC_BUTTON_PLAY);
pWnd->SetFocus();
SetCapture();
InputEdit().SetWindowText(ShowString0);
InputEdit().ShowWindow(TRUE);
MyCursor = AfxGetApp()->LoadCursor(IDC_MYCURSOR);
::SetCursor(MyCursor);
VERIFY(m_Power.LoadBitmaps(“POWERONU”,“POWEROND”,“POWERONF”));
}
else { //如果电源已被关闭
ReleaseCapture();
InputEdit().SetWindowText(ShowString0+ShowString2);
InputEdit().ShowWindow(TRUE);
VERIFY(m_Power.LoadBitmaps(“POWEROFU”,“POWEROFD”,“POWEROFF”));
}
m_bPreedPower= FALSE;
return;
}
//鼠标落在所有的位图按钮之外
ReleaseCapture();
InputEdit().SetWindowText(ShowString1);
InputEdit().ShowWindow(TRUE);
pWnd= GetDlgItem(IDOK);
pWnd->SetFocus();
VERIFY(m_Play.LoadBitmaps(“PLAYU”,“PLAYD”,“PLAYF”,“PLAYX”));
if(m_bPowerOn)
VERIFY(m_Power.LoadBitmaps(“POWERONU”,“POWEROND”,“POWERONF”));
else
VERIFY(m_Power.LoadBitmaps(“POWEROFU”,“POWEROFD”,“POWEROFF”));
m_bPreedPlay = FALSE;
m_bPreedPower= FALSE;
CDialog::OnMouseMove(nFlags, point);}
void CBmpDlg::OnLButtonDown(UINT nFlags, CPoint point)
{
CWnd *pWnd;
if(m_bPlay && m_bPowerOn){
// Change Focus so as to Change the bitmap of m_Play
pWnd= GetDlgItem(IDOK);
pWnd->SetFocus();
VERIFY(m_Play.LoadBitmaps(“PLAYD”));
m_Play.UpdateWindow();
m_Play.Invalidate(TRUE);
OnButtonPlay();
m_bPreedPlay = TRUE;
}
if(m_bPower== TRUE){
// Change Focus so as to Change the bitmap of m_Power
pWnd= GetDlgItem(IDOK);
pWnd->SetFocus();
if(m_bPowerOn)
VERIFY(m_Power.LoadBitmaps(“POWEROND”));
else
VERIFY(m_Power.LoadBitmaps(“POWEROFD”));m_Power.UpdateWindow();
m_Power.Invalidate(TRUE);
OnButtonPower();
m_bPreedPower = TRUE;
}
CDialog::OnLButtonDown(nFlags, point);
}
void CBmpDlg::OnLButtonUp(UINT nFlags, CPoint point)
{
CWnd * pWnd;
if(m_bPreedPlay == TRUE){
pWnd= GetDlgItem(IDOK);
pWnd->SetFocus();
VERIFY(m_Play.LoadBitmaps(“PLAYF”));
m_Play.UpdateWindow();
m_Play.Invalidate(TRUE);
m_bPreedPlay = FALSE;
}
if(m_bPreedPower == TRUE){
pWnd= GetDlgItem(IDOK);
pWnd->SetFocus();if(m_bPowerOn)
VERIFY(m_Power.LoadBitmaps(“POWERONF”));
else
VERIFY(m_Power.LoadBitmaps(“POWEROFF”));
m_Power.UpdateWindow();
m_Power.Invalidate(TRUE);
m_bPreedPower = FALSE;
}
CDialog::OnLButtonUp(nFlags, point);
}
app常用导航图标按钮设计技巧APP主页上常用的导航图标设计技巧上个教程的尾部留了本次的预告,现在履行承诺发教程啦。大家每天画那么多精美的图标,但真的用在APP界面上了吗? 这......
五年级信息技术《幻灯片的动作按钮》教学设计《PPT的动作按钮》教学设计教学目标:1、知识与技能掌握添加和设置动作按钮,能够制作个性化的动作按钮。2、过程与方法通过自学、......
flash按钮元件的综合运用教学设计【教材分析】本节课的教学内容是浙江教育出版社出版的普通高中课程标准实验教科书《多媒体技术应用》第三章《媒体的采集与制作》中的第五......
能不能在ppt中加入音乐,可以暂停的添加一个“暂停”按钮。目的只是将插入的音频文件暂停播发。而当需要继续播放时,只需再点击一次这个按钮即可。具体的办法如下:1、在PPT中插......
《新颖的电脑》教学设计一、教材分析电脑是20 世纪发展最快的科学技术之一,它已经渗透到我们生活的方方面面,成为当今信息社会必不可少的工具之一。本课以生活中熟悉的电脑入......
