[發(fā)明專利]一種web頁面焦點(diǎn)控制方法

有效

• 申請?zhí)枺?/td>: 201310190837.2
• 申請日: 2013-05-22
• 公開（公告）號: CN103297854B
• 公開（公告）日: 2017-12-08
• 發(fā)明（設(shè)計(jì)）人: 徐維麟;白德鑫;孟大巍;姚曉鵬
• 申請（專利權(quán)）人: 樂視致新電子科技（天津）有限公司
• 主分類號: H04N21/47
• 分類號: H04N21/47;H04N21/472;G06F3/0483
• 代理公司: 北京馳納智財(cái)知識產(chǎn)權(quán)代理事務(wù)所(普通合伙)11367
• 代理人: 謝亮,唐與芬

1.一種web頁面焦點(diǎn)控制方法，包括以下步驟：

步驟100：對顯示界面進(jìn)行分區(qū)；

步驟200：通過輸入設(shè)備在顯示界面中移動(dòng)的坐標(biāo)判斷當(dāng)前焦點(diǎn)所在的區(qū)域，根據(jù)各區(qū)域的信息對當(dāng)前焦點(diǎn)進(jìn)行顯示，

其中，所述區(qū)域具有唯一的功能標(biāo)記，所述區(qū)域中包括一個(gè)或多個(gè)顯示元素，顯示元素包括按鈕、文本框、圖片、圖標(biāo)、動(dòng)畫，另外，對各區(qū)域進(jìn)行標(biāo)識，標(biāo)識方式為{(坐標(biāo)1，坐標(biāo)2，...坐標(biāo)n)；功能標(biāo)記}；

步驟300：通過激活區(qū)域中焦點(diǎn)而觸發(fā)事件;

所述步驟200進(jìn)一步包括：

步驟210：對當(dāng)前的焦點(diǎn)區(qū)域進(jìn)行區(qū)別于非焦點(diǎn)區(qū)域的標(biāo)識，

采用一個(gè)特定選區(qū)漂浮框表示當(dāng)前的焦點(diǎn)選擇，通過采用級聯(lián)樣式表畫出漂浮框，并單獨(dú)定義漂浮框的樣式，所述漂浮框的樣式包括顏色、圓角形式、發(fā)光顯示，其中，所述漂浮框的顏色、圓角形式、發(fā)光顯示可根據(jù)個(gè)人不同的喜好進(jìn)行設(shè)置；

步驟220：為步驟210中所述的焦點(diǎn)區(qū)域添加顯示方式，

通過JS模塊來實(shí)現(xiàn)不同的顯示效果的疊加，每一個(gè)顯示效果都對應(yīng)于一個(gè)處理JS模塊，

包括五個(gè)所述處理JS模塊，其中：

第一處理模塊用于處理web應(yīng)用與機(jī)頂盒的相關(guān)配置開關(guān)的問題；

第二處理模塊用于處理web應(yīng)用按鍵處理問題；

第三處理模塊用于處理web應(yīng)用瀏覽器適配問題；

第四處理模塊用于處理web應(yīng)用遙控懸浮框效果；

第五處理模塊用于處理web應(yīng)用數(shù)據(jù)分頁問題；

步驟230：判斷焦點(diǎn)是否在相同區(qū)域中的元素之間切換，其切換的方式為：步驟231：焦點(diǎn)在區(qū)域中移動(dòng)時(shí)，根據(jù)移動(dòng)的方向和顯示元素坐標(biāo)判斷是否是區(qū)域內(nèi)移動(dòng)，還是區(qū)域外移動(dòng)；步驟232：計(jì)算當(dāng)前元素的坐標(biāo)是否為邊緣坐標(biāo)，判斷焦點(diǎn)移動(dòng)的方向是否為邊緣坐標(biāo)之外的坐標(biāo)，根據(jù)移動(dòng)方向判斷是否移動(dòng)至其他的區(qū)域中；

在執(zhí)行步驟230中，當(dāng)焦點(diǎn)在相同區(qū)域中的元素之間切換時(shí)，流程進(jìn)入到步驟241；當(dāng)焦點(diǎn)在不同區(qū)域中的元素之間切換，流程進(jìn)入到步驟242；

其中，步驟241：當(dāng)焦點(diǎn)在相同區(qū)域中的元素之間切換的時(shí)候，采用同樣大小的邊框來回覆蓋相應(yīng)元素，并邊框上產(chǎn)生一個(gè)行走的動(dòng)畫；步驟242：焦點(diǎn)移動(dòng)到不同的區(qū)域時(shí)，根據(jù)移動(dòng)的坐標(biāo)判斷當(dāng)前焦點(diǎn)所在的功能區(qū)域，根據(jù)該功能區(qū)域選擇適應(yīng)該區(qū)域的顯示方式。

2.如權(quán)利要求1所述的web頁面焦點(diǎn)控制方法，其特征在于：所述步驟100中分區(qū)的方式：預(yù)先設(shè)定每一個(gè)區(qū)域的固定尺寸和位置，每一區(qū)域的位置相對于顯示界面固定；或者相對于顯示界面總體尺寸而言，每一區(qū)域具有固定比例的尺寸。

3.如權(quán)利要求1所述的web頁面焦點(diǎn)控制方法，其特征在于：所述步驟100中分區(qū)的方式：在生成或者顯示所述顯示界面時(shí)，預(yù)先獲得要?jiǎng)澐值膮^(qū)域的數(shù)量，在創(chuàng)建所述顯示界面或者顯示所述顯示界面時(shí)，對所述顯示界面進(jìn)行區(qū)域劃分。

4.如權(quán)利要求1所述的web頁面焦點(diǎn)控制方法，其特征在于：所述顯示界面、所述區(qū)域是矩形、圓形、橢圓形中的一種或多種的組合。