为了正常的体验网站,请在浏览器设置里面开启Javascript功能!

实现半透明信息显示浮动窗口

2018-06-26 4页 doc 100KB 9阅读

用户头像

is_769254

暂无简介

举报
实现半透明信息显示浮动窗口实现半透明信息显示浮动窗口 半透明信息显示浮动窗口的实现 实现目的 在一些画图软件中,经常需要向用户展示鼠标移动到的位置的对象的一些参数信息。此时,完成一个交互性友好的信息显示界面就相当的重要了。因为一个软件的好坏,在用户的眼中,第一感觉甚至是第一重要的就是视觉效果和可操作性。当然,软件本身的稳定性和效率也很重要。特别对于产品性的软件,在用户展示时,一个优秀的界面效果可以大大加深软件在用户心里的印象分。 功能简介 本功能是作者根据自身软件在用户实际使用过程中对交互性的更高要求而开发的。浮动窗口其实是一个对话框,设置为...
实现半透明信息显示浮动窗口
实现半透明信息显示浮动窗口 半透明信息显示浮动窗口的实现 实现目的 在一些画图软件中,经常需要向用户展示鼠标移动到的位置的对象的一些参数信息。此时,完成一个交互性友好的信息显示界面就相当的重要了。因为一个软件的好坏,在用户的眼中,第一感觉甚至是第一重要的就是视觉效果和可操作性。当然,软件本身的稳定性和效率也很重要。特别对于产品性的软件,在用户展示时,一个优秀的界面效果可以大大加深软件在用户心里的印象分。 功能简介 本功能是作者根据自身软件在用户实际使用过程中对交互性的更高要求而开发的。浮动窗口其实是一个对话框,设置为无标的风格,然后进行自绘制而成。能够根据需要显示的自动调整窗口的大小,保证正好能够容纳需要显示的内容。如以下效果: 图中黄色条为栏目分隔,同时显示其下内容所属的信息域。如图中示下方信息为台风即时预报信息的内容。下方信息分成两栏,栏间绘制线条进行分割。左侧为信息标题,右侧为信息内容。比如台风名称是奥麦斯。 如果鼠标移动的位置,同时选中多项内容,那么,提示信息可以同时包括多 个栏目,如下图: 本图中包括两个栏目,即本公司船位置信息和美气导的等压线信息。从理论上讲,本功能可以支持任意多的栏目,前提是你的显示器能够容纳得下。 整个界面的效果是半透明的。包括透明度,字体大小和信息内容的颜色都可以由用户自行定义,配置界面如下: 透明度范围为0-255;背景色列表框是作者在博客中已提供的一个自定义的线条、填充和颜色选择列表控件。 修改完成后,可以改变浮动窗口的显示效果,比如一种修改后的效果: 这样,即使用户对浮动窗口内容的展示方式不满意,那么也完全可以由用户自行定义自己喜欢的风格。当然,在此基础上,可以进一步扩大自定义的范围。本例中,栏目分割条的背景色和信息内容标题文字的颜色是固定的,信息内容文字的颜色是背景色的反色,这些都可以考虑加入到自定义项中。 代码实现 主要数据结构 以下是消息提示项的数据结构。 typedef struct _MSG_TIP//消息提示数据项描述信息 { CString sMsgItemName; //信息标题 CString sMsgItemInfo; //信息内容 COLORREF nInfoShowColor; //显示颜色(此项值目前暂时没有使用,原意是使每个栏目的文字颜色均可自定义;因为考虑到设定的颜色可能和背景色冲突,因此目前文字颜色使用背景色的反色) }MSG_TIP; typedef CArray CMsgTipArray;//消息提示内容
/
本文档为【实现半透明信息显示浮动窗口】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。

历史搜索

    清空历史搜索