一种图标按钮的实现方法和装置制造方法及图纸

本发明专利技术公开一种图标按钮的实现方法和装置。所述方法包括：步骤1，根据当前的鼠标状态确定对应的按钮的背景图片、按钮中动画图片的播放帧和播放方式；步骤2，绘制所述背景图片，并根据所述播放方式绘制所述播放帧，并播放绘制的播放帧。本发明专利技术的技术方案通过在传统的按钮的基础上，添加一个动画图片，能够提高按钮的显示效果，并根据鼠标不同的状态，确定不同的播放方式和播放帧，按该播放方式绘制所述播放帧，能够提高按钮上的动画图片的展示效果。

【技术实现步骤摘要】

本专利技术涉及计算机图像处理
，特别涉及一种图标按钮的实现方法和装置。
技术介绍
随着计算机硬件性能的不断提高，带动了各种UI (即User Interface用户界面) 技术的发展。特别在用户交互Π方面，各种Π层出不穷，使用户在使用体验方面得到了大大的改善。通过改善交互效果，能够提高产品的品质。UI将成为产品开发的重点之一，对一个产品的好坏产生直接的影响。现有技术的按钮一般只含有显示文字和带有静态图标的提示信息，这些按钮虽然能够确切的表达按钮的含义，但却没有拥有很好的显示效果。
技术实现思路
本专利技术提供了一种图标按钮的实现方法和装置，以解决按钮显示效果差的问题。为达到上述目的，本专利技术的技术方案是这样实现的本专利技术公开了一种图标按钮的实现方法，该方法包括步骤1，根据当前的鼠标状态确定对应的按钮的背景图片、按钮中动画图片的播放帧和播放方式；步骤2，绘制所述背景图片，并根据所述播放方式绘制所述播放帧，并播放绘制的播放帧。在上述方法中，所述根据当前的鼠标状态确定对应的按钮中动画图片的播放帧和播放方式进一步包括步骤21,未捕获到鼠标的动作消息,确定鼠标状态为普通状态；或捕获到鼠标左键抬起按钮消息WM_LBUTT0NUP，确定鼠标状态为左键在按钮抬起状态；或者捕获到鼠标左键按下按钮消息WM_LBUTT0ND0WN，确定鼠标状态为左键在按钮按下状态；步骤22，确定当前的鼠标状态对应的按钮中动画图片的播放帧为配置的所述动画图片中指定的一帧，所述播放方式为单帧播放方式。其中，所述根据所述播放方式绘制所述播放帧，并播放绘制的播放帧进一步包括步骤31，绘制所述指定的一帧，播放所述指定的一帧直到鼠标的状态改变。其中，所述根据当前的鼠标状态确定对应的按钮中动画图片的播放帧和播放方式进一步包括步骤41，捕获到鼠标进入按钮范围消息WM_M0USEH0VER，确定鼠标状态为进入按钮范围状态；或者捕获到鼠标移出按钮范围消息WM_M0USELEAVE，确定鼠标状态为移出按钮范围状态；步骤42，确定当前的鼠标状态对应的按钮中动画图片的播放帧为配置的所述动画图片中指定的多个帧，所述播放方式为多帧播放方式。其中，所述多帧播放方式的配置参数中包括配置的播放顺序和配置的播放时间间隔;所述根据所述播放方式绘制所述播放帧，并播放绘制的播放帧进一步包括步骤51,按播放顺序从所述指定的多个巾贞中获取播放起始巾贞，以播放起始巾贞为当前活动巾贞;步骤52，绘制当前活动帧，将当前活动帧播放配置的播放时间间隔后，按播放顺序从所述指定的多个帧中获取下一帧；步骤53，判断获取的帧是否为按播放顺序的播放结束帧，如果为否，则以获取的帧为当前活动帧，执行步骤52，如果是，则绘制并播放所述获取的帧直到鼠标状态改变。其中，所述步骤42进一步包括步骤61A，当鼠标状态为进入按钮范围状态时，所述指定的多个帧为所述动画图片中所有帧，所述播放顺序为顺序播放；所述按播放顺序从所述指定的多个帧中获取播放起始帧进一步包括步骤62A，获取动画图片中第一帧为播放起始帧；所述按播放顺序从所述指定的多个帧中获取下一帧进一步包括步骤63A，将当前活动帧的序号加I得出下一帧的序号，根据所述序号获取所述下一中贞;所述判断获取的帧是否为按播放顺序的播放结束帧进一步包括步骤64A，判断获取的帧是否为动画图片中最后一帧；或者,所述步骤42进一步包括步骤61B，当鼠标状态为移出按钮范围状态时，所述指定的多个帧为所述动画图片中所有帧，所述播放顺序为顺序播放；所述按播放顺序从所述指定的多个帧中获取播放起始帧进一步包括步骤62B，获取动画图片中最后一帧为播放起始帧；所述按播放顺序从所述指定的多个帧中获取下一帧进一步包括步骤63B，将当前活动帧的序号减I得出下一帧的序号，根据所述序号获取所述下一中贞;所述判断获取的帧是否为按播放顺序的播放结束帧进一步包括步骤64B，判断获取的帧是否为动画图片中第一帧。其中，所述步骤2还包括步骤71，绘制按钮预设文字。其中，所述根据所述播放方式绘制所述播放帧，并播放绘制的播放帧进一步包括 步骤81，根据播放方式通过图形设备接口 GDI+绘制播放帧，并播放绘制的播放帧。本专利技术还公开了一种图标按钮的实现装置，该装置包括确定模块，用于根据当前的鼠标状态确定对应的按钮的背景图片、按钮中动画图片的播放帧和播放方式；绘制模块，用于绘制所述背景图片，根据所述播放方式绘制所述播放帧，并播放绘制的播放帧。其中，所述确定模块在根据当前的鼠标状态确定对应的按钮中动画图片的播放帧和播放方式时进一步用于未捕获到鼠标的动作消息，确定鼠标状态为普通状态；或捕获到鼠标左键抬起按钮消息WM_LBUTT0NUP，确定鼠标状态为左键在按钮抬起状态；或者捕获到鼠标左键按下按钮消息WM_LBUTT0ND0WN，确定鼠标状态为左键在按钮按下状态；确定当前的鼠标状态对应的按钮中动画图片的播放帧为配置的所述动画图片中指定的一帧，所述播放方式为单帧播放方式。综上可见，本专利技术实施例的有益效果是通过根据当前的鼠标状态确定对应的按钮的背景图片、按钮中动画图片的播放帧和播放方式后，绘制该背景图片，根据该播放方式绘制该播放帧，并播放绘制的播放帧，能够实现在传统的按钮的基础上，添加动态图标展示，提高按钮的显示效果，并根据鼠标不同的状态，确定不同的播放方式和播放帧，并按该播放方式绘制所述播放帧，能够提高按钮上的动画图片的展示效果。附图说明图I是本专利技术图标按钮的实现方法的流程图；图2是本专利技术图标按钮的实现动画图片播放的流程图；图3是本专利技术实施例中图标按钮在进入按钮范围状态时实现动画图片播放的流程图；图4是本专利技术实施例中图标按钮在移出按钮范围状态时实现动画图片播放的流程图；图5是本专利技术中图标按钮的实现装置的结构图。具体实施例方式为使本专利技术的目的、技术方案和优点更加清楚，下面将结合附图对本专利技术实施方式作进一步地详细描述。参见图I，是本专利技术图标按钮的实现方法的流程图，该方法包括步骤S100，根据当前的鼠标状态确定对应的按钮的背景图片、按钮中动画图片的播放帧和播放方式；步骤S200，绘制上述背景图片，根据该播放方式绘制上述播放帧，并播放绘制的播放帧。本专利技术在传统的按钮的基础上，添加一个动画图片如动态的GIF图标，提高了按钮的显示效果。在一较佳实施方式中，将鼠标的状态分为两大类，根据当前的鼠标状态，确定对应的动画图片的播放帧为指定的一帧，播放方式为单帧播放；或者，确定对应的动画图片的播放帧为指定的多个帧，播放方式为多帧播放。根据播放帧和播放方式的不同，采用不同的方法绘制播放帧，并播放绘制的播放帧，提高按钮的动态的展示效果。按单巾贞播放,所述步骤SlOO进一步包括如下步骤。步骤S110A,未捕获到鼠标的动作消息,确定鼠标状态为普通状态；或捕获到鼠标左键抬起按钮消息WM_LBUTT0NUP，确定鼠标状态为左键在按钮抬起状态；或者捕获到鼠标左键按下按钮消息WM_LBUTT0ND0WN，确定鼠标状态为左键在按钮按下状态；步骤S120A，确定当前的鼠标状态对应的按钮中动画图片的播放帧为配置的该动画图片中指定的一帧，播放方式为单帧播放方式。步骤S200中的根据播放方式绘制播放帧，并播放绘制的播放帧进一步包括步骤S210A，绘制上述指定的一帧，播放该指定的一帧直本文档来自技高网...

【技术保护点】

【技术特征摘要】

【专利技术属性】
技术研发人员：方顺豹，
申请(专利权)人：北京新媒传信科技有限公司，
类型：发明
国别省市：