一種觸控螢幕環形菜單動態生成方法及裝置製造方法
2023-07-30 08:28:41
一種觸控螢幕環形菜單動態生成方法及裝置製造方法
【專利摘要】本發明公開了一種觸控螢幕環形菜單動態生成方法及裝置。其中該方法，包括：檢測用戶手指在觸控螢幕上的觸摸區域、按壓點位置及觸摸區域面積；根據所述觸摸區域、按壓點位置及觸摸面積分析用戶的手指位置及目標控制項；根據所述按壓點位置、用戶的手指位置及目標控制項生成環形菜單。本發明的通過根據用戶手指在觸控螢幕上的觸摸點為中心生成一個環形菜單，環形菜單上每個菜單項都靠近觸摸點的位置，用戶在選擇菜單時，只需要將手指滑動相對較短的距離就可以選中。同時，考慮到用戶手指的遮擋，將環形菜單中位於用戶手指下方的位置留空，這樣，不會影響到用戶識別菜單項。
【專利說明】一種觸控螢幕環形菜單動態生成方法及裝置
【技術領域】
[0001]本發明涉及觸控螢幕【技術領域】，尤其涉及一種觸控螢幕環形菜單動態生成方法及裝置。
【背景技術】
[0002]現有的觸屏手機菜單根據用戶觸摸的對象，在觸摸點附近，或者被觸摸對象周邊，以橫向或縱向列表的方式彈出展示。
[0003]現有的菜單通常是橫向或縱向順序排列，此種布局會存在以下問題:
[0004]1、當菜單內容較多時，部分選項會排列的比較遠，用戶需要移動比較遠的距離才能夠觸碰到；
[0005]2、當用戶單手操作時，相鄰的菜單項容易產生誤觸，導致操作失敗；
[0006]3、線性排列的菜單位置和布局比較呆板，缺乏美感和新穎性。
【發明內容】
[0007]為了解決現有技術中觸控螢幕菜單距離用戶手指較遠，用戶選擇菜單困難的技術問題，本發明提出一種觸控螢幕環形菜單動態生成方法及裝置。
[0008]本發明的一個方面，提供一種觸控螢幕環形菜單動態生成方法，包括:
[0009]檢測用戶手指在觸控螢幕上的觸摸區域、按壓點位置及觸摸區域面積；
[0010]根據所述觸摸區域、按壓點位置及觸摸面積分析用戶的手指位置及目標控制項；
[0011]根據所述按壓點位置、用戶的手指位置及目標控制項生成環形菜單。
[0012]本發明的另一個方面，提供一種觸控螢幕環形菜單動態生成裝置，包括:
[0013]觸摸檢測模塊，用於檢測用戶手指在觸控螢幕上的觸摸區域、按壓點位置及觸摸區域面積；
[0014]觸摸分析模塊，用於根據所述觸摸區域、按壓點位置及觸摸面積分析用戶的手指位置及目標控制項；
[0015]菜單生成模塊，用於根據所述按壓點位置、用戶的手指位置及目標控制項生成環形菜單。
[0016]本發明的觸控螢幕環形菜單動態生成方法及裝置，通過根據用戶手指在觸控螢幕上的觸摸點為中心生成一個環形菜單，環形菜單上每個菜單項都靠近觸摸點的位置，用戶在選擇菜單時，只需要將手指滑動相對較短的距離就可以選中。同時，考慮到用戶手指的遮擋，將環形菜單中位於用戶手指下方的位置留空，這樣，不會影響到用戶識別菜單項。
【專利附圖】
【附圖說明】
[0017]圖1是本發明觸控螢幕環形菜單動態生成裝置實施例的結構示意圖；
[0018]圖2是本發明觸摸分析模塊實施例的結構示意圖；
[0019]圖3是本發明菜單生成模塊實施例的結構示意圖；[0020]圖4是本發明觸控螢幕環形菜單動態生成方法實施例的流程示意圖；
[0021]圖5是本發明生成環形菜單的流程示意圖。
【具體實施方式】
[0022]以下結合附圖對本發明進行詳細說明。
[0023]如圖1所示，本發明觸控螢幕環形菜單動態生成裝置實施例包括:觸摸檢測模塊11、觸摸分析模塊12和菜單生成模塊13。觸摸檢測模塊檢測用戶手指在觸控螢幕上的觸摸區域、按壓點位置及觸摸區域面積；觸摸分析模塊根據觸摸區域、按壓點位置及觸摸面積分析用戶的手指位置及目標控制項；菜單生成模塊根據按壓點位置、用戶的手指位置及目標控制項生成環形菜單。
[0024]觸摸檢測模塊獲取上述信息主要是為了判斷菜單的彈出位置及用戶的手指方向，從而為後面手勢分析模塊判斷菜單的留空位置提供數據依據。
[0025]觸摸區域可以通過電容屏的點位變化測量得到，按壓點位置可以通過觸控螢幕的壓力感應得到。
[0026]如圖2所示，觸摸分析模塊12包括:第一分析子模塊21和第二分析子模塊22。第一分析子模塊根據按壓點位置在觸摸區域的偏移位置，判斷用戶手指的位置；第二分析子模塊根據按壓點位置分析用戶的目標控制項。
[0027]觸摸分析模塊根據觸摸檢測模塊提供的數據信息，通過計算按壓點位置和觸摸區域的相對位置，判斷用戶的手指位置，進而計算菜單的留空位置。
[0028]觸摸分析模塊的實現依據是:普通用戶使用觸屏手機時，通常用戶手指的觸摸面積會大於按壓點面積，而通常的按壓位置在手指靠近指尖的方向。據此可以判斷，遠離按壓點位置的方向為手指指根方向，在此方向上如果設置了菜單項，會被用戶的手指擋住，從而影響用戶識別菜單項，因此該方向應該是菜單生成的留空位置。
[0029]如圖3所示，菜單生成模塊13包括:第一計算子模塊301、選擇子模塊302、第二計算子模塊303、第三計算子模塊304和菜單繪製子模塊305。
[0030]第一計算子模塊根據用戶手指的位置計算環形菜單的留空位置；選擇子模塊根據目標控制項選擇環形菜單的菜單數據；第二計算子模塊根據菜單數據和按壓點位置計算環形菜單的中心點；第三計算子模塊根據中心點、菜單數據中菜單項的個數及留空位置計算每個菜單項在菜單圓周上的位置和大小；菜單繪製子模塊根據中心點、每個菜單項的位置和大小繪製環繞按壓點位置的環形菜單。
[0031]菜單生成模塊根據用戶按壓點位置，確定菜單生成的中心點；根據菜單項的個數，結合留空位置，在360度的圓周上平均分布計算每一個菜單的錨定點，從而完成菜單的定位和生成。
[0032]另外，當用戶觸摸的位置靠近屏幕邊緣，則此時無法圍繞中心點形成一個完整的環形，則此時只能根據觸電位置和屏幕邊緣位置，計算一個非封閉的圓弧，重新計算各個菜單項的位置和大小。因此，菜單生成模塊還包括:第四計算子模塊306、第一比較子模塊307、第五計算子模塊308。
[0033]第四計算子模塊計算中心點和觸控螢幕的屏幕邊緣之間的距離；第一比較子模塊比較中心點和觸控螢幕的屏幕邊緣之間的距離與菜單圓周的半徑；第五計算子模塊當中心點和觸控螢幕的屏幕邊緣之間的距離小於菜單圓周的半徑時，根據中心點和觸控螢幕的屏幕邊緣之間的距離計算菜單所在圓弧；第三計算子模塊根據菜單項的個數及留空位置計算每個菜單項在菜單圓弧上的位置和大小。
[0034]還有一種情況，當觸摸檢測模塊檢測到用戶手指的按壓點位置移動時，菜單生成模塊根據用戶手指的移動為用戶模糊匹配用戶傾向選擇的菜單項，並對這些菜單項突出顯示。具體地，菜單生成模塊還包括:菜單項選擇子模塊309。觸摸檢測模塊檢測用戶手指的按壓點位置的移動；菜單項選擇子模塊當檢測到用戶手指的按壓點位置從中心點向菜單項移動或用戶手指的按壓點位置繞中心點切線移動時，根據按壓點位置的移動軌跡選擇與按壓點位置對應的菜單項；菜單繪製子模塊將選擇的菜單項進行高亮放大顯示。
[0035]菜單生成模塊根據菜單項位置和中心點位置，在屏幕上繪製出環形菜單，並生成從中心點到每一個菜單項的放射狀引導路徑。
[0036]當用戶手指循某一個引導路徑向外放射狀滑動時，模糊匹配用戶傾向選擇的菜單項即根據用戶手指移動軌跡的方向，選擇對應的菜單項，並將它們逐漸高亮放大，其他選項則淡出變小。反向滑動亦有對應繪製調整。
[0037]當用戶手指在引導路徑中某一位置繞中心點切線滑動時，根據用戶手指移動軌跡的變化角度，選擇相應的菜單項，動態在菜單項中切換高亮菜單項，便於提示用戶當前選擇。
[0038]根據用戶手指的移動軌跡選擇菜單項的方式並不限於上述方式，還可以根據用戶手指的按壓點位置與菜單項位置之間的距離值來選擇菜單項等等，在此不再贅述。
[0039]基於同一構思，本發明還提供一種觸控螢幕環形菜單動態生成方法實施例，如圖4所示，具體步驟如下:
[0040]步驟402，檢測用戶手指在觸控螢幕上的觸摸區域、按壓點位置及觸摸區域面積；
[0041]步驟404，根據觸摸區域、按壓點位置及觸摸面積分析用戶的手指位置及目標控制項；
[0042]具體地，根據按壓點位置在觸摸區域的偏移位置，判斷用戶手指的位置；根據按壓點位置分析用戶的目標控制項。
[0043]步驟406，根據按壓點位置、用戶的手指位置及目標控制項生成環形菜單。
[0044]如圖5所示,步驟406具體包括:
[0045]步驟502，根據用戶手指的位置計算環形菜單的留空位置；
[0046]步驟504，根據目標控制項選擇環形菜單的菜單數據；
[0047]步驟506，根據菜單數據和按壓點位置計算環形菜單的中心點；
[0048]步驟508，根據中心點、菜單數據中菜單項的個數及留空位置計算每個菜單項在菜單圓周上的位置和大小；
[0049]步驟510，根據中心點、每個菜單項的位置和大小繪製環繞按壓點位置的環形菜單。
[0050]另外，在步驟406中，當中心點和觸控螢幕的屏幕邊緣之間的距離小於菜單圓周的半徑時，根據中心點和觸控螢幕的屏幕邊緣之間的距離計算菜單所在圓弧；根據菜單項的個數及留空位置計算每個菜單項在菜單圓弧上的位置和大小。
[0051]在生成環形菜單之後，當檢測到用戶手指的按壓點位置從中心點向菜單項移動或用戶手指的按壓點位置繞中心點切線移動時，根據按壓點位置的移動軌跡選擇與按壓點位置對應的菜單項，並將選擇的菜單項進行高亮放大顯示；將未選擇的其他菜單選項進行淡出縮小顯示。
[0052]本發明的觸控螢幕環形菜單動態生成方法及裝置，通過根據用戶手指在觸控螢幕上的觸摸點為中心生成一個環形菜單，環形菜單上每個菜單項都靠近觸摸點的位置，用戶在選擇菜單時，只需要將手指滑動相對較短的距離就可以選中。同時，考慮到用戶手指的遮擋，將環形菜單中位於用戶手指下方的位置留空，這樣，不會影響到用戶識別菜單項。
[0053]另外，本發明根據用戶手指滑動對相應的菜單項進行高亮放大顯示，方便用戶識別菜單項，避免產生誤觸。
[0054]本發明不僅提高了用戶在觸控螢幕上選擇菜單的便捷性和準確度，還提高了菜單的美觀性、新穎性和實用性。
[0055]應說明的是:以上實施例僅用以說明本發明而非限制，本發明也並不僅限於上述舉例，一切不脫離本發明的精神和範圍的技術方案及其改進，其均應涵蓋在本發明的權利要求範圍中。
【權利要求】
1.一種觸控螢幕環形菜單動態生成方法，其特徵在於，包括: 檢測用戶手指在觸控螢幕上的觸摸區域、按壓點位置及觸摸區域面積； 根據所述觸摸區域、按壓點位置及觸摸面積分析用戶的手指位置及目標控制項； 根據所述按壓點位置、用戶的手指位置及目標控制項生成環形菜單。
2.根據權利要求1所述的方法，其特徵在於，根據所述觸摸位置、按壓點位置及觸摸面積信息分析用戶的手指位置及目標控制項包括: 根據所述按壓點位置在所述觸摸區域的偏移位置，判斷所述用戶手指的位置； 根據所述按壓點位置分析用戶的目標控制項。
3.根據權利要求2所述的方法，其特徵在於，根據所述按壓點位置、用戶的手指位置及目標控制項生成環形菜單包括: 根據所述用戶手指的位置計算所述環形菜單的留空位置； 根據所述目標控制項選擇所述環形菜單的菜單數據； 根據所述菜單數據和所述按壓點位 置計算所述環形菜單的中心點； 根據所述中心點、所述菜單數據中菜單項的個數及所述留空位置計算每個菜單項在菜單圓周上的位置和大小； 根據所述中心點、每個菜單項的位置和大小繪製環繞所述按壓點位置的所述環形菜單。
4.根據權利要求3所述的方法，其特徵在於，根據所述中心點、所述菜單數據中菜單項的個數及所述留空位置計算每個菜單項的位置和大小還包括: 當所述中心點和所述觸控螢幕的屏幕邊緣之間的距離小於所述菜單圓周的半徑時，根據所述中心點和所述觸控螢幕的屏幕邊緣之間的距離計算菜單所在圓弧； 根據所述菜單項的個數及所述留空位置計算每個菜單項在所述菜單圓弧上的位置和大小。
5.根據權利要求3或4所述的方法，其特徵在於，根據所述中心點、每個菜單項的位置和大小生成環繞所述按壓點位置的所述環形菜單之後還包括: 當檢測到用戶手指的按壓點位置從所述中心點向菜單項移動或用戶手指的按壓點位置繞所述中心點切線移動時，根據所述按壓點位置的移動軌跡選擇與所述按壓點位置對應的菜單項，並將選擇的菜單項進行高亮放大顯示。
6.根據權利要求5所述的方法，其特徵在於，還包括:將未選擇的其他菜單選項進行淡出縮小顯示。
7.一種觸控螢幕環形菜單動態生成裝置，其特徵在於，包括: 觸摸檢測模塊，用於檢測用戶手指在觸控螢幕上的觸摸區域、按壓點位置及觸摸區域面積； 觸摸分析模塊，用於根據所述觸摸區域、按壓點位置及觸摸面積分析用戶的手指位置及目標控制項； 菜單生成模塊，用於根據所述按壓點位置、用戶的手指位置及目標控制項生成環形菜單。
8.根據權利要求7所述的裝置，其特徵在於，所述觸摸分析模塊包括: 第一分析子模塊，用於根據所述按壓點位置在所述觸摸區域的偏移位置，判斷所述用戶手指的位置；第二分析子模塊，用於根據所述按壓點位置分析用戶的目標控制項。
9.根據權利要求8所述的裝置，其特徵在於，所述菜單生成模塊包括: 第一計算子模塊，用於根據所述用戶手指的位置計算所述環形菜單的留空位置； 選擇子模塊；用於根據所述目標控制項選擇所述環形菜單的菜單數據； 第二計算子模塊，用於根據所述菜單數據和所述按壓點位置計算所述環形菜單的中心佔.第三計算子模塊，用於根據所述中心點、所述菜單數據中菜單項的個數及所述留空位置計算每個菜單項在菜單圓周上的位置和大小； 菜單繪製子模塊，用於根據所述中心點、每個菜單項的位置和大小繪製環繞所述按壓點位置的所述環形菜單。
10.根據權 利要求9所述的裝置，其特徵在於，所述菜單生成模塊還包括: 第四計算子模塊，用於計算所述中心點和所述觸控螢幕的屏幕邊緣之間的距離； 第一比較子模塊，用於比較所述中心點和所述觸控螢幕的屏幕邊緣之間的距離與所述菜單圓周的半徑； 第五計算子模塊，用於當中心點和所述觸控螢幕的屏幕邊緣之間的距離小於所述菜單圓周的半徑時，根據所述中心點和所述觸控螢幕的屏幕邊緣之間的距離計算菜單所在圓弧；所述第三計算子模塊，用於根據所述菜單項的個數及所述留空位置計算每個菜單項在所述菜單圓弧上的位置和大小。
11.根據權利要求8或9所述的裝置，其特徵在於， 所述觸摸檢測模塊，還檢測用戶手指的按壓點位置的移動； 所述菜單生成模塊還包括:菜單項選擇子模塊，用於當檢測到用戶手指的按壓點位置從所述中心點向菜單項移動或用戶手指的按壓點位置繞所述中心點切線移動時，根據所述按壓點位置的移動軌跡選擇與所述按壓點位置對應的菜單項； 所述菜單繪製子模塊，用於將選擇的菜單項進行高亮放大顯示。
【文檔編號】G06F3/0482GK103713809SQ201210375311
【公開日】2014年4月9日 申請日期:2012年9月29日 優先權日:2012年9月29日
【發明者】黃海, 劉霖 申請人:中國移動通信集團公司