一種魚眼菜單的顯示控制方法
【專利摘要】本發(fā)明公開了一種魚眼菜單的顯示控制方法，包括：對(duì)菜單項(xiàng)進(jìn)行初始化；在顯示屏幕上移動(dòng)魚眼菜單的目標(biāo)視點(diǎn)位置；所述目標(biāo)視點(diǎn)所在的平面與所述菜單項(xiàng)所在的平面平行；每個(gè)所述菜單項(xiàng)上方垂直設(shè)置有一個(gè)視點(diǎn)；各個(gè)視點(diǎn)與所述目標(biāo)視點(diǎn)設(shè)置在同一平面上；通過調(diào)整目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的垂直距離，獲得目標(biāo)魚眼菜單。本發(fā)明提供的魚眼菜單的顯示控制方法，可以輸出簡單、流暢、直觀的魚眼視覺效果，降低用戶的認(rèn)知代價(jià)并且提高數(shù)據(jù)在信息空間的導(dǎo)航性能，可以通過多幀圖像控制，以及根據(jù)觸點(diǎn)與按下點(diǎn)之間的距離，對(duì)視點(diǎn)移動(dòng)和菜單項(xiàng)的移動(dòng)進(jìn)行左右移動(dòng)以及微步調(diào)整，實(shí)現(xiàn)對(duì)視點(diǎn)和菜單項(xiàng)的有效控制。
【專利說明】
一種魚眼菜單的顯示控制方法
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及視圖顯示技術(shù)領(lǐng)域，尤其涉及一種魚眼菜單的顯示控制方法。
【背景技術(shù)】
[0002]目前，大多數(shù)電子設(shè)備用戶正面臨著擁有太多的數(shù)據(jù)而無法顯示在相對(duì)較小的屏幕上的困難。如何降低信息訪問代價(jià)，使用戶能夠在盡量短的時(shí)間內(nèi)獲取最大量的信息，是當(dāng)前視圖顯示技術(shù)領(lǐng)域需要解決的重大問題。
[0003]傳統(tǒng)的視圖顯示技術(shù)有滾動(dòng)、縮放等技術(shù)手段。其中，滾動(dòng)是將數(shù)據(jù)滾入和滾出可見區(qū)域，但是在滾動(dòng)機(jī)制下，文檔或圖片的絕大部分是被隱藏起來的，用戶無法獲得足夠的上下文信息或全局信息；縮放是在一個(gè)固定尺寸的窗口內(nèi)將一個(gè)二維圖形組件放大，以達(dá)到觀察更多局部細(xì)節(jié)的目的，但是當(dāng)放大后卻失去了概貌，使得用戶需要通過頻繁地移動(dòng)和縮放來瀏覽整個(gè)視圖。
[0004]而且，目前車載系統(tǒng)一般僅采用平鋪菜單，使用高亮來突出顯示選中效果。此類設(shè)計(jì)的不足之處主要為:當(dāng)菜單較多的時(shí)候需要采用翻頁處理，操作頻繁，直觀性和用戶體驗(yàn)較差。
[0005]現(xiàn)有技術(shù)中也出現(xiàn)了魚眼視圖技術(shù)，其通過對(duì)視圖中焦點(diǎn)處的信息和上下文的信息進(jìn)行適當(dāng)?shù)目s放處理，優(yōu)化視圖空間的配置，將用戶感興趣的信息點(diǎn)放大至易于閱讀的程度，而暫時(shí)不感興趣的信息點(diǎn)被適當(dāng)壓縮，這樣可以大大降低用戶的認(rèn)知代價(jià)并且使得在信息空間的導(dǎo)航變得更加容易。
[0006]但是，普通的魚眼視圖存在一個(gè)固有的缺陷，即視點(diǎn)定標(biāo)困難。微小的移動(dòng)就會(huì)導(dǎo)致視點(diǎn)的變化，使得用戶比較難以選中目標(biāo)項(xiàng)，也會(huì)導(dǎo)致視覺上的不連續(xù);而且，傳統(tǒng)的魚眼視圖技術(shù)通常僅可應(yīng)用至數(shù)據(jù)量較小的菜單顯示中，難以顯示長數(shù)據(jù)表或圖片菜單，使用戶很難瀏覽可能超出設(shè)備的顯示屏幕的當(dāng)前查看區(qū)域的大數(shù)據(jù)表，嚴(yán)重限制了魚眼菜單的可用性，用戶體驗(yàn)較差。

【發(fā)明內(nèi)容】

[0007]本發(fā)明所要解決的技術(shù)問題是，提供一種魚眼菜單的顯示控制方法，通過調(diào)整各個(gè)菜單項(xiàng)及其對(duì)應(yīng)的視點(diǎn)的運(yùn)動(dòng)軌跡，輸出簡單、流暢、直觀的視覺效果，降低用戶的認(rèn)知代價(jià)并且提高數(shù)據(jù)在信息空間的導(dǎo)航性能。
[0008]為解決以上技術(shù)問題，本發(fā)明實(shí)施例提供一種魚眼菜單的顯示控制方法，包括:
[0009]對(duì)菜單項(xiàng)進(jìn)行初始化；
[0010]在顯示屏幕上移動(dòng)魚眼菜單的目標(biāo)視點(diǎn)位置;所述目標(biāo)視點(diǎn)所在的平面與所述菜單項(xiàng)所在的平面平行;每個(gè)所述菜單項(xiàng)上方垂直設(shè)置有一個(gè)視點(diǎn)；各個(gè)視點(diǎn)與所述目標(biāo)視點(diǎn)設(shè)置在同一平面上；
[0011 ]通過調(diào)整目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的垂直距離，獲得目標(biāo)魚眼菜單。
[0012]優(yōu)選地，所述對(duì)菜單項(xiàng)進(jìn)行初始化，具體包括:
[0013]將所述菜單項(xiàng)按順序平鋪在顯示屏幕的同一平面上，并將所述菜單項(xiàng)的資源圖片渲染至平面上對(duì)應(yīng)的顯示區(qū)域;其中，兩個(gè)相鄰菜單項(xiàng)之間的間隔設(shè)置為G像素;所述顯示屏幕的分辨率為a X b像素;每個(gè)菜單項(xiàng)為m X η像素;參數(shù)a和參數(shù)m為橫向像素值;參數(shù)b和參數(shù)η為縱向像素值。
[0014]所述目標(biāo)視點(diǎn)與各個(gè)所述菜單項(xiàng)所在平面的垂直交點(diǎn)為所述目標(biāo)菜單項(xiàng)的所在位置。
[0015]在一種可實(shí)現(xiàn)的方式中，所述通過調(diào)整目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的垂直距離，獲得目標(biāo)魚眼菜單，包括:
[0016]所述目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的最大位移量為Vclffse3t個(gè)像素:
[0017]Vof f set=MaxVD- (MaxVD^m/ (m+2*G))
[0018]其中:
[0019]MaxVD = cot(A/2)*(m/2+G)
[0020]參數(shù)MaxVD為所述目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的最大垂直距離;參數(shù)m為目標(biāo)菜單項(xiàng)的橫向像素值;參數(shù)G為兩個(gè)相鄰菜單項(xiàng)之間的間隔像素值;參數(shù)A為所述目標(biāo)視點(diǎn)在顯示屏幕上的可視角度。
[0021]優(yōu)選地，所述調(diào)整各個(gè)菜單項(xiàng)及其對(duì)應(yīng)的視點(diǎn)的運(yùn)動(dòng)軌跡，包括:采用觸摸屏、旋鈕或五向按鍵中的一項(xiàng)或多項(xiàng)組合，將待顯示的菜單項(xiàng)調(diào)整為目標(biāo)菜單項(xiàng)，且將待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)調(diào)整為目標(biāo)視點(diǎn)。
[0022]優(yōu)選地，所述將待顯示的菜單項(xiàng)調(diào)整為目標(biāo)菜單項(xiàng)，且將待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)調(diào)整為目標(biāo)視點(diǎn)，包括:
[0023]通過控制觸摸屏移動(dòng)觸點(diǎn)位置，實(shí)時(shí)生成待顯示菜單項(xiàng)的位置;檢測出在觸摸屏上移動(dòng)的觸點(diǎn)與按下點(diǎn)之間的水平距離為D像素;在待顯示菜單項(xiàng)調(diào)整為所述目標(biāo)菜單項(xiàng)后，將待顯示菜單項(xiàng)向靠近所述目標(biāo)視點(diǎn)方向移動(dòng)VciffsetA (m+G)*D)個(gè)像素，同時(shí)將待顯示菜單項(xiàng)兩側(cè)的菜單項(xiàng)向遠(yuǎn)離所述目標(biāo)視點(diǎn)方向移動(dòng)Voffset/Gm+GhD)個(gè)像素;其中，Vciffset為所述目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的最大位移量，m為目標(biāo)菜單項(xiàng)的橫向像素值，G為兩個(gè)相鄰菜單項(xiàng)之間的間隔像素值。
[0024]進(jìn)一步地，所述將待顯示的菜單項(xiàng)調(diào)整為目標(biāo)菜單項(xiàng)，且將待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)調(diào)整為目標(biāo)視點(diǎn)，還包括:
[0025]采用N幀圖像將待顯示菜單項(xiàng)對(duì)應(yīng)的視點(diǎn)向靠近所述目標(biāo)視點(diǎn)方向移動(dòng)，采用N幀圖像將待顯示菜單項(xiàng)兩側(cè)的菜單項(xiàng)對(duì)應(yīng)的視點(diǎn)向遠(yuǎn)離所述目標(biāo)視點(diǎn)方向移動(dòng);其中，每幀圖像移動(dòng)VclffsJ(N-1)個(gè)像素，每幀圖像移動(dòng)的間隔時(shí)間為M毫秒，Vciffse3t為所述目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的最大位移量，N多2，M多O。
[0026]再進(jìn)一步地，所述魚眼菜單的顯示控制方法還包括:
[0027]檢測待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)的位置;當(dāng)待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)的位置在兩個(gè)菜單項(xiàng)之間的正上方時(shí)，比較當(dāng)前視點(diǎn)與相鄰菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)之間的距離值;采用插值動(dòng)畫將當(dāng)前視點(diǎn)向距離最近的菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)移動(dòng)。
[0028]再進(jìn)一步地，所述魚眼菜單的顯示控制方法還包括:
[0029]當(dāng)用戶使用觸摸屏將觸點(diǎn)滑動(dòng)到菜單項(xiàng)的邊緣時(shí)，菜單項(xiàng)所在平面越過顯示屏幕的邊際部分；當(dāng)觸點(diǎn)離開顯示屏幕后，將顯示屏幕邊緣位置上的菜單項(xiàng)設(shè)置為魚眼菜單，并設(shè)置為尚殼狀態(tài)。
[0030]優(yōu)選地，所述魚眼菜單的顯示控制方法用于車載系統(tǒng)的菜單顯示。
[0031]本發(fā)明實(shí)施例提供的魚眼菜單的顯示控制方法，通過對(duì)菜單項(xiàng)進(jìn)行初始化，將所述菜單項(xiàng)按順序平鋪在顯示屏幕的同一平面上，并將菜單項(xiàng)的資源圖片渲染至平面上對(duì)應(yīng)的顯示區(qū)域，并為每個(gè)所述菜單項(xiàng)上方垂直設(shè)置一個(gè)視點(diǎn)，將各個(gè)視點(diǎn)以及目標(biāo)視點(diǎn)設(shè)置在與所述菜單項(xiàng)所在的平面平行的另一個(gè)平面上，通過調(diào)整各個(gè)菜單項(xiàng)及其對(duì)應(yīng)的視點(diǎn)的運(yùn)動(dòng)軌跡，調(diào)整目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的垂直距離，將相應(yīng)的菜單項(xiàng)切換為所述目標(biāo)菜單項(xiàng)，以及，將菜單項(xiàng)對(duì)應(yīng)的視點(diǎn)切換為所述目標(biāo)視點(diǎn)，從而輸出簡單、流暢、直觀的魚眼視覺效果，降低用戶的認(rèn)知代價(jià)并且提高數(shù)據(jù)在信息空間的導(dǎo)航性能。進(jìn)一步地，可以通過多幀圖像控制，以及根據(jù)觸點(diǎn)與按下點(diǎn)之間的距離，對(duì)視點(diǎn)移動(dòng)和菜單項(xiàng)的移動(dòng)進(jìn)行左右移動(dòng)以及微步調(diào)整，實(shí)現(xiàn)對(duì)視點(diǎn)和菜單項(xiàng)的有效控制。
[0032]此外，本發(fā)明實(shí)施例可以采用多種HID(Human Interface Device，人機(jī)界面裝置)設(shè)備輸入鼠標(biāo)信息或鍵盤信息。當(dāng)使用觸摸屏將菜單項(xiàng)滑動(dòng)至顯示屏幕邊緣時(shí)，允許用戶使用觸摸屏將菜單項(xiàng)滑動(dòng)到越過邊際部分，在用戶手指離開屏幕后越過屏幕邊際的菜單項(xiàng)將完整返回到顯示屏幕的邊緣，并顯示為高亮狀態(tài)，因此在用戶的角度看來，菜單項(xiàng)的移動(dòng)是任意的，不受顯示屏幕的限制，改善了用戶體驗(yàn)。
【附圖說明】
[0033]圖1是本發(fā)明提供的魚眼菜單的顯示控制方法的一個(gè)實(shí)施例的步驟流程圖。
[0034]圖2是本發(fā)明提供的對(duì)菜單項(xiàng)進(jìn)行初始化的一種坐標(biāo)示意圖。
[0035]圖3是本發(fā)明提供的目標(biāo)菜單項(xiàng)與目標(biāo)視點(diǎn)之間的位置關(guān)系圖。
[0036]圖4是本發(fā)明提供的一種顯示設(shè)備對(duì)菜單項(xiàng)初始化后的屏幕顯示圖。
[0037]圖5是本發(fā)明提供的魚眼菜單項(xiàng)右移的一種運(yùn)動(dòng)軌跡示意圖。
[0038]圖6是本發(fā)明提供的魚眼菜單項(xiàng)在顯示屏幕上右移后的一種控制示意圖；其中，圖6(a)是魚眼菜單項(xiàng)右移后在顯示屏幕上的一種畫面示意圖；圖6(b)是分別采用觸摸屏、旋鈕以及按鍵控制魚眼菜單項(xiàng)右移的一種控制示意圖。
[0039]圖7是本發(fā)明提供的將菜單項(xiàng)滑動(dòng)至顯示屏幕左側(cè)邊緣的一種畫面顯示圖。
[0040]圖8是本發(fā)明提供的魚眼菜單項(xiàng)左移的一種運(yùn)動(dòng)軌跡示意圖。
[0041]圖9是本發(fā)明提供的魚眼菜單項(xiàng)在顯示屏幕上左移后的一種控制示意圖；其中，圖9(a)是魚眼菜單項(xiàng)左移后在顯示屏幕上的一種畫面示意圖；圖9(b)是分別采用觸摸屏、旋鈕以及按鍵控制魚眼菜單項(xiàng)左移的一種控制示意圖。
[0042]圖10是本發(fā)明提供的將菜單項(xiàng)滑動(dòng)至顯示屏幕右側(cè)邊緣的一種畫面顯示圖。
【具體實(shí)施方式】
[0043]下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述。
[0044]參見圖1，是本發(fā)明提供的魚眼菜單的顯示控制方法的一個(gè)實(shí)施例的步驟流程圖。
[0045]本實(shí)施例提供的魚眼菜單的顯示控制方法，主要包括以下步驟:
[0046]步驟S1:對(duì)菜單項(xiàng)進(jìn)行初始化；
[0047]步驟S2:在顯示屏幕上移動(dòng)魚眼菜單的目標(biāo)視點(diǎn)位置;所述目標(biāo)視點(diǎn)所在的平面與所述菜單項(xiàng)所在的平面平行;每個(gè)所述菜單項(xiàng)上方垂直設(shè)置有一個(gè)視點(diǎn)；各個(gè)視點(diǎn)與所述目標(biāo)視點(diǎn)設(shè)置在同一平面上。視點(diǎn)是3D(三維)場景中相對(duì)于人眼的對(duì)象，即以視點(diǎn)為中心，將3D場景中的物體投影進(jìn)來生成2D(二維)圖像輸出。
[0048]步驟S3:通過調(diào)整目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的垂直距離，獲得目標(biāo)魚眼菜單。
[0049]參見圖2，是本發(fā)明提供的對(duì)菜單項(xiàng)進(jìn)行初始化的一種坐標(biāo)示意圖。參見圖3，是本發(fā)明提供的目標(biāo)菜單項(xiàng)與目標(biāo)視點(diǎn)之間的位置關(guān)系圖。
[0050]優(yōu)選地，如圖2所示，所述步驟SI對(duì)菜單項(xiàng)進(jìn)行初始化時(shí)，具體包括:將所述菜單項(xiàng)按順序平鋪在顯示屏幕的同一平面上，并將所述菜單項(xiàng)的資源圖片渲染至平面上對(duì)應(yīng)的顯示區(qū)域;其中，所述顯示屏幕的分辨率為aXb像素(Pixel);每個(gè)菜單項(xiàng)為mXn像素;參數(shù)a和參數(shù)m為橫向像素值;參數(shù)b和參數(shù)η為縱向像素值;兩個(gè)相鄰菜單項(xiàng)之間的間隔設(shè)置為G像素。具體實(shí)施時(shí)，設(shè)備的顯示屏幕上設(shè)有多個(gè)顯示區(qū)域，每個(gè)顯示區(qū)域?qū)?yīng)映射一張菜單項(xiàng)的資源圖片，并可以根據(jù)設(shè)備的顯示參數(shù)對(duì)資源圖片進(jìn)行縮放、拉伸、旋轉(zhuǎn)等處理。如圖3所示，所述目標(biāo)視點(diǎn)與各個(gè)所述菜單項(xiàng)所在平面的垂直交點(diǎn)為所述目標(biāo)菜單項(xiàng)的所在位置，并通過調(diào)整目標(biāo)菜單項(xiàng)與目標(biāo)視點(diǎn)之間的垂直距離，獲得目標(biāo)魚眼菜單。
[0051]此外，當(dāng)菜單項(xiàng)的數(shù)目k為奇數(shù)時(shí)，初始化目標(biāo)菜單項(xiàng)為第[(k+l)/2]項(xiàng)菜單，并設(shè)置為高亮狀態(tài);當(dāng)菜單項(xiàng)的數(shù)目k為偶數(shù)時(shí)，初始化目標(biāo)菜單項(xiàng)為第(k/2)項(xiàng)菜單，并設(shè)置為尚殼狀態(tài)。
[0052]如圖4所示，是本發(fā)明提供的一種顯示設(shè)備對(duì)菜單項(xiàng)初始化后的屏幕顯示圖。假設(shè)菜單項(xiàng)的數(shù)目k = 5，則在對(duì)菜單項(xiàng)進(jìn)行初始化時(shí)，將第三項(xiàng)菜單(菜單項(xiàng)3)默認(rèn)為魚眼菜單項(xiàng)，并設(shè)置為尚殼狀態(tài)。
[0053]當(dāng)用戶的興趣轉(zhuǎn)移到屏幕上其它菜單項(xiàng)時(shí)，通過改變目標(biāo)菜單項(xiàng)和目標(biāo)視點(diǎn)的位置，其他菜單項(xiàng)隨之移動(dòng)，并調(diào)整目標(biāo)菜單項(xiàng)與目標(biāo)視點(diǎn)之間的垂直距離，將用戶感興趣的目標(biāo)菜單項(xiàng)設(shè)置為魚眼菜單項(xiàng)并在顯示屏幕上將其設(shè)置為高亮狀態(tài)和/或放大狀態(tài)，而原來的(前一個(gè))目標(biāo)菜單項(xiàng)則將會(huì)被取消高亮狀態(tài)和/或被壓縮。
[0054]具體實(shí)施時(shí)，如圖2和圖3所示，所述步驟S3中包括:所述目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的最大位移量為Vrffset個(gè)像素:
[0055]Voffset=MaxVD-(MaxVD*m/ (m+2*G))(I)
[0056]其中:
[0057]MaxVD = cot(A/2)*(m/2+G)(2)
[0058]在上式(I)和(2)中，參數(shù)MaxVD為所述目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的最大垂直距離(像素值)；參數(shù)A為所述目標(biāo)視點(diǎn)在顯示屏幕上的可視角度。此外，與上文定義相同，參數(shù)m為目標(biāo)菜單項(xiàng)(以及其他菜單項(xiàng))的橫向像素值;參數(shù)G為兩個(gè)相鄰菜單項(xiàng)之間的間隔像素值;符號(hào)“cot”為余切運(yùn)算符號(hào)。
[0059]通過調(diào)整各個(gè)菜單項(xiàng)及其對(duì)應(yīng)的視點(diǎn)的運(yùn)動(dòng)軌跡，將相應(yīng)的菜單項(xiàng)切換為所述目標(biāo)菜單項(xiàng)，以及，將菜單項(xiàng)對(duì)應(yīng)的視點(diǎn)切換為所述目標(biāo)視點(diǎn)，可以將顯示屏幕上的各個(gè)菜單項(xiàng)切換為魚眼菜單項(xiàng)。
[0060]具體實(shí)施時(shí)，在調(diào)整各個(gè)菜單項(xiàng)及其對(duì)應(yīng)的視點(diǎn)的運(yùn)動(dòng)軌跡時(shí)，優(yōu)選采用觸摸屏、旋鈕或五向按鍵中的一項(xiàng)或多項(xiàng)組合，將待顯示的菜單項(xiàng)調(diào)整為目標(biāo)菜單項(xiàng)，且將待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)調(diào)整為目標(biāo)視點(diǎn)。需要說明的是，本領(lǐng)域技術(shù)人員還可以采用其他HID人機(jī)界面裝置輸入顯示設(shè)備的鼠標(biāo)信息、鍵盤信息等。
[0061]其中，觸摸屏包括觸摸檢測部件和觸摸屏控制器。觸摸檢測部件安裝在顯示器屏幕前面，用于檢測用戶觸摸位置，形成觸摸點(diǎn)(簡稱為觸點(diǎn))；而觸摸屏控制器的主要作用是從觸摸點(diǎn)檢測裝置上接收觸摸信息，并將它轉(zhuǎn)換成觸點(diǎn)坐標(biāo)，再發(fā)送至后臺(tái)處理。當(dāng)用戶在某個(gè)觸點(diǎn)位置按下時(shí)，則形成按下點(diǎn)及其坐標(biāo)，以觸發(fā)控制器產(chǎn)生相應(yīng)的指令。
[0062]具體實(shí)施時(shí)，在將待顯示的菜單項(xiàng)調(diào)整為目標(biāo)菜單項(xiàng)，且將待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)調(diào)整為目標(biāo)視點(diǎn)時(shí)，包括:
[0063](I)觸摸點(diǎn)向右滑動(dòng)，旋鈕向左旋轉(zhuǎn)或按向左鍵之后，使得目標(biāo)視點(diǎn)左移，從而將待顯示的菜單項(xiàng)調(diào)整為目標(biāo)菜單項(xiàng)，繼而通過調(diào)整目標(biāo)菜單項(xiàng)與目標(biāo)視點(diǎn)之間的垂直距離而成為魚眼菜單項(xiàng)；
[0064](2)觸摸點(diǎn)向左滑動(dòng)，旋鈕向右旋轉(zhuǎn)或按向右鍵之后，使得目標(biāo)視點(diǎn)右移，從而將待顯示的菜單項(xiàng)調(diào)整為目標(biāo)菜單項(xiàng)，繼而通過調(diào)整目標(biāo)菜單項(xiàng)與目標(biāo)視點(diǎn)之間的垂直距離而成為魚眼菜單項(xiàng)。
[0065]優(yōu)選地，采用N幀圖像將待顯示菜單項(xiàng)對(duì)應(yīng)的視點(diǎn)向靠近所述目標(biāo)視點(diǎn)方向移動(dòng)，采用N幀圖像將待顯示菜單項(xiàng)兩側(cè)的菜單項(xiàng)對(duì)應(yīng)的視點(diǎn)向遠(yuǎn)離所述目標(biāo)視點(diǎn)方向移動(dòng)；其他菜單項(xiàng)可以根據(jù)它們到目標(biāo)菜單項(xiàng)的水平距離，不同程度地減少菜單項(xiàng)的顯示尺寸。其中，每幀圖像移動(dòng)VciffsJ(N-1)個(gè)像素，每幀圖像移動(dòng)的間隔時(shí)間為M毫秒，Vciffse3t為所述目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的最大位移量，N多2，M>0，則在大約M*N毫秒內(nèi)將會(huì)完成此菜單切換的動(dòng)畫過程。
[0066]如圖5所示，是本發(fā)明提供的魚眼菜單項(xiàng)右移的一種運(yùn)動(dòng)軌跡示意圖。參看圖6，是本發(fā)明提供的魚眼菜單項(xiàng)在顯示屏幕上右移后的一種控制示意圖。其中，圖6(a)是魚眼菜單項(xiàng)右移后在顯示屏幕上的一種畫面示意圖；圖6(b)是分別采用觸摸屏、旋鈕以及按鍵控制魚眼菜單項(xiàng)右移的一種控制示意圖。
[0067]以觸摸屏調(diào)整各個(gè)菜單項(xiàng)及其對(duì)應(yīng)的視點(diǎn)的運(yùn)動(dòng)軌跡為例。在本實(shí)施例中，所述將待顯示的菜單項(xiàng)調(diào)整為目標(biāo)菜單項(xiàng)，且將待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)調(diào)整為目標(biāo)視點(diǎn)，包括:
[0068]通過控制觸摸屏移動(dòng)觸點(diǎn)位置，實(shí)時(shí)生成待顯示菜單項(xiàng)的位置;檢測出在觸摸屏上移動(dòng)的觸點(diǎn)與按下點(diǎn)之間的水平距離為D像素；
[0069]在待顯示菜單項(xiàng)調(diào)整為所述目標(biāo)菜單項(xiàng)后，將待顯示菜單項(xiàng)向靠近所述目標(biāo)視點(diǎn)方向移動(dòng)VciffsetA (m+G)*D)個(gè)像素，同時(shí)將待顯示菜單項(xiàng)兩側(cè)的菜單項(xiàng)向遠(yuǎn)離所述目標(biāo)視點(diǎn)方向移動(dòng)Vc—t/Gm+GhD)個(gè)像素。其中，Vciffse3t為所述目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的最大位移量，m為目標(biāo)菜單項(xiàng)的橫向像素值，G為兩個(gè)相鄰菜單項(xiàng)之間的間隔像素值。
[0070]具體地，當(dāng)觸摸屏右移使用觸點(diǎn)位置來實(shí)時(shí)生成菜單位置時(shí)，即當(dāng)檢測到觸摸屏的觸點(diǎn)是向右移動(dòng)時(shí)，如圖5所示，視點(diǎn)移動(dòng)像素(共m+G個(gè)像素)分N幀完成，每幀移動(dòng)(m+G/(N-1))像素，同時(shí)菜單項(xiàng)X每幀向靠近其視點(diǎn)方向移動(dòng)VoffwAN-l)個(gè)像素，而菜單項(xiàng)X-1則每幀向遠(yuǎn)離其視點(diǎn)方向移動(dòng)Vciffse3V(N-1)個(gè)像素。此外，根據(jù)當(dāng)前觸點(diǎn)位置與按下點(diǎn)之間的水平距離像素值，確定視點(diǎn)的移動(dòng)距離，從而實(shí)時(shí)刷新該視點(diǎn)位置的3D(DimenS1n，維度)場景圖像，生成魚眼效果的菜單顯示。當(dāng)菜單項(xiàng)X為下一刻需要顯示的菜單項(xiàng)，菜單項(xiàng)X-1為當(dāng)前視點(diǎn)位置，則為了將菜單項(xiàng)X調(diào)整為目標(biāo)菜單項(xiàng)繼而設(shè)置為魚眼菜單項(xiàng)，則在圖4所示的初始化菜單顯示基礎(chǔ)上，控制觸點(diǎn)向右滑動(dòng)，此時(shí)的視點(diǎn)位置實(shí)際相對(duì)觸點(diǎn)方向而言是向左移動(dòng)，即目標(biāo)視點(diǎn)由菜單項(xiàng)X-1所對(duì)應(yīng)的視點(diǎn)位置左移至菜單項(xiàng)X所對(duì)應(yīng)的視點(diǎn)位置。同時(shí)，為了獲得魚眼顯示效果，菜單項(xiàng)X向靠近其視點(diǎn)(目標(biāo)視點(diǎn))的方向移動(dòng)VciffsetA (m+G)*D)個(gè)像素，而菜單項(xiàng)X-1向遠(yuǎn)離其自身對(duì)應(yīng)視點(diǎn)的方向移動(dòng)Vciffse3tA (m+G)*D)個(gè)像素，以上插值動(dòng)畫效果執(zhí)行時(shí)間取決于觸點(diǎn)移動(dòng)的快慢(即速度)。
[0071]參見圖8，是本發(fā)明提供的魚眼菜單項(xiàng)左移的一種運(yùn)動(dòng)軌跡示意圖；參看圖9，是本發(fā)明提供的魚眼菜單項(xiàng)在顯示屏幕上左移后的一種控制示意圖。其中，圖9(a)是魚眼菜單項(xiàng)左移后在顯示屏幕上的一種畫面示意圖；圖9(b)是分別采用觸摸屏、旋鈕以及按鍵控制魚眼菜單項(xiàng)左移的一種控制示意圖。
[0072]當(dāng)觸摸屏左移使用觸點(diǎn)位置來實(shí)時(shí)生成菜單位置時(shí)，即當(dāng)檢測到觸摸屏的觸點(diǎn)是向左移動(dòng)時(shí)，視點(diǎn)移動(dòng)像素(共m+G個(gè)像素)分N幀完成，每幀移動(dòng)(m+G/(N-l))像素，如圖8和圖9所示，同時(shí)菜單項(xiàng)X每幀向遠(yuǎn)離其視點(diǎn)方向移動(dòng)Vciffse^(N-1)個(gè)像素，而菜單項(xiàng)X-1則每幀向靠近其視點(diǎn)方向移動(dòng)Vciffse3V(N-1)個(gè)像素。此外，根據(jù)當(dāng)前觸點(diǎn)位置與按下點(diǎn)之間的水平距離像素值，確定視點(diǎn)的移動(dòng)距離，從而實(shí)時(shí)刷新該視點(diǎn)位置的3D場景圖像，生成魚眼效果的菜單顯示。當(dāng)菜單項(xiàng)X-1為下一刻需要顯示的菜單項(xiàng)，菜單項(xiàng)X為當(dāng)前視點(diǎn)位置，則為了將菜單項(xiàng)X-1調(diào)整為目標(biāo)菜單項(xiàng)繼而設(shè)置為魚眼菜單項(xiàng)，則在圖4所示的初始化菜單顯示基礎(chǔ)上，控制觸點(diǎn)向左滑動(dòng)，此時(shí)的視點(diǎn)位置實(shí)際相對(duì)觸點(diǎn)方向而言是向右移動(dòng)，即目標(biāo)視點(diǎn)由菜單項(xiàng)X所對(duì)應(yīng)的視點(diǎn)位置右移至菜單項(xiàng)X-1所對(duì)應(yīng)的視點(diǎn)位置。同時(shí)，為了獲得魚眼顯示效果，菜單項(xiàng)X-1向靠近其視點(diǎn)(目標(biāo)視點(diǎn))的方向移動(dòng)VclffsetA (m+G)*D)個(gè)像素，而菜單項(xiàng)X向遠(yuǎn)離其自身對(duì)應(yīng)視點(diǎn)的方向移動(dòng)VciffsetA (m+G)*D)個(gè)像素，以上插值動(dòng)畫效果執(zhí)行時(shí)間取決于觸點(diǎn)移動(dòng)的快慢(即速度)。
[0073]進(jìn)一步地，當(dāng)用戶使用觸摸屏將觸點(diǎn)滑動(dòng)到菜單項(xiàng)的邊緣時(shí)，菜單項(xiàng)所在平面越過顯示屏幕的邊際部分；當(dāng)觸點(diǎn)離開顯示屏幕后，將顯示屏幕邊緣位置上的菜單項(xiàng)設(shè)置為魚眼菜單，并設(shè)置為高亮狀態(tài)。即，允許用戶使用觸摸屏將菜單項(xiàng)滑動(dòng)至顯示屏幕的邊緣并越過顯示屏幕的邊際部分。
[0074]參見圖7，是本發(fā)明提供的將菜單項(xiàng)滑動(dòng)至顯示屏幕左側(cè)邊緣的一種畫面顯示圖；參見圖10，是本發(fā)明提供的將菜單項(xiàng)滑動(dòng)至顯示屏幕右側(cè)邊緣的一種畫面顯示圖。
[0075]當(dāng)用戶手指離開觸摸屏后，越過顯示屏幕邊際的菜單項(xiàng)將會(huì)完整返回到顯示屏幕的邊緣，此時(shí)，左側(cè)邊緣或右側(cè)邊緣位置上的菜單項(xiàng)實(shí)際已被選中為目標(biāo)菜單項(xiàng)而顯示為魚眼效果，并被設(shè)置為高亮狀態(tài)。
[0076]進(jìn)一步地，本發(fā)明實(shí)施例提供的魚眼菜單的顯示控制方法，還包括:
[0077]檢測待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)的位置;當(dāng)待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)的位置在兩個(gè)菜單項(xiàng)之間的正上方時(shí)，比較當(dāng)前視點(diǎn)與相鄰菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)之間的距離值;采用插值動(dòng)畫將當(dāng)前視點(diǎn)向距離最近的菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)移動(dòng)。
[0078]當(dāng)使用觸摸屏進(jìn)行魚眼菜單操作時(shí)，由于屏幕坐標(biāo)點(diǎn)是連續(xù)的，因此當(dāng)用戶手指離開觸摸屏(觸點(diǎn)消失)時(shí)，視點(diǎn)位置有可能不是處于其對(duì)應(yīng)的菜單項(xiàng)的正上方，為此，通過自動(dòng)復(fù)位視點(diǎn)功能，當(dāng)前視點(diǎn)位置在兩個(gè)菜單項(xiàng)的正上方之間時(shí)，向與其距離最近的菜單項(xiàng)使用插值動(dòng)畫進(jìn)行靠近，使得動(dòng)畫插值結(jié)束之后該視點(diǎn)位于菜單項(xiàng)的正上方。
[0079]此外，本發(fā)明提供的魚眼菜單的顯示控制方法優(yōu)選應(yīng)用于車載系統(tǒng)的菜單顯示，以解決現(xiàn)有車載系統(tǒng)的平鋪菜單的信息導(dǎo)航性差、頻繁翻頁以及直觀性低的缺陷。
[0080]本發(fā)明實(shí)施例提供的魚眼菜單的顯示控制方法，通過對(duì)菜單項(xiàng)進(jìn)行初始化，將所述菜單項(xiàng)按順序平鋪在顯示屏幕的同一平面上，并將菜單項(xiàng)的資源圖片渲染至平面上對(duì)應(yīng)的顯示區(qū)域，并為每個(gè)所述菜單項(xiàng)上方垂直設(shè)置一個(gè)視點(diǎn)，將各個(gè)視點(diǎn)以及目標(biāo)視點(diǎn)設(shè)置在與所述菜單項(xiàng)所在的平面平行的另一個(gè)平面上，通過調(diào)整各個(gè)菜單項(xiàng)及其對(duì)應(yīng)的視點(diǎn)的運(yùn)動(dòng)軌跡，調(diào)整目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的垂直距離，將相應(yīng)的菜單項(xiàng)切換為所述目標(biāo)菜單項(xiàng)，以及，將菜單項(xiàng)對(duì)應(yīng)的視點(diǎn)切換為所述目標(biāo)視點(diǎn)，從而輸出簡單、流暢、直觀的魚眼視覺效果，降低用戶的認(rèn)知代價(jià)并且提高數(shù)據(jù)在信息空間的導(dǎo)航性能。進(jìn)一步地，可以通過多幀圖像控制，以及根據(jù)觸點(diǎn)與按下點(diǎn)之間的距離，對(duì)視點(diǎn)移動(dòng)和菜單項(xiàng)的移動(dòng)進(jìn)行左右移動(dòng)以及微步調(diào)整，實(shí)現(xiàn)對(duì)視點(diǎn)和菜單項(xiàng)的有效控制。
[0081]此外，本發(fā)明實(shí)施例可以采用多種HID設(shè)備輸入鼠標(biāo)信息或鍵盤信息。當(dāng)使用觸摸屏將菜單項(xiàng)滑動(dòng)至顯示屏幕邊緣時(shí)，允許用戶使用觸摸屏將菜單項(xiàng)滑動(dòng)到越過邊際部分，在用戶手指離開屏幕后越過屏幕邊際的菜單項(xiàng)將完整返回到顯示屏幕的邊緣，并顯示為高亮狀態(tài)，因此在用戶的角度看來，菜單項(xiàng)的移動(dòng)是任意的，不受顯示屏幕的限制，改善了用戶體驗(yàn)。
[0082]以上所述是本發(fā)明的優(yōu)選實(shí)施方式，應(yīng)當(dāng)指出，對(duì)于本技術(shù)領(lǐng)域的普通技術(shù)人員來說，在不脫離本發(fā)明原理的前提下，還可以做出若干改進(jìn)和潤飾，這些改進(jìn)和潤飾也視為本發(fā)明的保護(hù)范圍。
【主權(quán)項(xiàng)】
1.一種魚眼菜單的顯示控制方法，其特征在于，包括: 對(duì)菜單項(xiàng)進(jìn)行初始化； 在顯示屏幕上移動(dòng)魚眼菜單的目標(biāo)視點(diǎn)位置;所述目標(biāo)視點(diǎn)所在的平面與所述菜單項(xiàng)所在的平面平行;每個(gè)所述菜單項(xiàng)上方垂直設(shè)置有一個(gè)視點(diǎn)；各個(gè)視點(diǎn)與所述目標(biāo)視點(diǎn)設(shè)置在同一平面上； 通過調(diào)整目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的垂直距離，獲得目標(biāo)魚眼菜單。2.如權(quán)利要求1所述的魚眼菜單的顯示控制方法，其特征在于，所述對(duì)菜單項(xiàng)進(jìn)行初始化，具體包括: 將所述菜單項(xiàng)按順序平鋪在顯示屏幕的同一平面上，并將所述菜單項(xiàng)的資源圖片渲染至平面上對(duì)應(yīng)的顯示區(qū)域； 其中，兩個(gè)相鄰菜單項(xiàng)之間的間隔設(shè)置為G像素;所述顯示屏幕的分辨率為aXb像素；每個(gè)菜單項(xiàng)為m X η像素;參數(shù)a和參數(shù)m為橫向像素值;參數(shù)b和參數(shù)η為縱向像素值。3.如權(quán)利要求2所述的魚眼菜單的顯示控制方法，其特征在于，所述目標(biāo)視點(diǎn)與各個(gè)所述菜單項(xiàng)所在平面的垂直交點(diǎn)為所述目標(biāo)菜單項(xiàng)的所在位置。4.如權(quán)利要求3所述的魚眼菜單的顯示控制方法，其特征在于，所述通過調(diào)整目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的垂直距離，獲得目標(biāo)魚眼菜單，包括: 所述目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的最大位移量為Vclffse3t個(gè)像素:Vof f set=MaxVD- (MaxVD^m/ (m+2*G)) 其中: MaxVD = cot (A/2)*(m/2+G) 參數(shù)MaxVD為所述目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的最大垂直距離;參數(shù)m為目標(biāo)菜單項(xiàng)的橫向像素值;參數(shù)G為兩個(gè)相鄰菜單項(xiàng)之間的間隔像素值;參數(shù)A為所述目標(biāo)視點(diǎn)在顯示屏幕上的可視角度。5.如權(quán)利要求4所述的魚眼菜單的顯示控制方法，其特征在于，所述方法還包括: 采用觸摸屏、旋鈕或五向按鍵中的一項(xiàng)或多項(xiàng)組合，將待顯示的菜單項(xiàng)調(diào)整為目標(biāo)菜單項(xiàng)，且將待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)調(diào)整為目標(biāo)視點(diǎn)。6.如權(quán)利要求5所述的魚眼菜單的顯示控制方法，其特征在于，所述將待顯示的菜單項(xiàng)調(diào)整為目標(biāo)菜單項(xiàng)，且將待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)調(diào)整為目標(biāo)視點(diǎn)，包括: 通過控制觸摸屏移動(dòng)觸點(diǎn)位置，實(shí)時(shí)生成待顯示菜單項(xiàng)的位置； 檢測出在觸摸屏上移動(dòng)的觸點(diǎn)與按下點(diǎn)之間的水平距離為D像素； 在待顯示菜單項(xiàng)調(diào)整為所述目標(biāo)菜單項(xiàng)后，將待顯示菜單項(xiàng)向靠近所述目標(biāo)視點(diǎn)方向移動(dòng)VciffsetA (m+G)*D)個(gè)像素，同時(shí)將待顯示菜單項(xiàng)兩側(cè)的菜單項(xiàng)向遠(yuǎn)離所述目標(biāo)視點(diǎn)方向移動(dòng)Vrffset/((m+G)*D)個(gè)像素； 其中，Vciffse3t為所述目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的最大位移量，m為目標(biāo)菜單項(xiàng)的橫向像素值，G為兩個(gè)相鄰菜單項(xiàng)之間的間隔像素值。7.如權(quán)利要求6所述的魚眼菜單的顯示控制方法，其特征在于，所述將待顯示的菜單項(xiàng)調(diào)整為目標(biāo)菜單項(xiàng)，且將待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)調(diào)整為目標(biāo)視點(diǎn)，還包括: 采用N幀圖像將待顯示菜單項(xiàng)對(duì)應(yīng)的視點(diǎn)向靠近所述目標(biāo)視點(diǎn)方向移動(dòng)，采用N幀圖像將待顯示菜單項(xiàng)兩側(cè)的菜單項(xiàng)對(duì)應(yīng)的視點(diǎn)向遠(yuǎn)離所述目標(biāo)視點(diǎn)方向移動(dòng)； 其中，每幀圖像移動(dòng)Voffse3t/ (N-1)個(gè)像素，每幀圖像移動(dòng)的間隔時(shí)間為M毫秒，Voffse3t為所述目標(biāo)菜單項(xiàng)與所述目標(biāo)視點(diǎn)之間的最大位移量，N多2，M>0。8.如權(quán)利要求1?7任一項(xiàng)所述的魚眼菜單的顯示控制方法，其特征在于，所述方法還包括: 檢測待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)的位置； 當(dāng)待顯示菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)的位置在兩個(gè)菜單項(xiàng)之間的正上方時(shí)，比較當(dāng)前視點(diǎn)與相鄰菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)之間的距離值； 采用插值動(dòng)畫將當(dāng)前視點(diǎn)向距離最近的菜單項(xiàng)所對(duì)應(yīng)的視點(diǎn)移動(dòng)。9.如權(quán)利要求1?7任一項(xiàng)所述的魚眼菜單的顯示控制方法，其特征在于，所述方法還包括: 當(dāng)用戶使用觸摸屏將觸點(diǎn)滑動(dòng)到菜單項(xiàng)的邊緣時(shí)，菜單項(xiàng)所在平面越過顯示屏幕的邊際部分；當(dāng)觸點(diǎn)離開顯示屏幕后，將顯示屏幕邊緣位置上的菜單項(xiàng)設(shè)置為魚眼菜單，并設(shè)置為尚殼狀態(tài)。10.如權(quán)利要求1?7任一項(xiàng)所述的魚眼菜單的顯示控制方法，其特征在于，所述方法用于車載系統(tǒng)的菜單顯示。
【文檔編號(hào)】G06F3/0488GK105975165SQ201510908799
【公開日】2016年9月28日
【申請(qǐng)日】2015年12月9日
【發(fā)明人】尚平
【申請(qǐng)人】惠州華陽通用電子有限公司