一种去除画面抖动的方法及图像显示控件技术

本发明专利技术公开了一种去除画面抖动的方法及图像显示控件，其中方法包括步骤：获取图像显示控件的显示范围信息，图像显示控件采用整型坐标控制图像的移动；根据图像显示控件的显示范围信息生成第一图像显示区域，将电子设备需要显示的图像在第一图像显示区域中显示；第一图像显示区域采用浮点坐标控制图像的移动。本发明专利技术可实现在变速移动图像显示控件时，在视觉上使第一图像显示区域的移动更加流畅，解决了现有技术中图像显示控件在变速移动中会产生画面抖动的问题。

【技术实现步骤摘要】

本专利技术涉及图像处理，尤其涉及一种去除画面抖动的方法及图像显示控件。
技术介绍
在使用无句柄控件的过程中，为提高开发效率，所有的界面元素都是由无句柄控件继承而来；那么当控件是整型坐标时，的界面元素都是基于整型坐标来开发的，因此开发的变速动画就会产生抖动的现象；变速动画包括当前智能设备拖动滚动条或者用手向某个方向滑动屏幕时，画面的变加速移动效果(由快变慢，最终停下)，等等；例如当前画面移动即将停止的时候先以0. 25个像素/S的速度滑动1秒、然后 0. 15个像素/S滑动1秒，最后0. 1个像素/S滑动1秒时，由于界面元素是基于整型坐标来开发的，基于四舍五入原则，当移动的像素个数大于等于0. 5时，画面才进行移动，因此， 0. 25*1+0. 15*1+0. 1*1 = 0.5个像素，即经过3秒，画面才突然向右移动1个像素，会使用户感觉画面产生抖动现象。
技术实现思路
本专利技术要解决的技术问题在于针对现有技术中控件使用整型坐标容易引起画面产生抖动的缺陷，提供一种可去除画面因变速移动产生抖动现象的方法及图像显示控件。本专利技术解决其技术问题所采用的技术方案是提供一种去除画面抖动的方法，包括以下步骤获取图像显示控件的显示范围信息，所述图像显示控件采用整型坐标控制图像的移动；根据所述图像显示控件的显示范围信息生成第一图像显示区域，将电子设备需要显示的图像在所述第一图像显示区域中显示；所述第一图像显示区域采用浮点坐标控制图像的移动。本专利技术所述的去除画面抖动的方法中，所述图像显示控件的显示范围信息对应有第二图像显示区域，所述第一图像显示区域位于所述第二图像显示区域内；在所述第二图像显示区域中，所述第一图像显示区域以外的显示区域设置为透明。本专利技术所述的去除画面抖动的方法中，所述第一图像显示区域与所述第二图像显示区域的边距大于等于0. 5个像素。本专利技术所述的去除画面抖动的方法中，还包括累积记录所述第二图像显示区域移动的像素值。本专利技术解决其技术问题所采用的另一技术方案是提供一种去除画面抖动的图像显示控件，该控件包括信息获取单元，用于获取图像显示控件的显示范围信息，所述图像显示控件采用整型坐标控制图像的移动；第一图像显示区域，其根据所述图像显示控件的显示范围信息生成，用于将电子设备需要显示的图像在其中进行显示；所述第一图像显示区域采用浮点坐标控制图像的移动。本专利技术所述的图像显示控件中，所述图像显示控件还包括与所述图像显示控件的显示范围信息对应的第二图像显示区域，所述第一图像显示区域位于所述第二图像显示区域内；在所述第二图像显示区域中，所述第一图像显示区域以外的显示区域设置为透明。本专利技术所述的图像显示控件中，所述第一图像显示区域与所述第二图像显示区域的边距大于等于0.5个像素。本专利技术所述的图像显示控件中，所述图像显示控件还包括累计记录模块，用于累积记录所述第二图像显示区域移动的像素值。本专利技术产生的有益效果是本专利技术将图像显示控件采用整型坐标移动，而根据图像显示控件的显示范围信息生成的第一图像显示区域采用浮点坐标控制图像的移动，从而在变速移动图像显示控件时，可以在视觉上使第一图像显示区域的移动更加流畅，解决了现有技术中图像显示控件在变速移动中会产生画面抖动的问题。附图说明下面将结合附图及实施例对本专利技术作进一步说明，附图中图1是本专利技术实施例去除画面抖动的方法的流程图；图2是本专利技术实施例去除画面抖动的图像显示控件的结构示意图；图3A是本专利技术实施例的图像显示控件在移动前第二图像显示区域和第一图像显示区域之间的位置关系；图;3B是本专利技术实施例的图像显示控件在移动后第二图像显示区域和第一图像显示区域之间的位置关系。具体实施例方式为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本专利技术，并不用于限定本专利技术。如图1所示，本专利技术实施例去除画面抖动的方法，包括以下步骤Si、获取图像显示控件的显示范围信息，图像显示控件采用整型坐标控制图像的移动；显示范围信息限定了控件的显示范围，是原始控件的边界坐标。S2、根据图像显示控件的显示范围信息生成第一图像显示区域，将电子设备需要显示的图像在第一图像显示区域中显示；第一图像显示区域采用浮点坐标控制图像的移动。本专利技术实施例中，图像显示控件的显示范围信息对应有第二图像显示区域，第一图像显示区域位于第二图像显示区域内；在第二图像显示区域中，第一图像显示区域以外的显示区域设置为透明。这样的设置使第一图像显示区域和第二图像显示区域的移动分开进行，在使图像显示控件移动时，第二图像显示区域以整型坐标进行移动，第一图像显示区域以浮点类型移动，给人视觉上一种流畅的感觉。在开始移动之前，第一图像显示区域和第二图像显示区域之间的关系如图3A所示，当整个控件移动1. 3个像素之后，由于第二图像显示区域使用的是整型坐标，所以第二图像显示区域实际只移动了最接近1. 3的一个整数即1个像素(四舍五入)，而第一图像显示区域采用浮点类型，因此实实在在的移动了 1.3个像素，所以移动后的控件效果如图;3B 所示。由于所有的显示处于第一图像显示区域，而在第二图像显示区域中，第一图像显示区域以外的显示区域是透明的，所以给人的感觉是真实移动了 1.3个像素，从而解决了整个都设置为整型坐标的图像显示控件因变速移动带来的抖动问题。进一步地，本专利技术实施例中，在第二图像显示区域移动时，还积累记录该第二图像显示区域移动的像素值。可设置累积记录控制第二图像显示区域移动的缓存边界，即记录第二图像显示区域移动的像素值，比如上文中，第二图像显示区域移动了 1. 3个像素，虽然其只移动了 1个像素，但是记录第二图像显示区域移动1. 3个像素，当下次控制第二图像显示区域继续移动0. 4个像素时，那么就累积记录第二图像显示区域移动1. 3+0. 4 = 1. 7个像素，因此第二图像显示区域在原来移动了1个像素的基础上将再往前移动1个像素，共移动了 2个像素；但需要说明的是，第一图像显示区域其实共移动了 1. 7个像素。通过累积记录第二图像显示区域移动值，控制第二图像显示区域移动的位置，可以避免了因整型坐标和浮点坐标之间的差异而导致的第二图像显示区域与第一图像显示区域实际移动差距过大。如图2所示，本专利技术实施例可去除画面抖动的图像显示控件包括信息获取单元10 和第一图像显示区域20，信息获取单元10，用于获取图像显示控件的显示范围信息，图像显示控件采用整型坐标控制图像的移动；第一图像显示区域20，其根据图像显示控件的显示范围信息生成，用于将电子设备需要显示的图像在其中进行显示；第一图像显示区域20 采用浮点坐标控制图像的移动。图像显示控件还包括与图像显示控件的显示范围信息对应的第二图像显示区域 30，第一图像显示区域20位于第二图像显示区域30内；在第二图像显示区域30中，第一图像显示区域20以外的显示区域设置为透明。上述的第一图像显示区域20和第二图像显示区域30的移动是分开进行的，第二图像显示区域30以整型坐标进行移动，第一图像显示区域20以浮点坐标移动，给人视觉上一种流畅的感觉。本专利技术实施例中，第一图像显示区域20与第二图像显示区域30的边距大于等于 0. 5个像素，上限不本文档来自技高网...

【技术保护点】

【技术特征摘要】

【专利技术属性】
技术研发人员：薛顺，
申请(专利权)人：深圳市万兴软件有限公司，
类型：发明
国别省市：