`
snzipeng
  • 浏览: 22428 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

[转]循序渐进实现仿QQ界面(二):贴图按钮的三态模拟

阅读更多

演示程序需要RingSDK库,编译有问题的请看本文的原始链接:http://blog.csdn.net/ringphone/archive/2010/01/10/5171490.aspx,这里就直接进入正题,讲解如何实现贴图按钮的三态模拟。所谓三态,就是按钮的正常状态,鼠标移上去的高亮状态以及按下状态。实际应该还有一个Disable状态,不过这个程序没有不可用的按钮,因此就不实现这个效果了。由于是贴图,不是实际的按钮,因此必须自己处理鼠标消息并进行三种状态的绘制。首先当然要有一个鼠标位置检测函数HitTest,检测鼠标在哪个按钮上面,由于程序的非客户区仅仅是一个尺寸为2的园角矩形框,标题栏是模拟在客户区实现,因此这个HitTest函数是在WM_MOUSEMOVE消息里调用判断,无非是PtInRect进行各个按钮坐标的检测,因此这个HitTest函数的实现这里就不讲解了,看代码就明白了。如果鼠标在按钮区域,该函数返回按钮ID,在系统按钮区域,返回HTMINBUTTON,HTMAXBUTTON,HTCLOSE,方便直接发送系统命令,不在任何按钮,返回HTCAPTION,可以拖动窗口。

如果HitTest返回了按钮ID,用户没按下鼠标,应该绘制按钮的高亮状态。这里有个问题,绘制完了以后,用户继续移动鼠标,但是没移出这个按钮,WM_MOUSEMOVE消息又会检测到需要绘制高亮状态,这样不断绘制就会造成鼠标闪烁,因此需要定义一个m_nCurWhere的成员变量,记录鼠标上一次的HitTest检测值:

C/C++ code
int nWhere = HitTest(...); if(nWhere != m_nCurWhere) { //需要绘制按钮,高亮或恢复原状 if(nWhere != HTCAPTION) CheckAndDrawButtons(nWhere,4); //绘制nWhere按钮的高亮状态 else CheckAndDrawButtons(m_nCurWhere,0); //恢复高亮按钮的原始状态 } m_nCurWhere = nWhere;


这样就保证了各种状态变化,只需要绘制一次。

实现按钮按下状态,需要在WM_LBUTTONDOWN消息里处理,首先当然是进行HitTest检测,这里也要定义一个成员变量m_nCurSysCmd,标记当前是按下了哪个按钮,然后绘制按钮的按下状态。由于用户可能按下了按钮,不松开鼠标进行移动,因此还需要定义一个成员变量m_bInCapture,在WM_LBUTTONDOWN消息里置这个变量为TRUE,SetCapture捕获鼠标,在WM_LBUTTONUP消息里ReleaseCapture释放鼠标,置这个变量为FALSE,这样在WM_MOUSEMOVE里调用的按钮绘制函数就可以根据m_bInCapture判断是该绘制按下状态还是高亮状态。WM_LBUTTONUP消息也可以根据这个标志判断是否该执行按钮动作,否则在别的地方按下鼠标键,移到一个按钮上松开鼠标,执行该按钮功能有点不大对头,应该判断m_bInCapture为TRUE且m_nCurSysCmd与HitTest检测到的按钮相等才执行该按钮的功能。鼠标键按下时的移动,只会对m_nCurSysCmd标记的按钮进行按下状态和正常状态的绘制,其余按钮一概不理。发现QQ2009在这方面没有实现,按下按钮后不松开鼠标键移出按钮,按钮状态不会变化。

按此机制,WM_MOUSEMOVE里的判断应该修改一下了,增加对按钮按下状态的判断:
C/C++ code
RINGMAINMSG(WM_MOUSEMOVE) { int nWhere = HitTest(param); if(m_bInCapture) { //鼠标键按下状态的移动 if(m_nCurSysCmd == nWhere && m_nCurWhere != nWhere) { //鼠标从按钮外移入按钮,绘制按下状态按钮 CheckAndDrawButtons(nWhere,8); } else if(m_nCurSysCmd != nWhere && m_nCurSysCmd == m_nCurWhere) { //鼠标移出按钮,绘制正常状态 CheckAndDrawButtons(m_nCurSysCmd,0); } m_nCurWhere = nWhere; return 0; } else { LRESULT res; if(nWhere != m_nCurWhere) { //需要绘制按钮,高亮或恢复原状 if(nWhere != HTCAPTION) CheckAndDrawButtons(nWhere,4); //高亮状态 else CheckAndDrawButtons(m_nCurWhere,0); //恢复原状 } res = DefaultProc(param); m_nCurWhere = nWhere; return res; } }


至此,鼠标对按钮的检测功能已完成,剩下的就是按钮的绘制工作了。按钮的绘制工作分为3块:系统按钮的绘制,用户头像旁边一个可弹出菜单的按钮和编辑个性签名按钮([我在线上]也是按钮,不过这个与个性签名按钮实现是一样的,这里就省点事,不实现了),以及用户头像下方的工具栏上那一排按钮。系统按钮的绘制采用的是最常见的方法,这里把系统按钮资源图象贴出来大家就知道了,根据需要绘制的状态,只要把图象上相应区域绘制到目标就可以了。如图:



不过这里还是要有个技巧,最下面一排是正常状态按钮,为将来界面调色的需要,处理成了透明的,仅边框和线条是不透明的,这样绘制正常状态按钮的时候就需要恢复背景色,然后透明绘制正常状态的按钮,有点麻烦,因此程序初始化的时候就初始化了系统按钮区域大小的一个内存图片,在WM_PAINT消息里面贴图的时候,顺便就把该正常系统按钮区域的图象绘制到了这个内存图象,这样恢复系统按钮状态只要绘制一遍这个内存图象就可以了。

接下来是绘制工具栏那一排按钮,来看看所需要的资源图片,一共是两幅:




实现的按钮三态效果,第二个是高亮状态,第三个是按下状态:



恩?这个是怎么实现的?关键在第2张资源图片,分为左右两部分,左边是高亮状态,右边是按下状态,每一部分图象是5个像素宽,左右各2像素分别是按钮左右边框,中间1像素是按钮的中间图案,绘制时需要横向拉伸至按钮除去左右边框的宽度。先恢复背景图案,然后绘制高亮状态按钮,最后把整个工具栏图象透明绘制上去就可以了,不会影响已经绘制好的背景。按下状态的绘制稍稍有点不一样,因为需要把按下的按钮图象向右下方偏移1个像素,显得按钮是按下去了,这样就不能一下把整个工具栏图象画上去,需要绘制按下的按钮图象,然后把这个按钮左右边的按钮绘制上去。

用户头像旁边的按钮与工具栏的绘制类似,就不讲解了,看源代码就知道了,代码里面图象的源区域坐标,绘制目的坐标有点绕,需要头脑清楚才不会搞糊涂。需要搞清楚图象库的DrawTo,StretchTo几个函数的参数定义,具体看RingSDK的帮助文件吧。

顺便说一下,图象库的双缓冲绘制操作是直接操作的图象数据,说白了只是一些COLORREF数组数据的搬移,除了绘制文字,根本不需要HDC的参与,因此速度和效率是很高的。

至此贴图按钮的三态模拟完成,还需要实现其他一些功能,工具提示,把工具栏按钮的工具提示加了上去,不过最右边两个“打开消息盒子”和“更改外观”的按钮的工具提示需要额外处理,因为窗口可以调整大小,一改变尺寸原来的坐标就不对了,因此需要动态改变坐标,在哪里改呢,WM_SIZE消息?用户改变窗口尺寸的时候其实是没办法把鼠标移到这两个按钮上的,而且WM_SIZE消息太频繁了,我们只需要在尺寸调整完毕的时候更新一下坐标就行了,这个消息就是WM_EXITSIZEMOVE:

C/C++ code
TOOLINFO ti; CopyRect(&ti.rect,&rc); //rc为更新的坐标 m_tip->SetToolInfo(&ti);



实际程序里的代码要复杂一些。系统按钮的工具提示没加,有兴趣的可以自己完成,需要跟这两个工具栏按钮一样的处理,更新坐标。

还有是按下用户头像旁按钮弹出菜单,QQ2009这个菜单的最后两项与系统栏图标上弹出的菜单是不一样的,这里就不麻烦了,直接弹出了系统栏图标上弹出的菜单。

个性签名按钮,按下后会显示一个编辑框允许编辑签名,这个不难,麻烦的是这个编辑框需要自动隐藏,处理其EN_KILLFOCUS消息并不能完全实现效果,因为界面上没有别的控件可以抢它的焦点,只有程序失去焦点才会有这个消息,因此需要在WM_LBUTTONDOWN里面再加个判断处理,既然收到WM_LBUTTONDOWN消息,说明是在编辑框外按了鼠标,可以隐藏了。可惜这样做还不够,调整窗口尺寸的时候是点击了非客户区,没有WM_LBUTTONDOWN消息,因此需要在WM_ENTERSIZEMOVE消息里再加个判断处理,这样编辑个性签名的功能才算完善。

至此,这个程序已经实现了所有按钮的三态模拟,系统按钮的功能响应,工具栏按钮的工具提示,可编辑个性签名,可弹出菜单。加了WS_EX_TOOLWINDOW的扩展类型,程序不会出现在任务栏上,没加限制只执行一次程序的功能。有个小小BUG,鼠标移到系统按钮区域,系统按钮显示高亮状态,这时把鼠标快速向上移出窗口,按钮状态不会恢复,因为没有了WM_MOUSEMOVE消息,解决这个问题需要TrackMouseEvent,然后在WM_MOUSELEAVE消息里恢复按钮状态,有兴趣的可以自己解决。

最后看看程序截图:



界面下方的工具栏以后会用不同的方法实现,下一篇,将会讲解如何实现一个激动人心的功能:界面调色。大家打开程序资源,可以看到里面已经有更改外观的设置对话框了,以后会讲解如何自绘控件,实现QQ的这个更改外观对话框。

演示程序下载地址:http://download.csdn.net/source/1982937

分享到:
评论

相关推荐

    循序渐进实现仿QQ界面

    ### 循序渐进实现仿QQ界面:关键技术点解析 #### 一、园角矩形与双缓冲贴图窗口 为了实现仿QQ界面中的园角矩形效果,开发者需要掌握如何利用Windows API来创建园角矩形区域。具体做法如下: 1. **使用...

    仿QQ界面程序(2)

    缺头文件的,请到下面文章的地址去看。 循序渐进实现仿QQ界面(二):贴图按钮的三态模拟的配套源码,文章请见:http://blog.csdn.net/ringphone/archive/2010/01/10/5171490.aspx

    悬索大振幅三维自由振动中的非线性耦合与动态张力研究(可复现,有问题请联系博主)

    内容概要:本文通过建立严格的数学模型并结合虚拟功能量法,推导了用于分析任意悬垂弹性缆绳大振幅自由振动的三维非线性方程组。所提出的多自由度模型考虑了轴向变形效应以及动态张力响应特性,不仅适用于小挠跨比条件,还能处理显著初始挠曲情况。研究通过数值仿真方法揭示了几何非线性和内部共振现象对缆索动力行为的重要影响,特别探讨了对称和平面对称模态之间的耦合作用及其引起的动力特性变化。 适用人群:工程力学专业人员、土木工程项目研究人员、结构工程师等,尤其涉及大型桥梁及高层建筑中缆索系统的动态特性的分析与设计的专业人士。 使用场景及目标:通过对特定初位移条件下电缆系统的非线性动态响应进行建模与模拟,能够帮助工程师预测和优化电缆系统的运动轨迹,同时为理解复杂环境下如强风或者地震荷载下的桥梁等基础设施提供理论支持。 其他说明:研究成果有助于指导实际应用中关于如何减轻因共振而导致的结构破坏风险的问题;并指出未来工作中需要进一步探索的方向,例如改进现有的简化假设来更好地适应实际工况。

    Python爬虫实例,一个简单的DEMO

    使用requests和BeautifulSoup库爬取豆瓣电影Top250的基本信息

    ISO 8015-2011 英文-中文对照 产品几何技术规范( GPS ) 基础概念、原则和规则 .rar

    标题中的“ISO 8015-2011”是指国际标准化组织(International Organization for Standardization)在2011年制定的一项标准,该标准是关于产品几何技术规范(Geometrical Product Specifications, 简称GPS)的一部分。GPS是工业界用于定义和控制产品几何尺寸和形状的一系列准则,旨在确保产品的设计、制造和检测过程中的精确性和一致性。 “基础概念、原则和规则”这部分内容涵盖了ISO 8015的核心理念,包括但不限于: 1. 几何公差:ISO 8015解释了如何定义和应用几何公差,这是控制产品几何特性的重要手段。它涉及尺寸公差、形状公差、位置公差、方向公差和跳动公差等。 2. 尺寸基准:标准介绍了选择和定义尺寸基准的重要性,这些基准用于确定零件或组件的定位和测量参考。 3. 形状和位置关系:ISO 8015阐述了如何理解和表达零件表面的形状以及它们之间的位置关系,比如平面度、圆度、直线度、平行度、垂直度等。 4. 公差带:公差带是允许几何特性变化的区域,标准中详细规定了如何定义和图解公差带。 5. 控制方法:标准涵盖了各种几何特性的测量和控制方法,如接触测量、光学测量、三坐标测量机(CMM)的应用等。 6. 符号和注释:ISO 8015规定了标准的图形符号和注释方式,以便于设计者和制造者清晰地传达几何要求。 7. 可接受性准则:标准提供了判断产品是否符合几何公差要求的准则,包括最大实体条件(MMC)、最小实体条件(LMC)和其他补偿原则。 “英文-中文对照”表明这份文档提供了双语对照,方便中国用户理解和应用这个国际标准,从而提升国内产品设计和制造的质量。 尽管压缩包中包含的“1.bat”和“一键改名.bat”文件与主题内容直接关联性不强,但它们可能是辅助工具,例如批量修改文件名的脚本,帮助用户更方便地管理和使用ISO 8015的相关资料。 ISO 8015-2011是一个关于产品几何技术规范的重要标准,对工程设计、质量控制和制造流程有着深远影响。理解并应用这些原则和规则能够提高产品的精度和可靠性,降低生产成本,增强市场竞争力。。内容来源于网络分享,如有侵权请联系我删除。

    2025 年全球产品库存数据集(10K+记录,14特征)CSV

    该数据集提供了产品库存的详细快照,非常适合物流优化、电子商务分析或供应链研究。它包括关键详细信息,如产品名称、类别、价格、库存数量等,这些详细信息来自一个假设的全球供应商数据库。我在从事货运物流优化项目时编译了这个,我希望它对其他探索类似挑战的人有用! 主要特点: 14 列,涵盖商品规格、定价、库存和标签。 示例数据包括 Home Appliances 等多个类别。 非常适合数据清理实践、可视化或预测建模(例如,库存耗尽)。 可能的用例: 根据库存和有效期优化货运物流。 分析不同产品类别的定价趋势。 使用标签和评级构建推荐系统。 笔记: 日期范围从制造到到期(例如,2023-2026 年)。 某些字段(例如,产品描述)可能需要改进 - 请随时对其进行改进! 欢迎对其他数据或改进提出建议。 让我知道您如何使用它 - 我很想听听您的反馈! 列描述 Product ID:这是分配给数据集中每个产品的唯一标识符,如“93TGNAY7”。它有助于区分一项与另一项。 Product Name(商品名称):商品的名称,例如 “Laptop”(笔记本电脑)。这是项目是什么的简单标签。 Product Category(商品类别): 这告诉您商品属于哪个类别,例如“Home Appliances”(家用电器)。它将相似的项目分组在一起。 Product Description(商品描述):商品的简要描述。在示例中,它列为“Product_XU5QX”,这可能是一个占位符 - 请随意将其替换为更有意义的内容! 价格: 商品的价格(以美元为单位),例如 253.17。它显示每件物品的价值。 库存数量: 当前有货的商品数量,例如 3。它对于跟踪库存水平非常有用。 保修期:产品的保修期,以年为单位,例如 2。它表示所提供的支持期限。 商品尺寸: 商品的实际尺寸(以厘米为单位),写为“16x15x15 厘米”(长 x 宽 x 高)。这有助于物流和存储规划。 生产日期: 商品的生产日期,例如“2023-01-01”。它便于跟踪产品年龄。 有效期: 商品到期时间(如适用),例如“2026-01-01”。这对于管理保质期非常有用。 SKU:库存单位的缩写,这是类似于“8NMFZ4”的代码,用于在库存系统中跟踪产品。 商品标签: 描述商品的标签列表(以逗号分隔),例如“VNU,NZ6”。这些可以表示功能、关键字或类别。 颜色/尺寸变体: 商品的可用颜色和尺寸,例如“绿色/大号”。它显示了客户可以选择的选项。 商品评分: 买家评分(满分 5 分),例如 2。它反映了反馈或质量感知。

    灵通LD3000 dmr对讲机写频软件

    灵通LD3000 dmr对讲机写频软件

    基于Wav2Lip384的AI主播项目整合包

    开源项目整合包 更多内容可以查阅 项目源码搭建介绍: 《我的AI工具箱Tauri+Django开源git项目介绍和使用》https://datayang.blog.csdn.net/article/details/146156817 图形桌面工具使用教程: 《我的AI工具箱Tauri+Django环境开发,支持局域网使用》https://datayang.blog.csdn.net/article/details/141897682

    Java项目,二手资源交易系统,欢迎学习

    Java项目,二手资源交易系统,欢迎学习。

    基于springboot框架的基于Javaweb的电影院购票系统的设计与实现(Java项目编程实战+完整源码+毕设文档+sql文件+学习练手好项目).zip

    传统办法管理信息首先需要花费的时间比较多,其次数据出错率比较高,而且对错误的数据进行更改也比较困难,最后,检索数据费事费力。因此,在计算机上安装电影院购票系统软件来发挥其高效地信息处理的作用,可以规范信息管理流程,让管理工作可以系统化和程序化,同时,电影院购票系统的有效运用可以帮助管理人员准确快速地处理信息。 电影院购票系统在对开发工具的选择上也很慎重,为了便于开发实现,选择的开发工具为Eclipse,选择的数据库工具为Mysql。以此搭建开发环境实现电影院购票系统的功能。其中管理员管理用户,新闻公告。 电影院购票系统是一款运用软件开发技术设计实现的应用系统,在信息处理上可以达到快速的目的,不管是针对数据添加,数据维护和统计,以及数据查询等处理要求,电影院购票系统都可以轻松应对。 关键词:电影院购票系统;SpringBoot框架,系统分析,数据库设计

    【毕业设计】基于uniapp微信小程序志愿者活动报名在线试卷考试系统【源码+论文+答辩ppt+开题报告+任务书】.zip

    【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。 【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。

    SAP SD-Class 17 SAP Error Message numbers and controls.mp4

    SAP SD-Class 17 SAP Error Message numbers and controls.mp4

    网络安全中CSRF与XSS攻击及其防护措施详解

    内容概要:本文主要介绍了两种重要的网络攻击手段——CSRF(跨站请求伪造)和XSS(跨站脚本攻击)。首先阐述了CSRF的定义、形成机制以及防范办法,其中包括设置Cookie属性SameSite值为严苛级别或者验证来源请求头部字段Referer/Origin;再介绍了一次性和敏感业务的两步确认法以及采用非Cookie形式的身份标识Token。关于XSS,文中详述三种具体表现形式即存储型、反射型与基于DOM的XSS,还讲解了应对这种风险的有效举措,例如检验与编码用户提交的信息,在服务器回应客户端的数据里加入相关保护性HTTP首部字段,选择更为保险的DOM API接口调用方式以及对Cookies采取额外安全性设定。 适用人群:从事信息安全维护工作的专业人员,尤其涉及Web应用防护的技术团队成员。 使用场景及目标:当用户构建自己的web应用程序时,理解和掌握这两种威胁的运作机理有助于提高自身项目抵御此类恶意行为的能力,保证用户数据安全。 其他说明:了解如何有效地预防这两种类型的攻击不仅对提升个人技能有帮助,同时也能增强所开发系统的健壮性。由于互联网环境复杂多变,不断关注最新的攻防动态十分必要。

    Invoke-WmiCommand.zip

    Invoke-WmiCommand

    CNN-master.zip

    CNN相关以及垃圾分类数据集

    01 DNS DHCP Telnet综合实验 毛佳宇(1).docx

    01 DNS DHCP Telnet综合实验 毛佳宇(1).docx

    建模大赛-风电机组强非线性气动特性拟合建模: 基于神经网络和多项式算法的精确快速计算方案

    建模大赛-风电机组强非线性气动特性拟合建模: 基于神经网络和多项式算法的精确快速计算方案

    纯电动汽车动力经济性仿真研究:Cruise与Simulink联合应用下的整车模型及策略解析,纯电动车辆动力经济性仿真研究:Cruise与Simulink联合仿真平台的应用,涵盖BMS、再生制动及电机驱

    纯电动汽车动力经济性仿真研究:Cruise与Simulink联合应用下的整车模型及策略解析,纯电动车辆动力经济性仿真研究:Cruise与Simulink联合仿真平台的应用,涵盖BMS、再生制动及电机驱动策略的详细解析与注释模型,Simulink整车控制器vcu应用层模型,实车在用的,支持仿真和生成 文件分类明确,每个普通功能和核心功能建有单独的库,存放在文件夹里。 有相应的表格,描述了信号的意思。 ,Simulink VCU应用层模型;实车应用;支持仿真与生成;文件分类明确;功能库分普通与核心;信号描述表格。,Simulink VCU应用层模型:实车仿真与功能库管理

    Maxwell电机与Simplorer联合仿真教程:电路搭建及矢量控制SVPWM算法实践,自定义电机模型替换指南,Maxwell电机与Simplorer联合仿真教程:电路搭建及矢量控制SVPWM算法实

    Maxwell电机与Simplorer联合仿真教程:电路搭建及矢量控制SVPWM算法实践,自定义电机模型替换指南,Maxwell电机与Simplorer联合仿真教程:电路搭建及矢量控制SVPWM算法实

    【毕业设计】基于微信平台的电子门票系统(小程序)【源码+论文+答辩ppt+开题报告+任务书】.zip

    【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。 【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。

Global site tag (gtag.js) - Google Analytics