一种动态图标按钮的实现方法和装置制造方法
【专利摘要】本发明公开了一种动态图标按钮的实现方法和装置。所述方法包括：为用户界面上的按钮配置包含多帧画面的图片，并设置自绘控件；当自绘控件检测到鼠标移入所述按钮的事件时，按第一设定次序在所述按钮上播放所述多帧画面；当自绘控件检测到鼠标移出所述按钮的事件时，按第二设定次序在所述按钮上播放所述多帧画面。本发明的技术方案解决了现有应用软件用户界面上的按钮不能显示动态图标的问题，提高了按钮的美观度，进而提高了用户体验度。
【专利说明】一种动态图标按钮的实现方法和装置
【技术领域】
[0001]本发明涉及软件开发【技术领域】，特别涉及一种动态图标按钮的实现方法和装置。【背景技术】
[0002]随着计算机硬件性能的不断提高,带动了各种用户界面(UI, User Interface)技术的革新。特别在用户交互Π方面，各种赏心悦目的Π层出不穷，使用户在软件使用体验方面得到了大大的改善。通过这种友好的交互，不但提高了软件的品质，更提高了用户的忠诚度。可想而知，在未来，Π还是会作为软件开发的重中之重，对一个软件的好坏产生直接的影响。
[0003]传统用户界面中的按钮一般只含有显示文字和带有静态图标的提示信息，例如如图1所示，图1是现有的应用软件中的格式刷按钮的示意图。现有的用户界面中的这些按钮虽然能够确切的表达按钮的含义，但却不是十分美观，用户体验度不高。
【发明内容】
[0004]本发明提供了一种动态图标按钮的实现方法和装置，以解决现有应用软件用户界面上的按钮不能显示动态图标，美观度不高，用户体验度不高的问题。
[0005]为达到上述目的本发明的技术方案是这样实现的:
[0006]本发明公开了一种动态图标按钮的实现方法，为用户界面上的按钮配置包含多帧画面的图片，并设置自绘控件，该方法包括:
[0007]当自绘控件检测到鼠标移入所述按钮的事件时，按第一设定次序在所述按钮上播放所述多帧画面；
[0008]当自绘控件检测到鼠标移出所述按钮的事件时，按第二设定次序在所述按钮上播放所述多帧画面。
[0009]在上述方法中，按第一 / 二设定次序在所述按钮上播放所述多帧画面包括:
[0010]A、设置第一 / 二设定次序中的第一帧为当前活动帧；
[0011]B、播放当前活动帧，获取当前活动帧的播放时间，让当前活动帧的画面在所述按钮上停留所述的播放时间；
[0012]C、判断当前活动帧是否为第一 / 二设定次序中的最后一帧，是则停止或者跳转到步骤A，否则设置下一帧为当前活动帧并跳转到步骤B。
[0013]该方法进一步包括:预先配置所述多帧画面的每一帧的播放时间；
[0014]在上述方法中，所述获取当前活动巾贞的播放时间包括:获取当前活动巾贞的预先配置的播放时间。
[0015]在上述方法中，所述为按钮配置包含多帧画面的图片包括:
[0016]为按钮配置多个图片，该多个图片中的每个图片包含一帧画面；
[0017]或者，为按钮配置包含多帧画面的一个图片。
[0018]在上述方法中，所述为按钮配置包含多帧画面的图片包括:为按钮配置动态GIF图片；
[0019]所述在所述按钮上播放所述多帧画面包括:自绘控件利用GDI+来解析所述动态GIF图片，并在所述按钮的指定位置播放所述动态GIF图片。
[0020]在上述方法中，所述第二设定次序为与所述第一设定次序相反的次序。
[0021]该方法进一步包括:当鼠标未选中所述按钮时，自绘控件在按钮上显示所述多帧画面中的指定画面。
[0022]本发明还公开了一种动态图标按钮的实现装置，该装置包括:存储模块和自绘模块；
[0023]所述存储模块，用于保存为用户界面上的按钮配置的包含多帧画面的图片；
[0024]所述自绘模块，用于在检测到鼠标移入所述按钮的事件时，按第一设定次序在所述按钮上播放存储模块中保存的所述多帧画面；用于在检测到鼠标移出所述按钮的事件时，按第二设定次序在所述按钮上播放存储模块中的所述多帧画面。
[0025]在上述装置中，所述自绘模块，用于执行步骤A:设置第一 / 二设定次序中的第一帧为当前活动帧；然后自绘模块执行步骤B:播放当前活动帧，获取当前活动帧的播放时间，让当前活动帧的画面在所述按钮上停留所述的播放时间；自绘模块再执行步骤C:判断当前活动帧是否为第一 / 二设定次序中的最后一帧，是则停止或者跳转到步骤A进行执行，否则设置下一帧为当前活动帧并跳转到步骤B进行执行。
[0026]在上述装置中，所述存储模块，用于保存为按钮配置的动态GIF图片；
[0027]所述自绘模块，用于利用GDI+来解析所述动态GIF图片，并在所述按钮的指定位置播放所述动态GIF图片。
[0028]本发明这种为用户界面上的按钮配置包含多帧画面的图片，并设置自绘控件，当自绘控件检测到鼠标移入所述按钮的事件时，按第一设定次序在所述按钮上播放所述多帧画面，当自绘控件检测到鼠标移出所述按钮的事件时，按第二设定次序在所述按钮上播放所述多帧画面的技术方案，解决了现有应用软件用户界面上的按钮不能显示动态图标，美观度不高，用户体验度不高的问题。
【专利附图】
【附图说明】
[0029]图1是现有的应用软件中的格式刷按钮的示意图；
[0030]图2是本发明中的一种动态图标按钮的实现方法的流程图；
[0031]图3是本发明中按第一 / 二设定次序在所述按钮上播放所述多帧画面的流程图；
[0032]图4是本发明实施例中的一种动态图标按钮的实现装置的结构图。
【具体实施方式】
[0033]本发明的方案立足在Windows操作系统上制作一个如下用户体验的按钮:在传统的按钮的基础上，在按钮上添加一个动态的图标，在鼠标移入到此按钮中的时候，按第一设定次序开始播放动画，播放顺序可以是从第一帧播放到最后一帧便停止播放。当鼠标移出此按钮的时候，按第二设定次序开始播放动画，播放顺序是从最后一帧播放到第一帧，最后停止播放。
[0034]为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。
[0035]图2是本发明中的一种动态图标按钮的实现方法的流程图。如图2所示，该方法包括:
[0036]201，为用户界面上的按钮配置包含多帧画面的图片，并设置自绘控件。
[0037]本步骤中，为按钮配置多个图片，该多个图片中的每个图片包含一帧画面；或者为按钮配置包含多帧画面的一个图片，例如该图片分为4块，每块都是一个画面，即该图片包含4帧画面。图片的格式可以为BMP、JPG、PNG等等。
[0038]202，当自绘控件检测到鼠标移入所述按钮的事件时，按第一设定次序在所述按钮上播放所述多帧画面。
[0039]203，当自绘控件检测到鼠标移出所述按钮的事件时，按第二设定次序在所述按钮上播放所述多帧画面。
[0040]图2所示方法中采用自绘控件进行按钮动态图标的绘制，不受传统按钮表现形式的局限，传统按钮一般为矩形，而本发明中的自绘控件采用无窗口技术，可以实现各种炫丽的外观，如形状不规则、按钮上可以放动态图标等。
[0041]图3是本发明中按第一 / 二设定次序在所述按钮上播放所述多帧画面的流程图。如图3所示,包括:
[0042]301，设置第一 / 二设定次序中的第一帧为当前活动帧。
[0043]302，播放当前活动帧，获取当前活动帧的播放时间，让当前活动帧的画面在所述按钮上停留所述的播放时间。
[0044]在本发明中，预先配置所述多帧画面的每一帧的播放时间，则本步骤中获取当前活动帧的预先配置的播放时间。预先配置所述多帧画面的每一帧的播放时间具体可以使配置相应的线程或定时器。
[0045]303，判断当前活动帧是否为第一 / 二设定次序中的最后一帧，是则停止或者跳转到步骤301，否则设置下一帧为当前活动帧并跳转到步骤302。
[0046]本步骤中，当播放到最后一帧时，停止播放或者跳转到步骤301从新开始循环播放。
[0047]在本发明的一个较佳实施例中，步骤201所述为按钮配置包含多帧画面的图片为:为按钮配置动态图像互换格式(GIF, Graphics Interchange Format)图片。步骤202和203中所述在所述按钮上播放所述多帧画面包括:自绘控件利用图形设备接口⑶I+来解析所述动态GIF图片，并在所述按钮的指定位置播放所述动态GIF图片。播放每一帧的间隔可以使用线程或定时器来控制。
[0048]在本发明的一个较佳实施例中，所述第二设定次序为与所述第一设定次序相反的次序。即在鼠标移入到此按钮中的时候，播放次序是从第一帧播放到最后一帧，当鼠标移出此按钮的时候，播放次序是从最后一帧到第一帧，以达到一种特征的视觉冲击效果。当鼠标未选中所述按钮时，自绘控件在按钮上显示所述多帧画面中的指定画面，如显示第一帧的画面。
[0049]图4是本发明实施例中的一种动态图标按钮的实现装置的结构图。如图4所示，该装置包括:存储模块401和自绘模块402 ；
[0050]存储模块401，用于保存为用户界面上的按钮配置的包含多帧画面的图片；[0051]自绘模块402，用于在检测到鼠标移入所述按钮的事件时，按第一设定次序在所述按钮上播放存储模块401中保存的所述多帧画面；用于在检测到鼠标移出所述按钮的事件时，按第二设定次序在所述按钮上播放存储模块401中的所述多帧画面。
[0052]所述自绘模块402，用于执行步骤A:设置第一 / 二设定次序中的第一帧为当前活动帧；然后自绘模块执行步骤B:播放当前活动帧，获取当前活动帧的播放时间，让当前活动帧的画面在所述按钮上停留所述的播放时间；自绘模块再执行步骤C:判断当前活动帧是否为第一 / 二设定次序中的最后一帧，是则停止或者跳转到步骤A进行执行，否则设置下一帧为当前活动帧并跳转到步骤B进行执行。
[0053]所述存储模块401，用于保存为按钮配置的动态GIF图片；
[0054]所述自绘模块402，用于利用GDI+来解析所述动态GIF图片，并在所述按钮的指定位置播放所述动态GIF图片。
[0055]综上所述，本发明这种为用户界面上的按钮配置包含多帧画面的图片，并设置自绘控件，当自绘控件检测到鼠标移入所述按钮的事件时，按第一设定次序在所述按钮上播放所述多帧画面，当自绘控件检测到鼠标移出所述按钮的事件时，按第二设定次序在所述按钮上播放所述多帧画面的技术方案，解决了现有应用软件用户界面上的按钮不能显示动态图标，美观度不高，用户体验度不高的问题，使得用户界面的按钮上能够显示动画，提高了按钮的美观度，提高了使用者的体验。
[0056]以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。
【权利要求】
1.一种动态图标按钮的实现方法，其特征在于，为用户界面上的按钮配置包含多帧画面的图片，并设置自绘控件，该方法包括: 当自绘控件检测到鼠标移入所述按钮的事件时，按第一设定次序在所述按钮上播放所述多帧画面； 当自绘控件检测到鼠标移出所述按钮的事件时，按第二设定次序在所述按钮上播放所述多帧画面。
2.根据权利要求1所述的方法，其特征在于，按第一/ 二设定次序在所述按钮上播放所述多帧画面包括: A、设置第一/ 二设定次序中的第一帧为当前活动帧； B、播放当前活动帧，获取当前活动帧的播放时间，让当前活动帧的画面在所述按钮上停留所述的播放时间； C、判断当前活动帧是否为第一/ 二设定次序中的最后一帧，是则停止或者跳转到步骤 A，否则设置下一帧为当前活动帧并跳转到步骤B。
3.根据权利要求2所述的方法，其特征在于，该方法进一步包括:预先配置所述多帧画面的每一帧的播放时间； 则所述获取当前活动帧的播放时间包括:获取当前活动帧的预先配置的播放时间。
4.根据权利要求1所述的方法，其特征在于，所述为按钮配置包含多帧画面的图片包括: 为按钮配置多个图片，该多个图片中的每个图片包含一帧画面； 或者，为按钮配置包含多帧画面的一个图片。
5.根据权利要求1所述的方法，其特征在于， 所述为按钮配置包含多帧画面的图片包括:为按钮配置动态GIF图片； 所述在所述按钮上播放所述多帧画面包括:自绘控件利用⑶I+来解析所述动态GIF图片，并在所述按钮的指定位置播放所述动态GIF图片。
6.根据权利要求1所述的方法，其特征在于，所述第二设定次序为与所述第一设定次序相反的次序。
7.根据权利要求1至6中任一项所述的方法，其特征在于，该方法进一步包括:当鼠标未选中所述按钮时，自绘控件在按钮上显示所述多帧画面中的指定画面。
8.一种动态图标按钮的实现装置，其特征在于，该装置包括:存储模块和自绘模块； 所述存储模块，用于保存为用户界面上的按钮配置的包含多帧画面的图片； 所述自绘模块，用于在检测到鼠标移入所述按钮的事件时，按第一设定次序在所述按钮上播放存储模块中保存的所述多帧画面；用于在检测到鼠标移出所述按钮的事件时，按第二设定次序在所述按钮上播放存储模块中的所述多帧画面。
9.根据权利要求8所述的装置，其特征在于， 所述自绘模块，用于执行步骤A:设置第一 / 二设定次序中的第一帧为当前活动帧；然后自绘模块执行步骤B:播放当前活动帧，获取当前活动帧的播放时间，让当前活动帧的画面在所述按钮上停留所述的播放时间；自绘模块再执行步骤C:判断当前活动帧是否为第一 / 二设定次序中的最后一帧，是则停止或者跳转到步骤A进行执行，否则设置下一帧为当前活动帧并跳转到步骤B进行执行。
10.根据权利要求8所述的装置，其特征在于， 所述存储模块，用于保存为按钮配置的动态GIF图片； 所述自绘模块，用于利用GDI+来解析所述动态GIF图片，并在所述按钮的指定位置播放所述动态GIF图片。`
【文档编号】G06F9/44GK103513974SQ201210215315
【公开日】2014年1月15日 申请日期:2012年6月26日 优先权日:2012年6月26日
【发明者】张明贺 申请人:北京新媒传信科技有限公司