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