專利名稱：一種去除畫面抖動(dòng)的方法及圖像顯示控件的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及圖像處理，尤其涉及一種去除畫面抖動(dòng)的方法及圖像顯示控件。
背景技術(shù)：
在使用無句柄控件的過程中，為提高開發(fā)效率，所有的界面元素都是由無句柄控件繼承而來；那么當(dāng)控件是整型坐標(biāo)時(shí)，的界面元素都是基于整型坐標(biāo)來開發(fā)的，因此開發(fā)的變速動(dòng)畫就會產(chǎn)生抖動(dòng)的現(xiàn)象；變速動(dòng)畫包括當(dāng)前智能設(shè)備拖動(dòng)滾動(dòng)條或者用手向某個(gè)方向滑動(dòng)屏幕時(shí)，畫面的變加速移動(dòng)效果(由快變慢，最終停下)，等等；例如當(dāng)前畫面移動(dòng)即將停止的時(shí)候先以0. 25個(gè)像素/S的速度滑動(dòng)1秒、然后 0. 15個(gè)像素/S滑動(dòng)1秒，最后0. 1個(gè)像素/S滑動(dòng)1秒時(shí)，由于界面元素是基于整型坐標(biāo)來開發(fā)的，基于四舍五入原則，當(dāng)移動(dòng)的像素個(gè)數(shù)大于等于0. 5時(shí)，畫面才進(jìn)行移動(dòng)，因此， 0. 25*1+0. 15*1+0. 1*1 = 0.5個(gè)像素，即經(jīng)過3秒，畫面才突然向右移動(dòng)1個(gè)像素，會使用戶感覺畫面產(chǎn)生抖動(dòng)現(xiàn)象。

發(fā)明內(nèi)容
本發(fā)明要解決的技術(shù)問題在于針對現(xiàn)有技術(shù)中控件使用整型坐標(biāo)容易引起畫面產(chǎn)生抖動(dòng)的缺陷，提供一種可去除畫面因變速移動(dòng)產(chǎn)生抖動(dòng)現(xiàn)象的方法及圖像顯示控件。本發(fā)明解決其技術(shù)問題所采用的技術(shù)方案是提供一種去除畫面抖動(dòng)的方法，包括以下步驟獲取圖像顯示控件的顯示范圍信息，所述圖像顯示控件采用整型坐標(biāo)控制圖像的移動(dòng)；根據(jù)所述圖像顯示控件的顯示范圍信息生成第一圖像顯示區(qū)域，將電子設(shè)備需要顯示的圖像在所述第一圖像顯示區(qū)域中顯示；所述第一圖像顯示區(qū)域采用浮點(diǎn)坐標(biāo)控制圖像的移動(dòng)。本發(fā)明所述的去除畫面抖動(dòng)的方法中，所述圖像顯示控件的顯示范圍信息對應(yīng)有第二圖像顯示區(qū)域，所述第一圖像顯示區(qū)域位于所述第二圖像顯示區(qū)域內(nèi)；在所述第二圖像顯示區(qū)域中，所述第一圖像顯示區(qū)域以外的顯示區(qū)域設(shè)置為透明。本發(fā)明所述的去除畫面抖動(dòng)的方法中，所述第一圖像顯示區(qū)域與所述第二圖像顯示區(qū)域的邊距大于等于0. 5個(gè)像素。本發(fā)明所述的去除畫面抖動(dòng)的方法中，還包括累積記錄所述第二圖像顯示區(qū)域移動(dòng)的像素值。本發(fā)明解決其技術(shù)問題所采用的另一技術(shù)方案是提供一種去除畫面抖動(dòng)的圖像顯示控件，該控件包括信息獲取單元，用于獲取圖像顯示控件的顯示范圍信息，所述圖像顯示控件采用整型坐標(biāo)控制圖像的移動(dòng)；第一圖像顯示區(qū)域，其根據(jù)所述圖像顯示控件的顯示范圍信息生成，用于將電子設(shè)備需要顯示的圖像在其中進(jìn)行顯示；所述第一圖像顯示區(qū)域采用浮點(diǎn)坐標(biāo)控制圖像的移動(dòng)。本發(fā)明所述的圖像顯示控件中，所述圖像顯示控件還包括與所述圖像顯示控件的顯示范圍信息對應(yīng)的第二圖像顯示區(qū)域，所述第一圖像顯示區(qū)域位于所述第二圖像顯示區(qū)域內(nèi)；在所述第二圖像顯示區(qū)域中，所述第一圖像顯示區(qū)域以外的顯示區(qū)域設(shè)置為透明。本發(fā)明所述的圖像顯示控件中，所述第一圖像顯示區(qū)域與所述第二圖像顯示區(qū)域的邊距大于等于0.5個(gè)像素。本發(fā)明所述的圖像顯示控件中，所述圖像顯示控件還包括累計(jì)記錄模塊，用于累積記錄所述第二圖像顯示區(qū)域移動(dòng)的像素值。本發(fā)明產(chǎn)生的有益效果是本發(fā)明將圖像顯示控件采用整型坐標(biāo)移動(dòng)，而根據(jù)圖像顯示控件的顯示范圍信息生成的第一圖像顯示區(qū)域采用浮點(diǎn)坐標(biāo)控制圖像的移動(dòng)，從而在變速移動(dòng)圖像顯示控件時(shí)，可以在視覺上使第一圖像顯示區(qū)域的移動(dòng)更加流暢，解決了現(xiàn)有技術(shù)中圖像顯示控件在變速移動(dòng)中會產(chǎn)生畫面抖動(dòng)的問題。


下面將結(jié)合附圖及實(shí)施例對本發(fā)明作進(jìn)一步說明，附圖中圖1是本發(fā)明實(shí)施例去除畫面抖動(dòng)的方法的流程圖；圖2是本發(fā)明實(shí)施例去除畫面抖動(dòng)的圖像顯示控件的結(jié)構(gòu)示意圖；圖3A是本發(fā)明實(shí)施例的圖像顯示控件在移動(dòng)前第二圖像顯示區(qū)域和第一圖像顯示區(qū)域之間的位置關(guān)系；圖;3B是本發(fā)明實(shí)施例的圖像顯示控件在移動(dòng)后第二圖像顯示區(qū)域和第一圖像顯示區(qū)域之間的位置關(guān)系。
具體實(shí)施例方式為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白，以下結(jié)合附圖及實(shí)施例，對本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅用以解釋本發(fā)明，并不用于限定本發(fā)明。如圖1所示，本發(fā)明實(shí)施例去除畫面抖動(dòng)的方法，包括以下步驟Si、獲取圖像顯示控件的顯示范圍信息，圖像顯示控件采用整型坐標(biāo)控制圖像的移動(dòng)；顯示范圍信息限定了控件的顯示范圍，是原始控件的邊界坐標(biāo)。S2、根據(jù)圖像顯示控件的顯示范圍信息生成第一圖像顯示區(qū)域，將電子設(shè)備需要顯示的圖像在第一圖像顯示區(qū)域中顯示；第一圖像顯示區(qū)域采用浮點(diǎn)坐標(biāo)控制圖像的移動(dòng)。本發(fā)明實(shí)施例中，圖像顯示控件的顯示范圍信息對應(yīng)有第二圖像顯示區(qū)域，第一圖像顯示區(qū)域位于第二圖像顯示區(qū)域內(nèi)；在第二圖像顯示區(qū)域中，第一圖像顯示區(qū)域以外的顯示區(qū)域設(shè)置為透明。這樣的設(shè)置使第一圖像顯示區(qū)域和第二圖像顯示區(qū)域的移動(dòng)分開進(jìn)行，在使圖像顯示控件移動(dòng)時(shí)，第二圖像顯示區(qū)域以整型坐標(biāo)進(jìn)行移動(dòng)，第一圖像顯示區(qū)域以浮點(diǎn)類型移動(dòng)，給人視覺上一種流暢的感覺。
在開始移動(dòng)之前，第一圖像顯示區(qū)域和第二圖像顯示區(qū)域之間的關(guān)系如圖3A所示，當(dāng)整個(gè)控件移動(dòng)1. 3個(gè)像素之后，由于第二圖像顯示區(qū)域使用的是整型坐標(biāo)，所以第二圖像顯示區(qū)域?qū)嶋H只移動(dòng)了最接近1. 3的一個(gè)整數(shù)即1個(gè)像素(四舍五入)，而第一圖像顯示區(qū)域采用浮點(diǎn)類型，因此實(shí)實(shí)在在的移動(dòng)了 1.3個(gè)像素，所以移動(dòng)后的控件效果如圖;3B 所示。由于所有的顯示處于第一圖像顯示區(qū)域，而在第二圖像顯示區(qū)域中，第一圖像顯示區(qū)域以外的顯示區(qū)域是透明的，所以給人的感覺是真實(shí)移動(dòng)了 1.3個(gè)像素，從而解決了整個(gè)都設(shè)置為整型坐標(biāo)的圖像顯示控件因變速移動(dòng)帶來的抖動(dòng)問題。進(jìn)一步地，本發(fā)明實(shí)施例中，在第二圖像顯示區(qū)域移動(dòng)時(shí)，還積累記錄該第二圖像顯示區(qū)域移動(dòng)的像素值?？稍O(shè)置累積記錄控制第二圖像顯示區(qū)域移動(dòng)的緩存邊界，即記錄第二圖像顯示區(qū)域移動(dòng)的像素值，比如上文中，第二圖像顯示區(qū)域移動(dòng)了 1. 3個(gè)像素，雖然其只移動(dòng)了 1個(gè)像素，但是記錄第二圖像顯示區(qū)域移動(dòng)1. 3個(gè)像素，當(dāng)下次控制第二圖像顯示區(qū)域繼續(xù)移動(dòng)0. 4個(gè)像素時(shí)，那么就累積記錄第二圖像顯示區(qū)域移動(dòng)1. 3+0. 4 = 1. 7個(gè)像素，因此第二圖像顯示區(qū)域在原來移動(dòng)了1個(gè)像素的基礎(chǔ)上將再往前移動(dòng)1個(gè)像素，共移動(dòng)了 2個(gè)像素；但需要說明的是，第一圖像顯示區(qū)域其實(shí)共移動(dòng)了 1. 7個(gè)像素。通過累積記錄第二圖像顯示區(qū)域移動(dòng)值，控制第二圖像顯示區(qū)域移動(dòng)的位置，可以避免了因整型坐標(biāo)和浮點(diǎn)坐標(biāo)之間的差異而導(dǎo)致的第二圖像顯示區(qū)域與第一圖像顯示區(qū)域?qū)嶋H移動(dòng)差距過大。如圖2所示，本發(fā)明實(shí)施例可去除畫面抖動(dòng)的圖像顯示控件包括信息獲取單元10 和第一圖像顯示區(qū)域20，信息獲取單元10，用于獲取圖像顯示控件的顯示范圍信息，圖像顯示控件采用整型坐標(biāo)控制圖像的移動(dòng)；第一圖像顯示區(qū)域20，其根據(jù)圖像顯示控件的顯示范圍信息生成，用于將電子設(shè)備需要顯示的圖像在其中進(jìn)行顯示；第一圖像顯示區(qū)域20 采用浮點(diǎn)坐標(biāo)控制圖像的移動(dòng)。圖像顯示控件還包括與圖像顯示控件的顯示范圍信息對應(yīng)的第二圖像顯示區(qū)域 30，第一圖像顯示區(qū)域20位于第二圖像顯示區(qū)域30內(nèi)；在第二圖像顯示區(qū)域30中，第一圖像顯示區(qū)域20以外的顯示區(qū)域設(shè)置為透明。上述的第一圖像顯示區(qū)域20和第二圖像顯示區(qū)域30的移動(dòng)是分開進(jìn)行的，第二圖像顯示區(qū)域30以整型坐標(biāo)進(jìn)行移動(dòng)，第一圖像顯示區(qū)域20以浮點(diǎn)坐標(biāo)移動(dòng)，給人視覺上一種流暢的感覺。本發(fā)明實(shí)施例中，第一圖像顯示區(qū)域20與第二圖像顯示區(qū)域30的邊距大于等于 0. 5個(gè)像素，上限不作特別限制，只要顯示區(qū)域不縮成一點(diǎn)即可。進(jìn)一步地，本發(fā)明實(shí)施例中，該控件還包括累計(jì)記錄模塊40，用于在第二圖像顯示區(qū)域30移動(dòng)時(shí)，積累記錄該第二圖像顯示區(qū)域30移動(dòng)的像素值。其具體累積記錄過程，以及第二圖像顯示區(qū)域30如何根據(jù)積累記錄進(jìn)行移動(dòng)在上文已有詳細(xì)描述，在此不再贅述。 累計(jì)記錄模塊40可以減少第二圖像顯示區(qū)域30與第一圖像顯示區(qū)域20因坐標(biāo)精度不同而導(dǎo)致的實(shí)際移動(dòng)的差距。應(yīng)當(dāng)理解的是，對本領(lǐng)域普通技術(shù)人員來說，可以根據(jù)上述說明加以改進(jìn)或變換， 而所有這些改進(jìn)和變換都應(yīng)屬于本發(fā)明所附權(quán)利要求的保護(hù)范圍。
權(quán)利要求
1.一種去除畫面抖動(dòng)的方法，其特征在于，包括以下步驟獲取圖像顯示控件的顯示范圍信息，所述圖像顯示控件采用整型坐標(biāo)控制圖像的移動(dòng)；根據(jù)所述圖像顯示控件的顯示范圍信息生成第一圖像顯示區(qū)域，將電子設(shè)備需要顯示的圖像在所述第一圖像顯示區(qū)域中顯示；所述第一圖像顯示區(qū)域采用浮點(diǎn)坐標(biāo)控制圖像的移動(dòng)。
2.根據(jù)權(quán)利要求1所述的去除畫面抖動(dòng)的方法，其特征在于，所述圖像顯示控件的顯示范圍信息對應(yīng)有第二圖像顯示區(qū)域，所述第一圖像顯示區(qū)域位于所述第二圖像顯示區(qū)域內(nèi)；在所述第二圖像顯示區(qū)域中，所述第一圖像顯示區(qū)域以外的顯示區(qū)域設(shè)置為透明。
3.根據(jù)權(quán)利要求2所述的去除畫面抖動(dòng)的方法，其特征在于，所述第一圖像顯示區(qū)域與所述第二圖像顯示區(qū)域的邊距大于等于0. 5個(gè)像素。
4.根據(jù)權(quán)利要求1-3所述的去除畫面抖動(dòng)的方法，其特征在于，還包括累積記錄所述第二圖像顯示區(qū)域移動(dòng)的像素值。
5.一種去除畫面抖動(dòng)的圖像顯示控件，其特征在于，該控件包括信息獲取單元，用于獲取圖像顯示控件的顯示范圍信息，所述圖像顯示控件采用整型坐標(biāo)控制圖像的移動(dòng)；第一圖像顯示區(qū)域，其根據(jù)所述圖像顯示控件的顯示范圍信息生成，用于將電子設(shè)備需要顯示的圖像在其中進(jìn)行顯示；所述第一圖像顯示區(qū)域采用浮點(diǎn)坐標(biāo)控制圖像的移動(dòng)。
6.根據(jù)權(quán)利要求5所述的圖像顯示控件，其特征在于，所述圖像顯示控件還包括與所述圖像顯示控件的顯示范圍信息對應(yīng)的第二圖像顯示區(qū)域，所述第一圖像顯示區(qū)域位于所述第二圖像顯示區(qū)域內(nèi)；在所述第二圖像顯示區(qū)域中，所述第一圖像顯示區(qū)域以外的顯示區(qū)域設(shè)置為透明。
7.根據(jù)權(quán)利要求5所述的圖像顯示控件，其特征在于，所述第一圖像顯示區(qū)域與所述第二圖像顯示區(qū)域的邊距大于等于0. 5個(gè)像素。
8.根據(jù)權(quán)利要求5-7中任一項(xiàng)所述的圖像顯示控件，其特征在于，所述圖像顯示控件還包括累計(jì)記錄模塊，用于累積記錄所述第二圖像顯示區(qū)域移動(dòng)的像素值。
全文摘要
本發(fā)明公開了一種去除畫面抖動(dòng)的方法及圖像顯示控件，其中方法包括步驟獲取圖像顯示控件的顯示范圍信息，圖像顯示控件采用整型坐標(biāo)控制圖像的移動(dòng)；根據(jù)圖像顯示控件的顯示范圍信息生成第一圖像顯示區(qū)域，將電子設(shè)備需要顯示的圖像在第一圖像顯示區(qū)域中顯示；第一圖像顯示區(qū)域采用浮點(diǎn)坐標(biāo)控制圖像的移動(dòng)。本發(fā)明可實(shí)現(xiàn)在變速移動(dòng)圖像顯示控件時(shí)，在視覺上使第一圖像顯示區(qū)域的移動(dòng)更加流暢，解決了現(xiàn)有技術(shù)中圖像顯示控件在變速移動(dòng)中會產(chǎn)生畫面抖動(dòng)的問題。
文檔編號G09G5/00GK102496353SQ20111039044
公開日2012年6月13日 申請日期2011年11月30日 優(yōu)先權(quán)日2011年11月30日
發(fā)明者薛順 申請人:深圳市萬興軟件有限公司