• / 18
  • 下載費用:30 金幣  

一種界面元素的繪制方法及裝置.pdf

摘要
申請專利號:

CN201510278764.1

申請日:

2015.05.27

公開號:

CN106303652A

公開日:

2017.01.04

當前法律狀態:

實審

有效性:

審中

法律詳情: 實質審查的生效IPC(主分類):H04N 21/431申請日:20150527|||公開
IPC分類號: H04N21/431(2011.01)I; H04N21/81(2011.01)I; G06F3/0484(2013.01)I 主分類號: H04N21/431
申請人: 阿里巴巴集團控股有限公司
發明人: 李劍波
地址: 英屬開曼群島大開曼資本大廈一座四層847號郵箱
優先權:
專利代理機構: 北京國昊天誠知識產權代理有限公司 11315 代理人: 許志勇
PDF完整版下載: PDF下載
法律狀態
申請(專利)號:

CN201510278764.1

授權公告號:

|||

法律狀態公告日:

2017.02.01|||2017.01.04

法律狀態類型:

實質審查的生效|||公開

摘要

本申請公開了一種界面元素的繪制方法,用于解決采用現有技術中的界面元素的位置追蹤方法,會導致不必要的處理資源浪費的問題。方法包括:獲取表征第一界面元素運動趨勢的信息;根據所述信息,預測第一界面元素將要移動到的目標位置;根據所述目標位置繪制第二界面元素。本申請還公開一種界面元素的繪制裝置。

權利要求書

1.一種界面元素的繪制方法,其特征在于,包括:
獲取表征第一界面元素運動趨勢的信息;
根據所述信息,預測第一界面元素將要移動到的目標位置;
根據所述目標位置繪制第二界面元素。
2.如權利要求1所述的方法,其特征在于,根據所述目標位置繪制第二
界面元素,包括:
在特定時刻,根據所述目標位置繪制第二界面元素。
3.如權利要求2所述的方法,其特征在于,所述特定時刻不晚于第一界
面元素移動到所述目標位置的時刻。
4.如權利要求2所述的方法,其特征在于,在所述特定時刻,根據所述
目標位置繪制第二界面元素,包括:
根據所述目標位置和設定的距離閾值,確定第一繪制位置;并在所述特定
時刻,在第一繪制位置繪制第二界面元素;或
根據所述目標位置,判斷第一界面元素在所述特定時刻是否移動到了第二
界面元素當前占據的顯示區域外;根據判斷結果,確定第二繪制位置;并在所
述特定時刻,在第二繪制位置繪制第二界面元素。
5.如權利要求4所述方法,其特征在于,根據所述目標位置和設定的距
離閾值,確定第一繪制位置,包括:
在所述目標位置與第二界面元素當前位置之間的距離小于設定的距離閾
值時,將第二界面元素當前位置確定為第一繪制位置;
在所述目標位置與第二界面元素當前位置之間的距離不小于設定的距離
閾值時,將所述目標位置確定為第一繪制位置。
6.如權利要求2~5任一權項所述的方法,其特征在于,繪制第二界面元
素,包括:
獲取在所述特定時刻處于所述目標位置的第三界面元素的特征;
根據所述特征,繪制第二界面元素。
7.如權利要求6所述的方法,其特征在于,所述特征包括下述至少一種:
顏色;
尺寸;
動畫效果;
形狀。
8.如權利要求1所述的方法,其特征在于,獲取表征第一界面元素運動
趨勢的信息,包括:
在收到第一界面元素位置變化觸發指令后,獲取表征第一界面元素運動趨
勢的信息;或
按照預設的位置參數采樣周期,獲取表征第一界面元素運動趨勢的信息。
9.如權利要求1~5、7、8任一權項所述的方法,其特征在于,所述表征
第一界面元素運動趨勢的信息,包括:第一界面元素的移動速度和移動方向。
10.如權利要求9所述的方法,其特征在于,獲取表征第一界面元素運動
趨勢的信息,包括:
獲取第一界面元素的至少兩個位置參數,以及第一界面元素位于所述兩個
位置參數分別表示的位置時的時刻;
根據所述至少兩個位置參數,確定第一界面元素的移動方向;
根據所述至少兩個位置參數,以及第一界面元素位于所述兩個位置參數分
別表示的位置時的時刻,確定第一界面元素的移動速度。
11.如權利要求10所述的方法,其特征在于,根據所述信息,預測第一
界面元素將要移動到的目標位置,包括:
根據顯示界面的繪制周期、所述移動速度和移動方向,預測第一界面元素
將要移動到的目標位置。
12.一種界面元素的繪制裝置,其特征在于,包括:
運動趨勢信息獲取單元,用于獲取表征第一界面元素運動趨勢的信息;
目標位置預測單元,用于根據所述信息,預測第一界面元素將要移動到的
目標位置;
繪制單元,用于根據所述目標位置繪制第二界面元素。
13.如權利要求12所述裝置,其特征在于,繪制單元,用于:
在特定時刻,根據所述目標位置繪制第二界面元素。
14.如權利要求13所述裝置,其特征在于,所述特定時刻不晚于第一界
面元素移動到所述目標位置的時刻。
15.如權利要求13所述裝置,其特征在于,繪制單元,用于:
根據所述目標位置和設定的距離閾值,確定第一繪制位置;并在所述特定
時刻,在第一繪制位置繪制第二界面元素;或
根據所述目標位置,判斷第一界面元素在所述特定時刻是否移動到了第二
界面元素當前占據的顯示區域外;根據判斷結果,確定第二繪制位置;并在所
述特定時刻,在第二繪制位置繪制第二界面元素。
16.如權利要求15所述裝置,其特征在于,繪制單元,用于:
在所述目標位置與第二界面元素當前的位置參數表示的位置之間的距離,
小于設定的距離閾值時,將第二界面元素當前位置確定為第一繪制位置;
在所述目標位置與第二界面元素當前位置之間的距離不小于設定的距離
閾值時,將所述目標位置確定為第一繪制位置。
17.如權利要求13~16任一權項所述裝置,其特征在于,繪制單元,用于:
獲取在所述特定時刻處于所述目標位置的第三界面元素的特征;
根據所述特征,繪制第二界面元素。
18.如權利要求17所述裝置,其特征在于:
所述特征包括下述至少一種:
顏色;
尺寸;
動畫效果;
形狀。
19.如權利要求12所述裝置,其特征在于,運動趨勢信息獲取單元,用
于:
在收到第一界面元素位置變化觸發指令后,獲取表征第一界面元素運動趨
勢的信息;或
按照預設的位置參數采樣周期,獲取表征第一界面元素運動趨勢的信息。
20.如權利要求12~16、18、19任一項權項所述的裝置,其特征在于,所
述表征第一界面元素運動趨勢的信息,包括:第一界面元素的移動速度和移動
方向。
21.如權利要求20所述的裝置,其特征在于,運動趨勢信息獲取單元,
用于:
獲取第一界面元素的至少兩個位置參數,以及第一界面元素位于所述兩個
位置參數分別表示的位置時的時刻;
根據所述至少兩個位置參數,確定第一界面元素的移動方向;
根據所述至少兩個位置參數,以及第一界面元素位于所述兩個位置參數分
別表示的位置時的時刻,確定第一界面元素的移動速度。
22.如權利要求21所述的裝置,其特征在于,目標位置預測單元,用于:
根據顯示界面的繪制周期、所述移動速度和移動方向,預測第一界面元素
將要移動到的目標位置。
23.一種界面元素的繪制組件,其特征在于,包括如12~14、16、19任一
項權項所述的裝置。

說明書

一種界面元素的繪制方法及裝置

技術領域

本申請涉及計算機技術領域,尤其涉及一種界面元素的繪制方法及裝置。

背景技術

目前,顯示界面中的界面元素彼此之間可能存在位置追蹤關系。以焦點和
焦點框這兩種界面元素為例,它們之間就存在位置追蹤關系。具體而言,有可
能是焦點發生移動后,焦點框在焦點框控件的控制下,追蹤移動到焦點當前所
在位置。其中,焦點框移動到焦點當前所在位置,是指焦點框控件在焦點當前
所在位置繪制焦點框。又或者,是焦點框發生移動后,焦點在焦點控件的控制
下,追蹤移動到焦點框當前所在位置,即焦點控件在焦點框當前所在位置繪制
焦點。

以焦點框追蹤焦點為例,現有技術實現位置追蹤的方式如下:

當焦點從原位置移動到目標位置后,獲取目標位置的信息(一般為基于顯
示界面建立的屏幕坐標系中的坐標值);焦點框控件根據獲取到的目標位置的
信息,在該目標位置繪制焦點框,從而達到焦點框追蹤焦點進行移動的目的。

上述方法存在的問題在于,相對于焦點移動到目標位置的時刻,焦點框移
動到該目標位置的時刻會存在較大的滯后,該較大的滯后的存在,可能導致用
戶誤以為焦點框并沒有按照期望移動到目標位置,進而用戶會重新觸發焦點及
焦點框進行移動,這就產生了誤操作,導致了不必要的處理資源浪費。

發明內容

本申請實施例提供一種界面元素的繪制方法,用于解決采用現有技術中的
界面元素的位置追蹤方法,會導致不必要的處理資源浪費的問題。

本申請實施例還提供一種界面元素的繪制的裝置,用于解決采用現有技術
中的界面元素的位置追蹤方法,會導致不必要的處理資源浪費的問題。

本申請實施例采用下述技術方案:

一種界面元素的繪制方法,包括:

獲取表征第一界面元素運動趨勢的信息;根據所述信息,預測第一界面元
素將要移動到的目標位置;根據所述目標位置繪制第二界面元素。

一種界面元素的繪制裝置,包括:

運動趨勢信息獲取單元,用于獲取表征第一界面元素運動趨勢的信息;目
標位置預測單元,用于根據所述信息,預測第一界面元素將要移動到的目標位
置;繪制單元,用于在根據所述目標位置確定出的第二界面元素繪制位置繪制
第二界面元素。

本申請實施例采用的上述至少一個技術方案能夠達到以下有益效果:

由于可以預測出第一界面元素將要移動到的目標位置,并根據目標位置繪
制第二界面元素,避免了在第一界面元素移動到目標位置后,才進行第二界面
元素的繪制,從而降低了第二界面元素移動的滯后性,避免了因為用戶的重復
移動操作而導致的不必要的處理資源浪費。

附圖說明

此處所說明的附圖用來提供對本申請的進一步理解,構成本申請的一部
分,本申請的示意性實施例及其說明用于解釋本申請,并不構成對本申請的不
當限定。在附圖中:

圖1為本申請實施例提供的一種界面元素的繪制方法的具體實現流程示意
圖;

圖1a為本申請實施例所述的時間軸的示意圖;

圖1b為本申請實施例提供的一種數字電視屏幕界面的焦點及焦點框位置
關系示意圖;

圖1c為本申請實施例提供的一種數字電視屏幕界面的焦點及焦點框位置
關系示意圖;

圖1d為本申請實施例提供的一種界面元素的繪制組件的具體結構示意圖;

圖2為本申請實施例提供的一種數字電視中焦點或焦點框的繪制方法的具
體實現流程示意圖;

圖3為本申請實施例提供的一種界面元素的繪制裝置的具體結構示意圖。

具體實施方式

為使本申請的目的、技術方案和優點更加清楚,下面將結合本申請具體實
施例及相應的附圖對本申請技術方案進行清楚、完整地描述。顯然,所描述的
實施例僅是本申請一部分實施例,而不是全部的實施例。基于本申請中的實施
例,本領域普通技術人員在沒有做出創造性勞動前提下所獲得的所有其他實施
例,都屬于本申請保護的范圍。

以下結合附圖,詳細說明本申請各實施例提供的技術方案。

實施例1

本申請實施例提供一種界面元素的繪制方法,用于解決現有技術中對界面
元素進行移動時出現的滯后問題。該方法的具體實現流程示意圖如圖1所示,
主要包括下述步驟:

步驟11,獲取表征第一界面元素運動趨勢的信息;

其中,第一界面元素,為存在位置追蹤關系的兩個界面元素中,相對而言
先進行移動的界面元素。

在一種實施方式中,獲取表征第一界面元素運動趨勢的信息,包括:獲取
第一界面元素的至少兩個位置參數,以及第一界面元素位于所述兩個位置參數
分別表示的位置時的時刻;根據所述至少兩個位置參數,確定第一界面元素的
移動方向;根據所述至少兩個位置參數,以及第一界面元素位于所述兩個位置
參數分別表示的位置時的時刻,確定第一界面元素的移動速度。

例如,若假設第一界面元素從T1時刻開始發生移動,且在T1時刻,第一
界面元素的位置參數為(0,11),在5s后的T2時刻,第一界面元素的位置參
數為(0,20),從而根據這兩個位置參數,可以確定出第一界面元素的運動方
向為沿垂直方向(如沿垂直坐標軸Y軸)移動。

例如,假設按照10ms的采樣頻率對焦點的位置參數進行采樣,獲取到焦
點在t1時刻的位置參數為(0,10),焦點在t2時刻的位置參數為(0,20),
t1時刻與t2時刻之間的時間間隔為10ms,則可以計算出焦點的運動速度為
(20-10)/10;或者,當第一界面元素按照系統設定的默認速度勻速運動時,
第一界面元素的運動速度信息可從系統設置信息中獲取。

本申請實施例中,位置參數,是指任何可以表示界面元素所處位置的信息,
該信息比如是坐標值等。

本申請實施例中,獲取表征第一界面元素運動趨勢的信息的方式至少可以
包括以下兩種:

方式一:按照預設的位置參數采樣周期,獲取表征第一界面元素運動趨勢
的信息。

比如,以第一界面元素為焦點為例,預設的位置參數采樣周期若為30ms,
則系統將每隔30ms自動獲取焦點此時在屏幕坐標系中所處位置的坐標值,作
為第一界面元素的位置參數,并根據第一界面元素的位置參數,獲取表征第一
界面元素運動趨勢的信息。其中,為了獲取第一界面元素的運動方向信息,采
樣得到的第一界面元素的位置參數至少需要兩個。

方式二:在收到第一界面元素位置變化觸發指令后,獲取表征第一界面元
素運動趨勢的信息。

比如,以第一界面元素為數字電視屏幕焦點為例,假設用戶通過遙控器輸
入了焦點位置調整指令,則在該數字電視在接收到該指令后,可以獲取焦點當
前在屏幕坐標系中的位置參數;進一步地,按照預設的位置參數采樣周期,獲
取焦點在發生移動過程中的位置參數;并通過獲取到的各位置參數,獲取焦點
的運動趨勢信息。

方式一和方式二中根據位置參數獲取焦點的運動趨勢信息的方式可以參
照前文,此處不再贅述。

在一種實施方式中,為了保證能夠按照設定的時間間隔對位置參數進行采
樣,本申請實施例提供一種定時采樣的方式。該方式具體包括:

按照采樣周期,設置系統定時器,每當系統定時器的計時時間到達按照采
樣周期確定出的采樣時刻時,對第一界面元素位置參數進行采樣。例如,假設
需要每30ms獲取一次焦點的位置參數,則設置系統定時器的時間為30ms,進
而將按系統定時器的計時時間,每隔30ms對焦點的位置參數進行采樣。

步驟12,根據表征第一界面元素運動趨勢的信息,預測第一界面元素將要
移動到的目標位置;

在一種實施方式中,若第一界面元素運動趨勢的信息包括第一界面元素的
移動速度和移動方向,那么步驟12的具體實現方式可以包括:根據顯示界面
的繪制周期、所述移動速度和移動方向,預測第一界面元素將要移動到的目標
位置。

上述顯示界面的繪制周期,即在對界面(比如包含第一界面元素和第二界
面元素的界面)進行繪制時所遵循的顯示界面的繪制周期,該顯示界面的繪制
周期可以為30ms、40ms,等等。當顯示界面的繪制周期為30ms時,會每隔
30ms進行一幀界面的繪制。本申請實施例中,對該顯示界面的繪制周期的具
體大小不做限定。

本申請實施例中,若假設在對第一界面元素將要移動到的目標位置進行預
測時,第一界面元素當前處于被繪制的第N幀界面中,并且,顯示界面的繪制
周期為30ms,那么,在步驟12中,就可以根據該顯示界面的繪制周期30ms,
和獲取到的表征第一界面元素運動趨勢的信息,預測第一界面元素在第N+1
幀或第N+2幀等界面被繪制時將要移動到的目標位置。

比如,若第一界面元素的中心點當前處于被繪制的第N幀界面中的(10,
0)這一位置,顯示界面的繪制周期為30ms,表征第一界面元素的運動趨勢的
信息包括運動方向為沿水平方向向右以及運動速度為5/30ms時,那么,可以
預測出第一界面元素在第N+1幀界面被繪制時,處于(15,0)這一目標位置。
其中,上述(10,0)中的10、運動速度表達式5/30ms中的5,以及上述(15,
0)中的15,均可以為界面坐標系中的單位長度。

需要說明的是,在一種實施方式中,為了根據獲取到的第一界面元素運動
趨勢的信息預測第一界面元素將要移動到的目標位置,本申請實施例提供一種
估值算法,該算法可以由第一界面元素移動距離估值器完成。

需要說明的是,該估值器除了可以用于完成步驟12外,還可以用于完成
步驟11。比如,該估值器可以根據獲取到的第一界面元素的位置參數,計算第
一界面元素的移動速度,并確定出第一界面元素的移動方向;進而根據瞬時速
度、移動方向,預測第一界面元素將要移動到的目標位置。

以第一界面元素為焦點為例,若下述假設成立:

1、該焦點顯示在智能電視的界面上;

2、該智能電視以30ms的繪制周期,繪制各幀顯示界面;

3、焦點沿水平方向X軸進行移動;

4、在T0時刻,智能電視接收到焦點移動指令,即焦點在T0時刻開始移
動;

5、焦點在T0時刻的位置參數為(x0,y1);

6、按照系統設定的采樣周期,對焦點的位置參數進行采樣。其中,該采
樣周期與顯示界面的繪制周期相同,為30ms。

那么,該估值器完成上述計算過程的步驟如下:

一、如圖1a所示,假設焦點在T0時刻開始以移動,那么,該估值器可以
在T0時刻獲取到焦點的位置參數(x0,y1),在T1時刻獲取到焦點的位置參
數(x1,y1);在T2時刻獲取到焦點的位置參數(x2,y1)。

其中,T0時刻與T1時刻,T1與T2之間的時間間隔為繪制周期,即30ms。

二、該估值器根據T0時刻獲取到的焦點的位置參數(x0,y1)和T1時刻
獲取到的焦點的位置參數(x1,y1),計算焦點移動前后的水平坐標差:
totalDistanceX=x1-x0。

三、根據totalDistanceX、焦點處于(x1,y1)的時刻T1,以及焦點處于
(x0,y1)的時刻T0,計算焦點的移動速度:
focusViewMovingVelocityX=totalDistanceX÷(T1-T0)。

四、根據移動速度以及T2,計算焦點從T0至T2的移動距離:
expectedDistanceX=focusViewMovingVelocityX×(T2-T0)。即,預測焦點在即
將到來的T2,相對于T0時所處位置移動了多少距離。

五、根據T0時刻焦點的位置參數(x0,y1),T1時刻焦點的位置參數(x1,
y1),可以確定出焦點的運動趨勢的信息為沿水平方向X軸。

六、根據確定出的焦點的運動趨勢的信息以及計算出的
expectedDistanceX,可預測出焦點在T2這一時刻將要移動到的目標位置,即,
焦點在沿水平方向X軸移動后的位置參數為(x0+expectedDistanceX,y1)。

基于上述估值器的計算原理,比如,假設焦點在t0時刻開始發生移動,其
t0時刻的位置參數為(0,9),若按照預設的焦點位置參數采樣周期,獲取到
焦點在t1時刻的位置參數為(0,12),則可以確定焦點的移動方向為沿垂直方
向Y軸方向移動;同時根據焦點在t0時刻以及t1時刻的位置參數可以計算出
焦點在t0到t1的這段時間內的移動距離為:(12-9)=3,時間間隔為:t1-t0=30ms。
則根據移動距離以及時間間隔,可計算出焦點的移動速度:3÷30=0.1。假設需
要預測焦點在t2時刻(t2與t1的時間間隔為系統預設的采樣周期30ms)到達
的目標位置的參數,則根據焦點的移動方向和焦點的移動速度,可以計算出焦
點在t2時刻移動的距離為:瞬時速度×(t2-t1)=0.1×30=3;則焦點在t2時
刻到達的目標位置的位置參數為(0,15)。

步驟13,根據目標位置繪制第二界面元素。

本申請實施例中,根據所述目標位置繪制第二界面元素的時刻,可能會有
下述三種情況:

情況1:在第一界面元素運動到目標位置時,根據目標位置繪制第二界面
元素。

例如,假設第一界面元素在T1時刻(即前文所說的特定時刻)到達目標
位置,則在T1時刻,根據目標位置繪制第二界面元素。

舉例而言,若假設:1、按照30ms的繪制周期,繪制包含第一界面元素和
第二界面元素的顯示界面;2、通過執行步驟11獲取到的、用于表征第一界面
元素運動趨勢的信息為:第一界面元素分別在繪制的第一幀顯示界面和第二幀
顯示界面中的位置參數;3、第一界面元素當前處于第二幀顯示界面。那么,
根據所述目標位置繪制第二界面元素的時刻,可以為繪制第三幀顯示界面的時
刻,即晚于第二幀顯示界面的繪制時刻30ms的時刻。

情況2:在第一界面元素運動到目標位置之前的時刻,根據目標位置繪制
第二界面元素。

假設,第一界面元素在T0時刻開始移動,在T1時刻到達目標位置,則可
以在T0時刻之后,T1時刻之前的某個時刻(即前文所說的特定時刻),根據
目標位置繪制第二界面元素。

情況3:在第一界面元素運動到目標位置的時刻后的設定時長內(該時刻
后的設定時長內的任一時刻,均可以視為前文所說的特定時刻),根據目標位
置繪制第二界面元素。其中,該設定時長,應滿足:不會使得用戶在視覺上,
感受到第二界面元素的繪制時刻明顯滯后于第一界面元素的繪制時刻。

假設,第一界面元素在T1時刻到達目標位置,則最晚在T1+ΔT時刻,繪
制第二界面元素。其中,[0,ΔT]為上述設定時長。

本申請實施例中,根據確定出的目標位置繪制第二界面元素,具體可以包
括以下兩種實現方式:

實現方式1:根據目標位置和設定的距離閾值,確定第一繪制位置;并在
所述特定時刻,根據目標位置繪制第二界面元素。

具體地,在目標位置與第二界面元素當前的位置參數表示的位置(后簡稱
元素當前位置)之間的距離小于設定的距離閾值時,可以將元素當前位置確定
為第二界面元素繪制位置;從而在所述特定時刻,將元素當前位置作為第一繪
制位置,并在該位置繪制第二界面元素。特別地,目標位置有可能與元素當前
位置重合,即上述距離為0。

在目標位置與元素當前位置之間的距離不小于設定的距離閾值時,可以將
目標位置確定為第二界面元素繪制位置;從而在特定時刻,在目標位置繪制第
二界面元素。

在一種實施方式中,為了根據目標位置和設定的距離閾值,確定第二界面
元素繪制位置,本申請實施例提供一種估值算法,該算法可以由第二界面元素
移動距離估值器完成,具體的算法如下:

1、totalDistanceX!=0&&ViewMovingDistanceX==0;

2、expectedDistanceX>0.45*totalDistanceX(其中0.45為動態可調配的
參數),并且focusViewAccmulateDistanceX<expectedDistanceX)。

其中各個參數的具體算法同上文所述,此處不再贅述。

實現方式2:根據目標位置,判斷第一界面元素在第一界面元素移動到所
述目標位置的時刻,是否移動到了第二界面元素當前占據的顯示區域外;根據
判斷結果,確定第二界面元素繪制位置;并在第一界面元素移動到所述目標位
置的時刻,在第二界面元素繪制位置繪制第二界面元素。

具體地,當判斷結果為第一界面元素在第一界面元素移動到所述目標位置
的時刻移動到了第二界面元素當前占據的顯示區域外,則將目標位置確定為第
二界面元素繪制位置;當判斷結果為第一界面元素在第一界面元素移動到所述
目標位置的時刻沒有移動到第二界面元素當前占據的顯示區域外,則將第二界
面元素當前占據的顯示區域所在位置,確定為第二界面元素繪制位置。

例如,以數字電視為例,假設第一界面元素為焦點,第二界面元素為焦點
框。假設初始狀態下,如圖1b所示的屏幕上,焦點及焦點框均處在相同的位
置,其中,焦點框當前占據的顯示區域為圖中的灰色區域。當用戶通過遙控器
對焦點進行了移動,使得焦點移動到如圖1c所示的位置后,由于焦點的位置
沒有移動到圖1c所示的灰色區域外,則此時將灰色區域所在位置確定為第二
界面元素繪制位置。

在一種實施方式中,在第一界面元素移動到所述目標位置的時刻對第二界
面元素進行繪制的方式可以包括:根據第一界面元素移動到所述目標位置的時
刻處于第二界面元素繪制位置的第三界面元素的特征,繪制第二界面元素。

具體而言,根據該第三界面元素的特征繪制第二界面元素,可以是指按照
使第二界面元素具備該特征的方式,繪制第二界面元素;也可以是指按照使第
二界面元素不具備該特征的方式,繪制第二界面元素。

例如,以數字電視機切換選定的電視劇海報為例,若焦點從電視劇海報A
(其中電視劇海報A為正方形)移動到電視劇海報B(其中電視劇海報B為長
方形,且該電視劇海報B所在位置為確定出的目標位置),則在焦點到達的目
標位置繪制焦點框時,將按照海報B的形狀特征,將焦點框繪制成長方形。

需要說明的是,第三界面元素的特征包括:形狀、顏色、尺寸、動畫效果
等。

上述方法可以由如圖1d所示的一種界面元素的繪制組件完成,該界面元
素的繪制組件具體包括以下模塊:運動趨勢信息獲取模塊、目標位置預測模塊、
繪制模塊、系統定時器以及核心計算模塊(包括第一界面元素移動距離估值器
和第二界面元素移動距離估值器)。

以下介紹上述各模塊的功能。

上述步驟11可以由運動趨勢信息獲取模塊完成。

步驟12中所述的第一界面元素將要移動到的目標位置,可以由目標位置
預測模塊根據第一界面元素移動距離估值器計算出的參數而預測得出。該第一
界面元素移動距離估值器的功能實現方式詳見前文,此處不再贅述。

系統定時器可以設定固定的時間間隔作為采樣周期,從而使得位置參數獲
取模塊可以按照系統定時器設定的時間間隔,對第一界面元素的位置參數進行
采樣。

第二界面元素移動距離估值器,用于根據目標位置和設定的距離閾值,確
定第二界面元素繪制位置。該第二界面元素移動距離估值器的功能實現方式詳
見前文,此處不再贅述。

繪制模塊,可以根據預測的第一界面元素將要移動到目標位置,對第一界
面元素進行繪制;并根據確定的第二界面元素繪制位置,對第二界面元素進行
繪制。

通過本申請實施例1提供的上述方法可知,該方法通過對第一界面元素運
動趨勢的信息進行計算,可以預測出第一界面元素將要移動到的目標位置,進
而可以在特定時刻,根據目標位置繪制第二界面元素,降低了第二界面元素移
動的滯后性,從而避免了因為用戶的重復移動操作,減少了系統資源的占用,
提高了系統的運行效率。

需要說明的是,實施例1所提供方法的各步驟的執行主體均可以是同一設
備,或者,該方法也由不同設備作為執行主體。比如,步驟11和步驟12的執
行主體可以為第一界面元素控件,步驟13的執行主體可以為第二界面元素控
件;又比如,步驟11的執行主體可以為第一界面元素控件,步驟12和步驟13
的執行主體可以為第二界面元素控件;再比如,步驟11~步驟13的執行主體
均可以為第二界面元素控件;等等。

實施例2

本申請實施例提供一種數字電視中焦點或焦點框的繪制方法,用于解決現
有技術中對焦點或焦點框進行移動時出現的滯后問題。該方法的具體實現流程
示意圖如圖2所示,主要包括下述步驟:

步驟21,數字電視機頂盒獲取第一界面元素的運動趨勢信息;

本申請實施例中,假設第一界面元素為焦點,則通過焦點在不同時刻的位
置參數,獲取焦點的運動趨勢信息,包括:獲取焦點的至少兩個位置參數,以
及焦點位于所述兩個位置參數分別表示的位置時的時刻;根據所述至少兩個位
置參數,確定焦點的移動方向;根據所述至少兩個位置參數,以及焦點位于所
述兩個位置參數分別表示的位置時的時刻,確定焦點的移動速度。

其中,獲取焦點的運動趨勢信息,包括以下兩種方式:

方式一:按照預設的焦點位置參數采樣周期,獲取焦點的運動趨勢信息;

方式二:在收到第一界面元素位置變化觸發指令后,獲取焦點的運動趨勢
信息。

步驟22,根據獲取的焦點的運動趨勢信息,預測焦點將要移動到的目標位
置;

在一種實施方式中,若該目標位置,為焦點在某一特定時刻將要移動到的
位置,且焦點運動趨勢的信息包括焦點的移動速度和移動方向,那么步驟22
的具體實現方式可以包括:根據顯示界面的繪制周期、所述移動速度和移動方
向,預測焦點將要移動到的目標位置。

例如,若下述假設成立:

1、該數字電視以30ms的繪制周期,繪制各幀顯示界面;

2、焦點沿水平方向X軸進行移動;

3、在T0時刻,數字電視接收到焦點移動指令,即焦點在T0時刻開始移
動;

4、焦點在T0時刻的位置參數為(x0,y1)。

4、按照系統設定的采樣周期(30ms),對焦點的位置參數進行采樣。

5、按照系統設定的采樣周期,對焦點的位置參數進行采樣。其中,該采
樣周期與顯示界面的繪制周期相同,為30ms。

6、按照系統設定的采樣周期(30ms),在t2時刻獲取到的焦點的位置參
數為(x2,y1)。

在一種實施方式中,根據獲取的焦點的運動趨勢信息,對焦點將要移動到
的目標位置進行預測的具體包括以下子步驟:

子步驟1,根據焦點的當前位置參數,計算焦點移動前后的水平坐標差:
totalDistanceX=(x2-x1)。

子步驟2,根據所述獲取的totalDistanceX,以及系統設定的30ms采樣周
期,計算焦點的移動速度:focusViewMovingVelocityX=(x2-x1)÷30。

子步驟3,根據focusViewMovingVelocityX,以及特定的時刻t3,其中所
述的t3時刻在時間軸上位于t2時刻之后,計算焦點預測移動距離:
expectedDistanceX=focusViewMovingVelocityX×(t3-t2)。

子步驟4,根據t1時刻以及t2時刻獲取到的焦點的位置參數,可以獲取焦
點的運動方向為沿水平方向x軸。

子步驟5,根據所述獲取的焦點的運動方向以及在特定時間內的移動距離,
則可預測出,焦點將要移動到達的目標位置,即,焦點在沿水平方向X軸移動
到達的目標位置的位置參數為(x2+expectedDistanceX,y1)。

步驟23,根據所述目標位置繪制焦點框。

在一種實施方式中,當預測的焦點目標位置并未移動到焦點框當前所在的
位置區域外,則確定出的第二界面元素繪制位置為焦點框的當前位置。

例如,當用戶通過遙控器對焦點進行移動時,根據步驟22預測,在第一
界面元素移動到所述目標位置的時刻焦點所在目標位置的參數為(x3,y3),
而該位置仍然在焦點框的當前位置區域內,則此時焦點框的當前位置重新繪制
焦點框。

一般地,當焦點從電視海報A所在的區域移動到電視海報B所在的區域
時,電視海報A與電視海報B的尺寸,顏色,形狀等特征可能是不一樣的,
為了在電視海報B所在的區域繪制的焦點框的尺寸,顏色,形狀等特征與電視
海報B的特征相匹配,本申請實施例提供一種方法,用于根據焦點移動到目標
位置時,焦點所在的第三界面元素(即焦點移動到目標位置時,處于該位置的
第三界面元素)的特征,繪制焦點框。

例如,當焦點從電視海報A所在的區域(電視海報A為正方形)移動到
電視海報B所在的區域(電視海報B為三角形),則在目標區域繪制焦點框的
時,將焦點框繪制成三角形。

通過本申請實施例2提供的上述方法可知,該方法通過對焦點(或焦點框)
的運動趨勢信息進行計算,可以預測出焦點(或焦點框)將要移動到的目標位
置,進而可以在目標位置對焦點框(或焦)點進行繪制,降低了第二界面元素
移動的滯后性,從而避免了因為用戶的重復移動操作而導致的不必要的處理資
源浪費,提高了系統的運行效率。

實施例3

本申請實施例提供一種界面元素的繪制裝置,用于解決現有技術中對界面
元素進行移動時出現的滯后問題。該裝置的具體實現流程示意圖如圖4所示,
主要包括運動趨勢信息獲取單元31、目標位置預測單元32以及繪制單元33。

其中運動趨勢信息獲取單元,用于獲取表征第一界面元素運動趨勢的信
息;

目標位置預測單元,用于根據所述信息,預測第一界面元素將要移動到的
目標位置;

繪制單元,用于在根據所述目標位置確定出的第二界面元素繪制位置繪制
第二界面元素。

在一種實施方式中,繪制單元,用于:在特定時刻,根據所述目標位置繪
制第二界面元素。

在一種實施方式中,所述特定時刻不晚于第一界面元素移動到所述目標位
置的時刻。

在一種實施方式中,繪制單元,用于:根據所述目標位置和設定的距離閾
值,確定第一繪制位置;并在所述特定時刻,在第一繪制位置繪制第二界面元
素;或根據所述目標位置,判斷第一界面元素在所述特定時刻是否移動到了第
二界面元素當前占據的顯示區域外;根據判斷結果,確定第二繪制位置;并在
所述特定時刻,在第二繪制位置繪制第二界面元素。

在一種實施方式中,繪制單元,用于:在所述目標位置與第二界面元素當
前的位置參數表示的位置之間的距離,小于設定的距離閾值時,在第一界面元
素移動到所述目標位置的時刻,在第二界面元素當前的位置參數表示的位置繪
制第二界面元素;在所述目標位置與第二界面元素當前的位置參數表示的位置
之間的距離,不小于設定的距離閾值時,在第一界面元素移動到所述目標位置
的時刻,在所述目標位置繪制第二界面元素。

在一種實施方式中,繪制單元,用于:在所述目標位置與第二界面元素當
前的位置參數表示的位置之間的距離,不小于設定的距離閾值時,在第一界面
元素移動到所述目標位置的時刻,在所述目標位置繪制第二界面元素。

在一種實施方式中,繪制單元,用于:獲取在所述特定時刻處于所述目標
位置的第三界面元素的特征;根據所述特征,繪制第二界面元素。

在一種實施方式中,所述的特征包括下述至少一種:顏色、尺寸、動畫效
果、形狀等。

在一種實施方式中,運動趨勢信息獲取單元,用于:在收到第一界面元素
位置變化觸發指令后,獲取表征第一界面元素運動趨勢的信息;或按照預設的
位置參數采樣周期,獲取表征第一界面元素運動趨勢的信息。

在一種實施方式中,運動趨勢信息獲取單元,用于:按照預設的位置參數
采樣周期,獲取表征第一界面元素運動趨勢的信息。

在一種實施方式中,所述表征第一界面元素運動趨勢的信息,包括:第一
界面元素的移動速度和移動方向。

在一種實施方式中,運動趨勢信息獲取單元,用于:獲取第一界面元素的
至少兩個位置參數,以及第一界面元素位于所述兩個位置參數分別表示的位置
時的時刻;根據所述至少兩個位置參數,確定第一界面元素的移動方向;根據
所述至少兩個位置參數,以及第一界面元素位于所述兩個位置參數分別表示的
位置時的時刻,確定第一界面元素的移動速度。

在一種實施方式中,目標位置預測單元,用于:根據顯示界面的繪制周期、
所述移動速度和移動方向,預測第一界面元素將要移動到的目標位置。

采用本申請實施例3提供的上述裝置,由于運用目標位置預測單元對第一
界面元素的運動趨勢信息進行計算,可以預測出第一界面元素將要移動到的目
標位置,進而可以在第一界面元素移動到所述目標位置的時刻,在目標位置對
第二界面元素進行繪制,降低了第二界面元素移動的滯后性,從而避免了因為
用戶的重復移動操作,減少了系統資源的占用,提高了系統的運行效率。

本領域內的技術人員應明白,本發明的實施例可提供為方法、系統、或計
算機程序產品。因此,本發明可采用完全硬件實施例、完全軟件實施例、或結
合軟件和硬件方面的實施例的形式。而且,本發明可采用在一個或多個其中包
含有計算機可用程序代碼的計算機可用存儲介質(包括但不限于磁盤存儲器、
CD-ROM、光學存儲器等)上實施的計算機程序產品的形式。

本發明是參照根據本發明實施例的方法、設備(系統)、和計算機程序產
品的流程圖和/或方框圖來描述的。應理解可由計算機程序指令實現流程圖和
/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/
或方框的結合。可提供這些計算機程序指令到通用計算機、專用計算機、嵌入
式處理機或其他可編程數據處理設備的處理器以產生一個機器,使得通過計算
機或其他可編程數據處理設備的處理器執行的指令產生用于實現在流程圖一
個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的裝置。

這些計算機程序指令也可存儲在能引導計算機或其他可編程數據處理設
備以特定方式工作的計算機可讀存儲器中,使得存儲在該計算機可讀存儲器中
的指令產生包括指令裝置的制造品,該指令裝置實現在流程圖一個流程或多個
流程和/或方框圖一個方框或多個方框中指定的功能。

這些計算機程序指令也可裝載到計算機或其他可編程數據處理設備上,使
得在計算機或其他可編程設備上執行一系列操作步驟以產生計算機實現的處
理,從而在計算機或其他可編程設備上執行的指令提供用于實現在流程圖一個
流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的步驟。

在一個典型的配置中,計算設備包括一個或多個處理器(CPU)、輸入/輸
出接口、網絡接口和內存。

內存可能包括計算機可讀介質中的非永久性存儲器,隨機存取存儲器
(RAM)和/或非易失性內存等形式,如只讀存儲器(ROM)或閃存(flash RAM)。
內存是計算機可讀介質的示例。

計算機可讀介質包括永久性和非永久性、可移動和非可移動媒體可以由任
何方法或技術來實現信息存儲。信息可以是計算機可讀指令、數據結構、程序
的模塊或其他數據。計算機的存儲介質的例子包括,但不限于相變內存
(PRAM)、靜態隨機存取存儲器(SRAM)、動態隨機存取存儲器(DRAM)、其
他類型的隨機存取存儲器(RAM)、只讀存儲器(ROM)、電可擦除可編程只讀
存儲器(EEPROM)、快閃記憶體或其他內存技術、只讀光盤只讀存儲器
(CD-ROM)、數字多功能光盤(DVD)或其他光學存儲、磁盒式磁帶,磁帶磁
磁盤存儲或其他磁性存儲設備或任何其他非傳輸介質,可用于存儲可以被計算
設備訪問的信息。按照本文中的界定,計算機可讀介質不包括暫存電腦可讀媒
體(transitory media),如調制的數據信號和載波。

還需要說明的是,術語“包括”、“包含”或者其任何其他變體意在涵蓋非
排他性的包含,從而使得包括一系列要素的過程、方法、商品或者設備不僅包
括那些要素,而且還包括沒有明確列出的其他要素,或者是還包括為這種過程、
方法、商品或者設備所固有的要素。在沒有更多限制的情況下,由語句“包括
一個……”限定的要素,并不排除在包括所述要素的過程、方法、商品或者設
備中還存在另外的相同要素。

本領域技術人員應明白,本申請的實施例可提供為方法、系統或計算機程
序產品。因此,本申請可采用完全硬件實施例、完全軟件實施例或結合軟件和
硬件方面的實施例的形式。而且,本申請可采用在一個或多個其中包含有計算
機可用程序代碼的計算機可用存儲介質(包括但不限于磁盤存儲器、CD-ROM、
光學存儲器等)上實施的計算機程序產品的形式。

以上所述僅為本申請的實施例而已,并不用于限制本申請。對于本領域技
術人員來說,本申請可以有各種更改和變化。凡在本申請的精神和原理之內所
作的任何修改、等同替換、改進等,均應包含在本申請的權利要求范圍之內。

關 鍵 詞:
一種 界面 元素 繪制 方法 裝置
  專利查詢網所有資源均是用戶自行上傳分享,僅供網友學習交流,未經上傳用戶書面授權,請勿作他用。
關于本文
本文標題:一種界面元素的繪制方法及裝置.pdf
鏈接地址:http://www.rgyfuv.icu/p-6100534.html
關于我們 - 網站聲明 - 網站地圖 - 資源地圖 - 友情鏈接 - 網站客服客服 - 聯系我們

[email protected] 2017-2018 zhuanlichaxun.net網站版權所有
經營許可證編號:粵ICP備17046363號-1 
 


收起
展開
山东11选5中奖结果走势图