利用圓環(huán)圖形界面展示用戶選擇區(qū)間的方法和裝置的制造方法
【專利摘要】本發(fā)明提供一種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的方法和裝置，能夠通過點(diǎn)擊、滑動(dòng)等移動(dòng)端常見的交互方式去實(shí)現(xiàn)一種新型的狀態(tài)選擇的交互方式，提高交互的靈活性和趣味性。該利用圓環(huán)圖形界面展示用戶選擇區(qū)間的方法包括：從服務(wù)器獲取圓環(huán)模型數(shù)據(jù)，所述數(shù)據(jù)包括可操作區(qū)間數(shù)據(jù)和不可操作區(qū)間數(shù)據(jù)；根據(jù)圓環(huán)模型在用戶終端的顯示器繪制圓環(huán)圖形界面，圓環(huán)圖形界面的用戶觸摸區(qū)包括可操作區(qū)域和不可操作區(qū)域，分別對(duì)應(yīng)可操作區(qū)間數(shù)據(jù)和不可操作區(qū)間數(shù)據(jù)；接收用戶在用戶觸摸區(qū)的觸摸事件，并根據(jù)觸摸事件在用戶觸摸區(qū)繪制用戶操作區(qū)間；在用戶停止觸摸后，把用戶操作區(qū)間對(duì)應(yīng)的用戶選擇區(qū)間數(shù)據(jù)顯示在圓環(huán)圖形界面的預(yù)定區(qū)域。
【專利說明】
利用圓環(huán)圖形界面展示用戶選擇區(qū)間的方法和裝置
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及計(jì)算機(jī)及其軟件技術(shù)領(lǐng)域，特別地涉及一種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的方法和裝置。
【背景技術(shù)】
[0002]由于移動(dòng)平臺(tái)的交互特性及移動(dòng)設(shè)備屏幕較小的硬件限制，以往對(duì)于時(shí)段或者具有較多狀態(tài)的數(shù)據(jù)選擇的交互方式常常使用系統(tǒng)控件來實(shí)現(xiàn)，現(xiàn)有的實(shí)現(xiàn)方案一般采用UISegmentedControl (分段控件)、UIPickerView(選擇控件)、自定義簡(jiǎn)單的下拉菜單控件等。
[0003]UI SegmentedContro I (分段控件)適用于選擇較少的情況的切換，如貓眼電影APP中影片類型的選擇就采用此控件，優(yōu)點(diǎn)是簡(jiǎn)單方便，但當(dāng)選擇多于5個(gè)時(shí)信息就會(huì)展示不全，就不再適用于此控件;UlPickerView(選擇控件)多用于多種選擇條件的展示，例如購(gòu)買火車票的APP — “鐵路12306”中，訂票時(shí)段的選擇是通過系統(tǒng)的控件“PickerView”來實(shí)現(xiàn)的。此控件適用于有更多條件的選擇，但失于精致化和個(gè)性化。
[0004]基于以上，目前很多APP也采用了自定義的簡(jiǎn)單的下拉菜單控件來進(jìn)行多狀態(tài)、條件的選擇和展示，例如美團(tuán)APP中城市區(qū)域的選擇采用了自定義的下拉菜單，雖簡(jiǎn)單方便但選擇受限且應(yīng)用范圍較窄。

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

[0005]有鑒于此，本發(fā)明提供一種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的方法和裝置，能夠模仿時(shí)鐘展示，增強(qiáng)應(yīng)用界面的友好度，通過點(diǎn)擊、滑動(dòng)等移動(dòng)端常見的交互方式去實(shí)現(xiàn)一種新型的狀態(tài)選擇的交互方式，提高交互的靈活性和趣味性，提升用戶體驗(yàn)。
[0006]為實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明的一個(gè)方面，提供了一種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的方法。
[0007]—種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的方法，包括:從服務(wù)器獲取圓環(huán)模型數(shù)據(jù)，所述數(shù)據(jù)包括可操作區(qū)間數(shù)據(jù)和不可操作區(qū)間數(shù)據(jù);根據(jù)所述圓環(huán)模型在用戶終端的顯示器繪制圓環(huán)圖形界面，所述圓環(huán)圖形界面的用戶觸摸區(qū)包括可操作區(qū)域和不可操作區(qū)域，分別對(duì)應(yīng)所述可操作區(qū)間數(shù)據(jù)和所述不可操作區(qū)間數(shù)據(jù);接收用戶在所述用戶觸摸區(qū)的觸摸事件，并根據(jù)所述觸摸事件在所述用戶觸摸區(qū)繪制用戶操作區(qū)間；在用戶停止觸摸后，把所述用戶操作區(qū)間對(duì)應(yīng)的用戶選擇區(qū)間數(shù)據(jù)顯示在所述圓環(huán)圖形界面的預(yù)定區(qū)域。
[0008]可選地，所述用戶選擇區(qū)間數(shù)據(jù)經(jīng)用戶確認(rèn)后提交給所述服務(wù)器。
[0009]可選地，所述圓環(huán)模型數(shù)據(jù)的數(shù)據(jù)集合的元素個(gè)數(shù)及各個(gè)元素的在所述數(shù)據(jù)集合中所占的比例為固定值。
[0010]可選地，所述圓環(huán)模型數(shù)據(jù)是時(shí)段數(shù)據(jù)格式，在所述繪制之前進(jìn)行格式轉(zhuǎn)換，把所述時(shí)段數(shù)據(jù)格式轉(zhuǎn)換為弧度數(shù)據(jù)格式，并將所述時(shí)段數(shù)據(jù)和所述弧度數(shù)據(jù)分別按序存放在兩個(gè)浮點(diǎn)型數(shù)組內(nèi)。
[0011]可選地，所述繪制的步驟包括:以所述客戶終端的顯示器的顯示屏幕的物理中心為圓心，以預(yù)定的R為外半徑并且以預(yù)定的r為內(nèi)半徑繪制圓環(huán)，其中，R和r為正數(shù)，R>r，且R應(yīng)小于圓心到顯示屏幕邊緣的距離；將所述圓環(huán)顯示為可操作區(qū)域;從所述弧度數(shù)據(jù)中獲取不可操作區(qū)域的數(shù)據(jù)，并以不同顏色的扇形在所述圓環(huán)中繪制不可操作區(qū)域。
[0012]可選地，用于顯示所述用戶選擇區(qū)間數(shù)據(jù)的所述預(yù)定區(qū)域位于所述圓環(huán)的中央。
[0013]可選地，所述觸摸事件包括點(diǎn)擊事件和滑動(dòng)事件。
[0014]可選地，當(dāng)所述觸摸事件為所述點(diǎn)擊事件時(shí)，繪制用戶操作區(qū)間包括:獲取用戶點(diǎn)擊區(qū)域內(nèi)的任一點(diǎn)，并計(jì)算當(dāng)前點(diǎn)的弧度及其所在的弧度區(qū)間；將所述弧度區(qū)間繪制為所述用戶操作區(qū)間。
[0015]可選地，計(jì)算當(dāng)前點(diǎn)所在的弧度區(qū)間之前，還包括:確認(rèn)所述當(dāng)前點(diǎn)位于所述圓環(huán)上。
[0016]可選地，將所述弧度區(qū)間繪制為所述用戶操作區(qū)間之前，還包括:確認(rèn)所述當(dāng)前點(diǎn)的弧度位于所述可操作區(qū)域內(nèi)。
[0017]可選地，將所述弧度區(qū)間繪制為所述用戶操作區(qū)間之后，還包括:存儲(chǔ)所述弧度區(qū)間；以及若用戶重復(fù)提交點(diǎn)擊事件，則存儲(chǔ)最后一個(gè)位于所述可操作區(qū)域內(nèi)的弧度區(qū)間。
[0018]可選地，當(dāng)所述觸摸事件為所述滑動(dòng)事件時(shí)，繪制所述用戶操作區(qū)間包括:獲取用戶在所述用戶觸摸區(qū)中剛觸摸到的點(diǎn)擊區(qū)域內(nèi)的任一點(diǎn)，并計(jì)算當(dāng)前點(diǎn)的弧度;根據(jù)用戶的滑動(dòng)操作的范圍繪制所述用戶操作區(qū)間。
[0019]可選地，繪制所述用戶操作區(qū)間之前，還包括:確認(rèn)所述當(dāng)前點(diǎn)的弧度位于所述可操作區(qū)域內(nèi)。
[0020]可選地，將所述用戶選擇區(qū)間數(shù)據(jù)顯示在所述預(yù)定區(qū)域之前，還包括:將所述用戶操作區(qū)間對(duì)應(yīng)的弧度數(shù)據(jù)轉(zhuǎn)換為時(shí)段數(shù)據(jù)。
[0021]根據(jù)本發(fā)明的另一方面，提供了一種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的裝置。
[0022]—種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的裝置，包括:模型數(shù)據(jù)獲取模塊，用于從服務(wù)器獲取圓環(huán)模型數(shù)據(jù)，所述數(shù)據(jù)包括可操作區(qū)間數(shù)據(jù)和不可操作區(qū)間數(shù)據(jù)；圓環(huán)模型繪制模塊，用于根據(jù)所述圓環(huán)模型在用戶終端的顯示器繪制圓環(huán)圖形界面，所述圓環(huán)圖形界面的用戶觸摸區(qū)包括可操作區(qū)域和不可操作區(qū)域，分別對(duì)應(yīng)所述可操作區(qū)間數(shù)據(jù)和所述不可操作區(qū)間數(shù)據(jù);用戶操作繪制模塊，用于接收用戶在所述用戶觸摸區(qū)的觸摸事件，并根據(jù)所述觸摸事件在所述用戶觸摸區(qū)繪制用戶操作區(qū)間；區(qū)間數(shù)據(jù)顯示模塊，用于在用戶停止觸摸后，把所述用戶操作區(qū)間對(duì)應(yīng)的用戶選擇區(qū)間數(shù)據(jù)顯示在所述圓環(huán)圖形界面的預(yù)定區(qū)域。
[0023]根據(jù)本發(fā)明的又一方面，提供了一種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的裝置。
[0024]—種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的裝置，包括:用于存儲(chǔ)指令的存儲(chǔ)器；處理器，執(zhí)行所述指令，用于:從服務(wù)器獲取圓環(huán)模型數(shù)據(jù)，所述數(shù)據(jù)包括可操作區(qū)間數(shù)據(jù)和不可操作區(qū)間數(shù)據(jù);根據(jù)所述圓環(huán)模型在用戶終端的顯示器繪制圓環(huán)圖形界面，所述圓環(huán)圖形界面的用戶觸摸區(qū)包括可操作區(qū)域和不可操作區(qū)域，分別對(duì)應(yīng)所述可操作區(qū)間數(shù)據(jù)和所述不可操作區(qū)間數(shù)據(jù);接收用戶在所述用戶觸摸區(qū)的觸摸事件，并根據(jù)所述觸摸事件在所述用戶觸摸區(qū)繪制用戶操作區(qū)間；在用戶停止觸摸后，把所述用戶操作區(qū)間對(duì)應(yīng)的用戶選擇區(qū)間數(shù)據(jù)顯示在所述圓環(huán)圖形界面的預(yù)定區(qū)域。
[0025]根據(jù)本發(fā)明的技術(shù)方案，通過在用戶終端利用圓環(huán)圖形界面來模擬用戶的選擇區(qū)間，并準(zhǔn)確識(shí)別用戶手勢(shì)的開始點(diǎn)，根據(jù)用戶手勢(shì)點(diǎn)擊、滑動(dòng)去實(shí)時(shí)展示用戶的選擇及改變的范圍，在可選與不可選擇區(qū)間之間實(shí)時(shí)切換，從而實(shí)現(xiàn)了人機(jī)之間準(zhǔn)確、流暢的交互。本發(fā)明通過數(shù)學(xué)的基本算法及1S的Quartz 2D技術(shù)、響應(yīng)者鏈及觸摸事件來實(shí)現(xiàn)準(zhǔn)確的數(shù)據(jù)對(duì)象范圍選擇和調(diào)整，從而提供了在移動(dòng)平臺(tái)上對(duì)此類操作的一種新的交互模式。通過在服務(wù)器端配置不同類型的數(shù)據(jù)，本發(fā)明可作為動(dòng)態(tài)展示不同類型的多種狀態(tài)展示、選擇的
目.ο
【附圖說明】
[0026]附圖用于更好地理解本發(fā)明，不構(gòu)成對(duì)本發(fā)明的不當(dāng)限定。其中:
[0027]圖1是本發(fā)明實(shí)施例的利用圓環(huán)圖形界面展示用戶選擇區(qū)間的系統(tǒng)的架構(gòu)圖；
[0028]圖2是根據(jù)本發(fā)明實(shí)施例的一種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的方法的主要步驟不意圖；
[0029]圖3是本發(fā)明實(shí)施例的繪制過程示意圖；
[0030]圖4是本發(fā)明實(shí)施例的實(shí)現(xiàn)效果圖；
[0031]圖5是根據(jù)本發(fā)明一個(gè)實(shí)施例的利用圓環(huán)圖形界面展示用戶選擇區(qū)間的裝置的主要模塊示意圖；
[0032]圖6是根據(jù)本發(fā)明另一實(shí)施例的利用圓環(huán)圖形界面展示用戶選擇區(qū)間的裝置的主要模塊示意圖。
【具體實(shí)施方式】
[0033]以下結(jié)合附圖對(duì)本發(fā)明的示范性實(shí)施例做出說明，其中包括本發(fā)明實(shí)施例的各種細(xì)節(jié)以助于理解，應(yīng)當(dāng)將它們認(rèn)為僅僅是示范性的。因此，本領(lǐng)域普通技術(shù)人員應(yīng)當(dāng)認(rèn)識(shí)至IJ，可以對(duì)這里描述的實(shí)施例做出各種改變和修改，而不會(huì)背離本發(fā)明的范圍和精神。同樣，為了清楚和簡(jiǎn)明，以下的描述中省略了對(duì)公知功能和結(jié)構(gòu)的描述。
[0034]圖1是本發(fā)明實(shí)施例的利用圓環(huán)圖形界面展示用戶選擇區(qū)間的系統(tǒng)的架構(gòu)圖。如圖1所示，本發(fā)明的利用圓環(huán)圖形界面展示用戶選擇區(qū)間的系統(tǒng)主要包括:數(shù)據(jù)請(qǐng)求模塊、數(shù)據(jù)處理模塊、繪制模塊、交互響應(yīng)模塊、數(shù)據(jù)轉(zhuǎn)換模塊和數(shù)據(jù)提交模塊，共6個(gè)模塊。以下分別介紹各個(gè)模塊的功能。
[0035]數(shù)據(jù)請(qǐng)求模塊，用戶終端通過發(fā)起HTTP請(qǐng)求的形式從服務(wù)器端請(qǐng)求用于展示的數(shù)據(jù)，結(jié)合本發(fā)明的實(shí)施例，例如為時(shí)鐘模型的數(shù)據(jù)。并在服務(wù)器響應(yīng)之后，接收服務(wù)器端返回的用于展示的數(shù)據(jù)，然后，可通過通用的解析模塊解析為對(duì)應(yīng)的數(shù)據(jù)模型。
[0036]數(shù)據(jù)處理模塊，主要用于處理從服務(wù)器端獲取到的數(shù)據(jù)與用戶終端可使用的繪制數(shù)據(jù)的數(shù)據(jù)格式的轉(zhuǎn)化。主要操作內(nèi)容是取出數(shù)據(jù)請(qǐng)求模塊中得到的數(shù)據(jù)模型的時(shí)段數(shù)據(jù)(形如09:00-10:30)，并將時(shí)段數(shù)據(jù)轉(zhuǎn)化為繪制所需的浮點(diǎn)型弧度數(shù)據(jù)，然后存儲(chǔ)。
[0037]繪制模塊，主要用于繪制時(shí)鐘模型，S卩:時(shí)鐘環(huán)形交互區(qū)域、不可操作與可操作的區(qū)域范圍，并實(shí)時(shí)繪制用戶選擇時(shí)段及用于展示的字段。
[0038]交互響應(yīng)模塊，主要用于獲取用戶的輸入數(shù)據(jù)，并響應(yīng)用戶的操作。
[0039]數(shù)據(jù)轉(zhuǎn)換模塊，將從交互響應(yīng)模塊中獲取到的用戶的輸入數(shù)據(jù)轉(zhuǎn)換為繪制數(shù)據(jù)，以用于繪制模塊進(jìn)行實(shí)時(shí)繪制作為響應(yīng);再將用戶的輸入數(shù)據(jù)轉(zhuǎn)換為數(shù)據(jù)請(qǐng)求模塊中獲取的時(shí)段數(shù)據(jù)形式，以用于實(shí)時(shí)展示及數(shù)據(jù)提交模塊使用。
[0040]數(shù)據(jù)提交模塊，將用戶輸入的數(shù)據(jù)通過數(shù)據(jù)轉(zhuǎn)換模塊轉(zhuǎn)換為與服務(wù)器約定好的時(shí)段數(shù)據(jù)格式并以HTTP請(qǐng)求的形式提交給服務(wù)器。
[0041]圖2是根據(jù)本發(fā)明實(shí)施例的一種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的方法的主要步驟示意圖。如圖2所示，本發(fā)明的利用圓環(huán)圖形界面展示用戶選擇區(qū)間的方法主要包括如下的步驟S21至步驟S24。
[0042]步驟S21:從服務(wù)器獲取圓環(huán)模型數(shù)據(jù)，所述數(shù)據(jù)包括可操作區(qū)間數(shù)據(jù)和不可操作區(qū)間數(shù)據(jù)；
[0043]步驟S22:根據(jù)圓環(huán)模型在用戶終端的顯示器繪制圓環(huán)圖形界面，圓環(huán)圖形界面的用戶觸摸區(qū)包括可操作區(qū)域和不可操作區(qū)域，分別對(duì)應(yīng)可操作區(qū)間數(shù)據(jù)和不可操作區(qū)間數(shù)據(jù)；
[0044]步驟S23:接收用戶在用戶觸摸區(qū)的觸摸事件，并根據(jù)觸摸事件在用戶觸摸區(qū)繪制用戶操作區(qū)間；
[0045]步驟S24:在用戶停止觸摸后，把用戶操作區(qū)間對(duì)應(yīng)的用戶選擇區(qū)間數(shù)據(jù)顯示在圓環(huán)圖形界面的預(yù)定區(qū)域。
[0046]其中，用戶選擇區(qū)間數(shù)據(jù)經(jīng)用戶確認(rèn)后提交給所述服務(wù)器。
[0047]圓環(huán)模型數(shù)據(jù)的數(shù)據(jù)集合的元素個(gè)數(shù)及各個(gè)元素的在所述數(shù)據(jù)集合中所占的比例為固定值。例如:假設(shè)圓環(huán)模型數(shù)據(jù)的數(shù)據(jù)集合為當(dāng)前城市的行政區(qū)域面積的集合，那么該數(shù)據(jù)集合中包含的元素個(gè)數(shù)(即:當(dāng)前城市的行政區(qū)域個(gè)數(shù))是固定值，且各個(gè)元素(當(dāng)前城市的每個(gè)行政區(qū)域的面積)在該數(shù)據(jù)集合(當(dāng)前城市的行政區(qū)域面積的集合)中所占的比例為固定值。
[0048]根據(jù)本發(fā)明優(yōu)選實(shí)施例的技術(shù)方案，圓環(huán)模型例如為時(shí)鐘模型，圓環(huán)模型數(shù)據(jù)是時(shí)段數(shù)據(jù)格式，在繪制之前進(jìn)行格式轉(zhuǎn)換，把時(shí)段數(shù)據(jù)格式轉(zhuǎn)換為弧度數(shù)據(jù)格式，并將時(shí)段數(shù)據(jù)和弧度數(shù)據(jù)分別按序存放在兩個(gè)浮點(diǎn)型數(shù)組內(nèi)。以1S操作系統(tǒng)為例，在進(jìn)行時(shí)段數(shù)據(jù)格式與弧度數(shù)據(jù)格式的轉(zhuǎn)換時(shí)，可以按照以下方法進(jìn)行:
[0049]步驟Al:根據(jù)時(shí)段總數(shù)據(jù)的長(zhǎng)度與數(shù)據(jù)步長(zhǎng)確認(rèn)繪制刻度范圍及繪制單元弧長(zhǎng)。如:可選時(shí)段總數(shù)據(jù)為09: 00-21: 00，以30分鐘為步長(zhǎng)，即可選項(xiàng)為24個(gè)，那么對(duì)應(yīng)的刻度范圍為[O，23]。單元弧長(zhǎng)即步長(zhǎng)為360度弧/24 = 15度弧;若可選時(shí)段總數(shù)據(jù)為09 = 00-12:00,以20分鐘為步長(zhǎng)，則可選項(xiàng)為9個(gè)，那么對(duì)應(yīng)的刻度范圍為[O，8]。相應(yīng)地，單元弧長(zhǎng)即步長(zhǎng)為360度弧/9 = 40度??；
[0050]步驟A2:轉(zhuǎn)換服務(wù)端數(shù)據(jù)為繪制刻度數(shù)據(jù)。例如，可選時(shí)段總數(shù)據(jù)為09: 00-21: 00，以30分鐘為步長(zhǎng)，那么，09:00-10:30對(duì)應(yīng)的刻度范圍是[0，3];
[0051 ]步驟A3:將刻度數(shù)據(jù)轉(zhuǎn)化為繪制所需使用的弧度數(shù)據(jù):
[0052]弧度= Ji+刻度*0/12.0)。由于1S設(shè)備的坐標(biāo)系與我們常用的數(shù)學(xué)坐標(biāo)系不同，此處加是為了繪制時(shí)從視覺展示上是順時(shí)針從9點(diǎn)鐘方向開始。如:刻度范圍[0，3]對(duì)應(yīng)的弧度范圍為Ι>，π*5/4]。
[0053]根據(jù)本發(fā)明的技術(shù)方案，步驟S22中所述繪制的步驟可以包括:
[0054]以所述客戶終端的顯示器的顯示屏幕的物理中心為圓心，以預(yù)定的R為外半徑并且以預(yù)定的r為內(nèi)半徑繪制圓環(huán)，其中，R和r為正數(shù)，R>r，且R應(yīng)小于圓心到顯示屏幕邊緣的距離；
[0055]將所述圓環(huán)顯示為可操作區(qū)域；
[0056]從所述弧度數(shù)據(jù)中獲取不可操作區(qū)域的數(shù)據(jù)，并以不同顏色的扇形在所述圓環(huán)中繪制不可操作區(qū)域。
[0057]其中，用于顯示所述用戶選擇區(qū)間數(shù)據(jù)的所述預(yù)定區(qū)域位于所述圓環(huán)的中央。
[0058]根據(jù)用戶對(duì)用戶終端顯示屏幕的不同操作，所述觸摸事件可以包括點(diǎn)擊事件和滑動(dòng)事件。
[0059]根據(jù)本發(fā)明的技術(shù)方案，當(dāng)所述觸摸事件為所述點(diǎn)擊事件時(shí)，繪制用戶操作區(qū)間包括:獲取用戶點(diǎn)擊區(qū)域內(nèi)的任一點(diǎn)，并計(jì)算當(dāng)前點(diǎn)的弧度及其所在的弧度區(qū)間;將所述弧度區(qū)間繪制為所述用戶操作區(qū)間。其中，由于用戶在進(jìn)行點(diǎn)擊屏幕時(shí)，會(huì)形成一個(gè)觸控環(huán)形區(qū)域，因此在選擇用戶點(diǎn)擊區(qū)域內(nèi)的任一點(diǎn)時(shí)，優(yōu)選為用戶點(diǎn)擊區(qū)域的中心位置。
[0060]并且，在計(jì)算當(dāng)前點(diǎn)所在的弧度區(qū)間之前，還可以包括:確認(rèn)所述當(dāng)前點(diǎn)位于所述圓環(huán)上。若當(dāng)前點(diǎn)不在所述圓環(huán)上，則不作處理，也不提示，相當(dāng)于一次錯(cuò)誤操作，只有在當(dāng)前點(diǎn)位于圓環(huán)上時(shí)，即用戶的操作在用戶觸摸區(qū)內(nèi)時(shí)，才計(jì)算當(dāng)前點(diǎn)的弧度及其所在的弧度區(qū)間。
[0061]在計(jì)算當(dāng)前點(diǎn)的弧度及其所在的弧度區(qū)間時(shí)，可通過以下的方法來執(zhí)行:
[0062]步驟B1:記由用戶操作的點(diǎn)擊區(qū)域內(nèi)獲取的觸摸點(diǎn)為P，坐標(biāo)為(x，y)，記圓心坐標(biāo)為0(x0，y0)；
[0063]步驟B2:由從圓心到P點(diǎn)的連線獲取到當(dāng)前弧度與X軸正向的夾角。該夾角即可認(rèn)為是P點(diǎn)的弧度值，貝Ij利用反正切函數(shù)即可得到:弧度= atanf((y-y0)/(X-X0))，記弧度為:CurrentAngle0
[0064]步驟B3:由于反正切函數(shù)在數(shù)學(xué)象限上的取值區(qū)間為[-π,π]，而展示的區(qū)域?yàn)轫槙r(shí)針區(qū)域，需要將currentAngle按象限去加的整數(shù)倍來得到繪制可用的弧度值。由點(diǎn)P與圓心O坐標(biāo)的比較來獲取當(dāng)前點(diǎn)P位于數(shù)學(xué)象限的象限值，按下述規(guī)則進(jìn)行加權(quán):
[0065]P位于第四象限:currentAngIe+= π;
[0066]P位于第一、二象限:currentAngle+= 2*π ；
[0067]P位于第三象限:currentAngle+= 3*π ；
[0068]步驟Β4:用戶當(dāng)前的弧度區(qū)間為包含當(dāng)前弧度值的整15度弧度區(qū)間。如用戶選擇的時(shí)段范圍為9:00-9:50o9:00整時(shí)段，恰好落在O刻度上，則弧度范圍的左區(qū)間為π，以30分鐘為步長(zhǎng)的基礎(chǔ)上，9:50分的刻度更接近10點(diǎn)的刻度(前一個(gè)刻度時(shí)間為9:30)。10點(diǎn)的弧度為(jt+jt/6)，則9:00-9: 50所在的弧度區(qū)間為:[JT，jt+jt/6]。
[0069]另外，在將所述弧度區(qū)間繪制為所述用戶操作區(qū)間之前，還可以包括:確認(rèn)所述當(dāng)前點(diǎn)的弧度位于所述可操作區(qū)域內(nèi)。若當(dāng)前點(diǎn)的弧度位于可操作區(qū)域內(nèi)，則將所述弧度區(qū)間繪制為所述用戶操作區(qū)間，否則，提示此次用戶操作的時(shí)段區(qū)間為不可操作區(qū)域。在判斷當(dāng)前點(diǎn)的弧度是否位于可操作區(qū)域內(nèi)時(shí)，可通過以下的步驟來實(shí)現(xiàn):
[0070]步驟Cl:將服務(wù)器端獲取到的不可操作的時(shí)段數(shù)據(jù)數(shù)組按步驟Al至步驟A3所述的方法轉(zhuǎn)換為不可操作的弧度區(qū)間數(shù)組，并分別按序存儲(chǔ)于兩個(gè)浮點(diǎn)型數(shù)組中；然后，計(jì)算當(dāng)前點(diǎn)的弧度current Ang I e ；
[0071]步驟C2:折半查找，從弧度區(qū)間數(shù)組中找出第2*i個(gè)元素的值大于currentAngle，且第2*( i+1)個(gè)元素值小于currentAngle的i值。若此i值不存在，則表示當(dāng)前點(diǎn)為可操作時(shí)段；否則，判斷第2*i + l個(gè)數(shù)組元素是否大于currentAngle，如果第2*i + l個(gè)數(shù)組元素大于currentAngle，則表明當(dāng)前點(diǎn)落在了下標(biāo)為(2*i，2*i+l)這段不可操作的弧度范圍，否則視為當(dāng)前點(diǎn)落在可操作時(shí)段。
[0072]并且，在將所述弧度區(qū)間繪制為所述用戶操作區(qū)間之后，還可以包括:存儲(chǔ)所述弧度區(qū)間；以及若用戶重復(fù)提交點(diǎn)擊事件，則存儲(chǔ)最后一個(gè)位于所述可操作區(qū)域內(nèi)的弧度區(qū)間。
[0073]根據(jù)本發(fā)明的技術(shù)方案，當(dāng)所述觸摸事件為所述滑動(dòng)事件時(shí)，繪制所述用戶操作區(qū)間包括:獲取用戶在所述用戶觸摸區(qū)中剛觸摸到的點(diǎn)擊區(qū)域內(nèi)的任一點(diǎn)，并計(jì)算當(dāng)前點(diǎn)的弧度;根據(jù)用戶的滑動(dòng)操作的范圍繪制所述用戶操作區(qū)間。同樣地，這里的“任一點(diǎn)”在選取時(shí)，優(yōu)選為用戶點(diǎn)擊區(qū)域的中心位置。
[0074]在本發(fā)明中，滑動(dòng)事件與點(diǎn)擊事件的處理不同，點(diǎn)擊事件中用戶松開即操作結(jié)束，但是滑動(dòng)事件中，用戶點(diǎn)擊后還可以再繼續(xù)滑動(dòng)以選擇相應(yīng)的時(shí)間區(qū)間，且用戶可以向當(dāng)前點(diǎn)的兩端滑動(dòng)。例如:設(shè)定每次可選的時(shí)間區(qū)間為兩個(gè)小時(shí)，假設(shè)用戶欲選擇9:00-11:00的時(shí)段，用戶點(diǎn)擊9:40后，可以向左滑動(dòng)至9:00的位置，以及向右滑動(dòng)至11:00的位置，只要總時(shí)間范圍在兩個(gè)小時(shí)之內(nèi)即可。在處理滑動(dòng)事件時(shí)，如果用戶點(diǎn)擊的是9:40這個(gè)時(shí)間點(diǎn)，其對(duì)應(yīng)的時(shí)段為9:30-10:00。那么此時(shí)用戶就有兩個(gè)可操作的端點(diǎn)，一端為9:30處，一端為10:00處，如果滑動(dòng)9:30這個(gè)端點(diǎn)，滑至9:00，那么此處用戶選擇的范圍就是9:00-10:00;如果用戶之后再次向右滑動(dòng)，即向10:00方向滑動(dòng)，那么如果滑動(dòng)到11:00，那么該用戶的選擇時(shí)段為10:00-11:00。即可認(rèn)為，當(dāng)處理滑動(dòng)事件時(shí)，用戶滑動(dòng)可操作的端點(diǎn)是在改變?cè)摃r(shí)段的起點(diǎn)或終點(diǎn)，最終用戶選定的時(shí)段為兩個(gè)端點(diǎn)之間的區(qū)域。
[0075]并且，在繪制所述用戶操作區(qū)間之前，還可以包括:確認(rèn)所述當(dāng)前點(diǎn)的弧度位于所述可操作區(qū)域內(nèi)。如果當(dāng)前點(diǎn)的弧度落在了不可操作區(qū)域內(nèi)，則無論用戶繼續(xù)向不可操作區(qū)域滑動(dòng)還是向可操作區(qū)域滑動(dòng)，均以不可操作區(qū)域的開始端點(diǎn)為端點(diǎn)，結(jié)束實(shí)時(shí)繪制；否貝Ij，如果當(dāng)前點(diǎn)的弧度落在可操作區(qū)域內(nèi)，則將當(dāng)前弧度currentAngle確認(rèn)為新的端點(diǎn)，繪制出用戶在可操作區(qū)域內(nèi)的操作區(qū)間，使視覺上用戶的操作的區(qū)間長(zhǎng)度隨用戶的滑動(dòng)手勢(shì)而增大或縮小。
[0076]本發(fā)明中，在將所述用戶選擇區(qū)間數(shù)據(jù)顯示在所述預(yù)定區(qū)域之前，還可以包括:將所述用戶操作區(qū)間對(duì)應(yīng)的弧度數(shù)據(jù)轉(zhuǎn)換為時(shí)段數(shù)據(jù)。在將弧度數(shù)據(jù)轉(zhuǎn)換為時(shí)段數(shù)據(jù)時(shí)，可按照如下的步驟進(jìn)行:
[0077]步驟Dl:由用戶觸摸點(diǎn)得到當(dāng)前的觸摸點(diǎn)所在的弧度區(qū)間；
[0078]步驟D2:根據(jù)前述步驟A3中的公式:弧度=31+刻度*0/12.0)，將弧度區(qū)間轉(zhuǎn)換為刻度區(qū)間；
[0079]步驟D3:根據(jù)步驟Al、步驟A2進(jìn)行逆推，即可得到時(shí)段，S卩服務(wù)端使用的數(shù)據(jù)，也是友好的、可被用戶直觀讀取的數(shù)據(jù)。
[0080]通過上述的方法，即可實(shí)現(xiàn)利用圓環(huán)圖形界面顯示用戶選擇區(qū)間。下面將結(jié)合具體的實(shí)施例介紹本發(fā)明的具體實(shí)現(xiàn)步驟。本實(shí)施例中以用戶點(diǎn)擊選中第一區(qū)域后，又滑動(dòng)選取第二區(qū)域?yàn)槔M(jìn)行說明。
[0081]步驟El:用戶終端從服務(wù)器獲取時(shí)鐘模型數(shù)據(jù)，并從數(shù)據(jù)模型中提取出可操作和不可操作時(shí)段數(shù)據(jù)。
[0082]步驟E2:將步驟El中獲取的數(shù)據(jù)從時(shí)段格式hh:mm-hh:mm(例如9: 00-9: 30)轉(zhuǎn)為弧度數(shù)值范圍(如[m+Vl2])，并分別按序存放在兩個(gè)浮點(diǎn)型數(shù)組內(nèi)，如時(shí)段數(shù)組為(9.0，9上")、浮點(diǎn)數(shù)組為(>，11+:11/12...)。
[0083]步驟E3:繪制時(shí)鐘模型。如圖3所示的本發(fā)明實(shí)施例的繪制過程示意圖，以客戶終端的顯示器的顯示屏幕的物理中心為圓心，以R為半徑順時(shí)針畫大圓，以r為半徑逆時(shí)針畫小圓(R>r，差值為環(huán)形寬度)，兩圓相交取余畫出圓環(huán)部分，并保存該路徑。將圓環(huán)部分整體繪制為表示可操作的顏色(圖中以不同的形狀來表示)。從步驟E2中獲取到的不可操作數(shù)據(jù)的浮點(diǎn)型數(shù)組中按序成對(duì)取出數(shù)組元素，記元素下標(biāo)能被2整除的數(shù)值為起始弧度，該下標(biāo)+1的數(shù)值為終止弧度。以客戶終端的顯示器的顯示屏幕的物理中心為圓心，分別以R和r為半徑，開始弧度和結(jié)束弧度畫扇形相交取余，繪制出不可操作的區(qū)域范圍。
[0084]步驟E4:用戶點(diǎn)擊用戶終端的屏幕形成觸控環(huán)形區(qū)域視為用戶輸入的一個(gè)操作。首先根據(jù)響應(yīng)鏈(是一個(gè)響應(yīng)者對(duì)象的連接序列，事件或動(dòng)作消息依次傳遞)來獲取用戶觸控區(qū)域的任一點(diǎn)P(優(yōu)選為觸控環(huán)形區(qū)域的中心位置)，根據(jù)步驟E3中繪制的環(huán)形路徑來判斷用戶的觸摸區(qū)域是否位于圓環(huán)之上。若當(dāng)前觸摸點(diǎn)P在圓環(huán)外本模塊不做處理;若當(dāng)前觸摸點(diǎn)P落在圓環(huán)上，則計(jì)算用戶當(dāng)前觸摸點(diǎn)P的弧度及弧度區(qū)間。
[0085]步驟E5:判斷步驟E4中得到的當(dāng)前觸摸點(diǎn)P的弧度是否為可操作時(shí)段，如果用戶觸摸點(diǎn)P的弧度在不可操作區(qū)域內(nèi)則顯示用戶當(dāng)前所選時(shí)段，并提示為不可操作的區(qū)域。如果用戶觸摸點(diǎn)P的弧度為可操作區(qū)域則將該弧度區(qū)間繪制為表示正在操作的顏色(也可以不同的形狀來表示)，并將該弧度轉(zhuǎn)換為服務(wù)器端可識(shí)別的數(shù)據(jù)，顯示在圓環(huán)中央，以便用戶可直觀讀取到當(dāng)前操作的時(shí)間區(qū)段。
[0086]步驟E6:將步驟E5中獲取的可操作的弧度區(qū)間存儲(chǔ)起來。結(jié)合圖3可知，可操作的弧度區(qū)間即為整個(gè)圓環(huán)上除了用戶不可操作區(qū)域及當(dāng)前用戶的正在操作區(qū)域(第一區(qū)域)之外的部分。如果用戶重復(fù)點(diǎn)擊動(dòng)作，則存儲(chǔ)最后一個(gè)可操作的弧度區(qū)間，丟棄之前的值。
[0087]步驟E7:若用戶點(diǎn)擊操作完成后又滑動(dòng)手勢(shì)選取第二區(qū)域，touchMove將實(shí)時(shí)獲取用戶滑動(dòng)位置區(qū)域內(nèi)一點(diǎn)(優(yōu)選為用戶剛觸摸到用戶終端顯示屏?xí)r的那個(gè)觸控區(qū)域的中心位置)，獲取當(dāng)前點(diǎn)的弧度currentAngle，弧度值currentAngle與步驟E6中保存的可操作區(qū)間端點(diǎn)比較，將相近值確認(rèn)為用戶操作端，由此可知用戶當(dāng)前操作的是哪一端，便于繪制實(shí)時(shí)展現(xiàn)和確認(rèn)邊界。
[0088]步驟E8:根據(jù)步驟E7中獲取的弧度值currentAngle，實(shí)時(shí)判斷弧度值currentAngle是否落在不可操作的區(qū)域內(nèi)，如果落在了不可操作區(qū)域內(nèi)，用戶繼續(xù)向不可操作區(qū)域滑動(dòng)則以不可操作區(qū)域的開始端點(diǎn)為端點(diǎn)，結(jié)束實(shí)時(shí)繪制；否則將當(dāng)前弧度c u rr e n t An g I e確認(rèn)為新的端點(diǎn)，繪制出用戶操作區(qū)間，使視覺上用戶的操作的區(qū)間長(zhǎng)度隨用戶的滑動(dòng)手勢(shì)而增大或縮小。
[0089]步驟E9:跟隨用戶滑動(dòng)手勢(shì)獲取的新的操作區(qū)間，由弧度數(shù)據(jù)轉(zhuǎn)換為用戶能夠讀取的時(shí)段數(shù)據(jù)展示出來。
[0090]步驟E10:用戶結(jié)束操作，將步驟E9中獲取的用戶可讀數(shù)據(jù)即服務(wù)器數(shù)據(jù)提交給服務(wù)器。
[0091]圖4是本發(fā)明實(shí)施例的實(shí)現(xiàn)效果圖。如圖4，當(dāng)用戶選定操作區(qū)域后，將會(huì)用不同的顏色或者形狀等標(biāo)示在時(shí)鐘區(qū)域內(nèi)，并在圓環(huán)的中央部分顯示用戶選定的時(shí)間范圍。
[0092]圖5是根據(jù)本發(fā)明一個(gè)實(shí)施例的利用圓環(huán)圖形界面展示用戶選擇區(qū)間的裝置的主要模塊示意圖。如圖5所示，本發(fā)明的利用圓環(huán)圖形界面展示用戶選擇區(qū)間的裝置50主要包括模型數(shù)據(jù)獲取模塊51、圓環(huán)模型繪制模塊52、用戶操作繪制模塊53和區(qū)間數(shù)據(jù)顯示模塊54。
[0093]模型數(shù)據(jù)獲取模塊51用于從服務(wù)器獲取圓環(huán)模型數(shù)據(jù)，所述數(shù)據(jù)包括可操作區(qū)間數(shù)據(jù)和不可操作區(qū)間數(shù)據(jù)；圓環(huán)模型繪制模塊52用于根據(jù)所述圓環(huán)模型在用戶終端的顯示器繪制圓環(huán)圖形界面，所述圓環(huán)圖形界面的用戶觸摸區(qū)包括可操作區(qū)域和不可操作區(qū)域，分別對(duì)應(yīng)所述可操作區(qū)間數(shù)據(jù)和所述不可操作區(qū)間數(shù)據(jù);用戶操作繪制模塊53用于接收用戶在所述用戶觸摸區(qū)的觸摸事件，并根據(jù)所述觸摸事件在所述用戶觸摸區(qū)繪制用戶操作區(qū)間；區(qū)間數(shù)據(jù)顯示模塊54用于在用戶停止觸摸后，把所述用戶操作區(qū)間對(duì)應(yīng)的用戶選擇區(qū)間數(shù)據(jù)顯示在所述圓環(huán)圖形界面的預(yù)定區(qū)域。
[0094]圖6是根據(jù)本發(fā)明另一實(shí)施例的利用圓環(huán)圖形界面展示用戶選擇區(qū)間的裝置的主要模塊示意圖。如圖6所示，本發(fā)明的利用圓環(huán)圖形界面展示用戶選擇區(qū)間的裝置60主要包括處理器61和用于存儲(chǔ)指令的存儲(chǔ)器62。
[0095]其中，處理器61執(zhí)行所述指令，用于:從服務(wù)器獲取圓環(huán)模型數(shù)據(jù)，所述數(shù)據(jù)包括可操作區(qū)間數(shù)據(jù)和不可操作區(qū)間數(shù)據(jù);根據(jù)所述圓環(huán)模型在用戶終端的顯示器繪制圓環(huán)圖形界面，所述圓環(huán)圖形界面的用戶觸摸區(qū)包括可操作區(qū)域和不可操作區(qū)域，分別對(duì)應(yīng)所述可操作區(qū)間數(shù)據(jù)和所述不可操作區(qū)間數(shù)據(jù);接收用戶在所述用戶觸摸區(qū)的觸摸事件，并根據(jù)所述觸摸事件在所述用戶觸摸區(qū)繪制用戶操作區(qū)間；在用戶停止觸摸后，把所述用戶操作區(qū)間對(duì)應(yīng)的用戶選擇區(qū)間數(shù)據(jù)顯示在所述圓環(huán)圖形界面的預(yù)定區(qū)域。
[0096]根據(jù)本發(fā)明實(shí)施例的技術(shù)方案，通過在用戶終端利用時(shí)鐘式圖形界面來模擬用戶的選擇時(shí)段，并準(zhǔn)確識(shí)別用戶手勢(shì)的開始點(diǎn)，根據(jù)用戶手勢(shì)點(diǎn)擊、滑動(dòng)去實(shí)時(shí)展示用戶的選擇及改變的范圍，在可選與不可選擇區(qū)間之間實(shí)時(shí)切換，從而實(shí)現(xiàn)了人機(jī)之間準(zhǔn)確、流暢的交互。本發(fā)明通過數(shù)學(xué)的基本算法及1S的Quartz 2D技術(shù)、響應(yīng)者鏈及觸摸事件來實(shí)現(xiàn)準(zhǔn)確的數(shù)據(jù)對(duì)象范圍選擇和調(diào)整，從而提供了在移動(dòng)平臺(tái)上對(duì)此類操作的一種新的交互模式。通過在服務(wù)器端配置不同類型的數(shù)據(jù)，本發(fā)明可作為動(dòng)態(tài)展示不同類型的多種狀態(tài)展示、選擇的裝置。
[0097]例如，根據(jù)本發(fā)明的技術(shù)方案，若服務(wù)端獲取的為非時(shí)段的其他類型的數(shù)據(jù)，只需簡(jiǎn)單修改服務(wù)端數(shù)據(jù)格式與繪制的刻度格式的互轉(zhuǎn)算法即可實(shí)現(xiàn)同效果的展示和交互。例如，LBS(基于位置服務(wù)，是指通過電信移動(dòng)運(yùn)營(yíng)商的無線電通訊網(wǎng)絡(luò)或外部定位方式，獲取移動(dòng)終端用戶的位置信息，在地理信息系統(tǒng)平臺(tái)的支持下，為用戶提供相應(yīng)服務(wù)的一種增值業(yè)務(wù))應(yīng)用中多地理位置區(qū)域(例如當(dāng)前城市的行政區(qū)域劃分)展示的選擇、項(xiàng)目周期管理的狀態(tài)和工期的展示和調(diào)整、理財(cái)類APP中資產(chǎn)配比的展示調(diào)整、多選項(xiàng)類目的展示等都可以采用本裝置進(jìn)行顯示和設(shè)置。
[0098]以LBS應(yīng)用中多地理位置區(qū)域(例如當(dāng)前城市的行政區(qū)域劃分)展示選擇為例，主要實(shí)現(xiàn)步驟如下:
[0099]步驟Fl:請(qǐng)求模塊將用戶地理信息發(fā)送服務(wù)器，服務(wù)器將用戶當(dāng)前所在城市的行政區(qū)域名稱及行政區(qū)域面積返回給客戶端；
[0100]步驟F2:數(shù)據(jù)處理模塊獲取到當(dāng)前行政區(qū)域名稱、總數(shù)、總的行政區(qū)域面積以及各個(gè)行政區(qū)域的面積占總面積的比例(rate)。行政區(qū)域?qū)?yīng)的弧長(zhǎng)計(jì)算為:弧長(zhǎng)= 2*rate*3i，并存放于數(shù)組中。數(shù)組中弧長(zhǎng)數(shù)組順序與行政區(qū)域數(shù)組順序一一對(duì)應(yīng)；
[0101]步驟F3:繪制模塊將不同的行政區(qū)域按照對(duì)應(yīng)的弧長(zhǎng)繪制出來，并填充不同的顏色；
[0102]步驟F4:用戶觸摸圓環(huán)交互區(qū)域，用戶交互模塊識(shí)別到用戶的觸摸點(diǎn)。計(jì)算出該點(diǎn)弧度，通過弧度判斷出該點(diǎn)屬于哪一行政區(qū)域，將該行政區(qū)域名稱作為用戶選擇的行政區(qū)域顯示。
[0103]上述【具體實(shí)施方式】，并不構(gòu)成對(duì)本發(fā)明保護(hù)范圍的限制。本領(lǐng)域技術(shù)人員應(yīng)該明白的是，取決于設(shè)計(jì)要求和其他因素，可以發(fā)生各種各樣的修改、組合、子組合和替代。任何在本發(fā)明的精神和原則之內(nèi)所作的修改、等同替換和改進(jìn)等，均應(yīng)包含在本發(fā)明保護(hù)范圍之內(nèi)。
【主權(quán)項(xiàng)】
1.一種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的方法，其特征在于，包括: 從服務(wù)器獲取圓環(huán)模型數(shù)據(jù)，所述數(shù)據(jù)包括可操作區(qū)間數(shù)據(jù)和不可操作區(qū)間數(shù)據(jù)； 根據(jù)所述圓環(huán)模型在用戶終端的顯示器繪制圓環(huán)圖形界面，所述圓環(huán)圖形界面的用戶觸摸區(qū)包括可操作區(qū)域和不可操作區(qū)域，分別對(duì)應(yīng)所述可操作區(qū)間數(shù)據(jù)和所述不可操作區(qū)間數(shù)據(jù)； 接收用戶在所述用戶觸摸區(qū)的觸摸事件，并根據(jù)所述觸摸事件在所述用戶觸摸區(qū)繪制用戶操作區(qū)間； 在用戶停止觸摸后，把所述用戶操作區(qū)間對(duì)應(yīng)的用戶選擇區(qū)間數(shù)據(jù)顯示在所述圓環(huán)圖形界面的預(yù)定區(qū)域。2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述用戶選擇區(qū)間數(shù)據(jù)經(jīng)用戶確認(rèn)后提交給所述服務(wù)器。3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述圓環(huán)模型數(shù)據(jù)的數(shù)據(jù)集合的元素個(gè)數(shù)及各個(gè)元素的在所述數(shù)據(jù)集合中所占的比例為固定值。4.根據(jù)權(quán)利要求1所述的方法，其特征在于， 所述圓環(huán)模型數(shù)據(jù)是時(shí)段數(shù)據(jù)格式，在所述繪制之前進(jìn)行格式轉(zhuǎn)換，把所述時(shí)段數(shù)據(jù)格式轉(zhuǎn)換為弧度數(shù)據(jù)格式，并將所述時(shí)段數(shù)據(jù)和所述弧度數(shù)據(jù)分別按序存放在兩個(gè)浮點(diǎn)型數(shù)組內(nèi)。5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述繪制的步驟包括: 以所述客戶終端的顯示器的顯示屏幕的物理中心為圓心，以預(yù)定的R為外半徑并且以預(yù)定的r為內(nèi)半徑繪制圓環(huán)，其中，R和r為正數(shù)，R>r，且R應(yīng)小于圓心到顯示屏幕邊緣的距離； 將所述圓環(huán)顯示為可操作區(qū)域； 從所述弧度數(shù)據(jù)中獲取不可操作區(qū)域的數(shù)據(jù)，并以不同顏色的扇形在所述圓環(huán)中繪制不可操作區(qū)域。6.根據(jù)權(quán)利要求1所述的方法，其特征在于，用于顯示所述用戶選擇區(qū)間數(shù)據(jù)的所述預(yù)定區(qū)域位于所述圓環(huán)的中央。7.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述觸摸事件包括點(diǎn)擊事件和滑動(dòng)事件。8.根據(jù)權(quán)利要求7所述的方法，其特征在于，當(dāng)所述觸摸事件為所述點(diǎn)擊事件時(shí)，繪制用戶操作區(qū)間包括: 獲取用戶點(diǎn)擊區(qū)域內(nèi)的任一點(diǎn)，并計(jì)算當(dāng)前點(diǎn)的弧度及其所在的弧度區(qū)間； 將所述弧度區(qū)間繪制為所述用戶操作區(qū)間。9.根據(jù)權(quán)利要求8所述的方法，其特征在于，計(jì)算當(dāng)前點(diǎn)所在的弧度區(qū)間之前，還包括: 確認(rèn)所述當(dāng)前點(diǎn)位于所述圓環(huán)上。10.根據(jù)權(quán)利要求8所述的方法，其特征在于，將所述弧度區(qū)間繪制為所述用戶操作區(qū)間之前，還包括: 確認(rèn)所述當(dāng)前點(diǎn)的弧度位于所述可操作區(qū)域內(nèi)。11.根據(jù)權(quán)利要求8所述的方法，其特征在于，將所述弧度區(qū)間繪制為所述用戶操作區(qū)間之后，還包括: 存儲(chǔ)所述弧度區(qū)間；以及 若用戶重復(fù)提交點(diǎn)擊事件，則存儲(chǔ)最后一個(gè)位于所述可操作區(qū)域內(nèi)的弧度區(qū)間。12.根據(jù)權(quán)利要求7所述的方法，其特征在于，當(dāng)所述觸摸事件為所述滑動(dòng)事件時(shí)，繪制所述用戶操作區(qū)間包括: 獲取用戶在所述用戶觸摸區(qū)中剛觸摸到的點(diǎn)擊區(qū)域內(nèi)的任一點(diǎn)，并計(jì)算當(dāng)前點(diǎn)的弧度； 根據(jù)用戶的滑動(dòng)操作的范圍繪制所述用戶操作區(qū)間。13.根據(jù)權(quán)利要求12所述的方法，其特征在于，繪制所述用戶操作區(qū)間之前，還包括: 確認(rèn)所述當(dāng)前點(diǎn)的弧度位于所述可操作區(qū)域內(nèi)。14.根據(jù)權(quán)利要求1所述的方法，其特征在于，將所述用戶選擇區(qū)間數(shù)據(jù)顯示在所述預(yù)定區(qū)域之前，還包括: 將所述用戶操作區(qū)間對(duì)應(yīng)的弧度數(shù)據(jù)轉(zhuǎn)換為時(shí)段數(shù)據(jù)。15.—種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的裝置，其特征在于，包括: 模型數(shù)據(jù)獲取模塊，用于從服務(wù)器獲取圓環(huán)模型數(shù)據(jù)，所述數(shù)據(jù)包括可操作區(qū)間數(shù)據(jù)和不可操作區(qū)間數(shù)據(jù)； 圓環(huán)模型繪制模塊，用于根據(jù)所述圓環(huán)模型在用戶終端的顯示器繪制圓環(huán)圖形界面，所述圓環(huán)圖形界面的用戶觸摸區(qū)包括可操作區(qū)域和不可操作區(qū)域，分別對(duì)應(yīng)所述可操作區(qū)間數(shù)據(jù)和所述不可操作區(qū)間數(shù)據(jù)； 用戶操作繪制模塊，用于接收用戶在所述用戶觸摸區(qū)的觸摸事件，并根據(jù)所述觸摸事件在所述用戶觸摸區(qū)繪制用戶操作區(qū)間； 區(qū)間數(shù)據(jù)顯示模塊，用于在用戶停止觸摸后，把所述用戶操作區(qū)間對(duì)應(yīng)的用戶選擇區(qū)間數(shù)據(jù)顯示在所述圓環(huán)圖形界面的預(yù)定區(qū)域。16.—種利用圓環(huán)圖形界面展示用戶選擇區(qū)間的裝置，其特征在于，包括: 用于存儲(chǔ)指令的存儲(chǔ)器； 處理器，執(zhí)行所述指令，用于: 從服務(wù)器獲取圓環(huán)模型數(shù)據(jù)，所述數(shù)據(jù)包括可操作區(qū)間數(shù)據(jù)和不可操作區(qū)間數(shù)據(jù)； 根據(jù)所述圓環(huán)模型在用戶終端的顯示器繪制圓環(huán)圖形界面，所述圓環(huán)圖形界面的用戶觸摸區(qū)包括可操作區(qū)域和不可操作區(qū)域，分別對(duì)應(yīng)所述可操作區(qū)間數(shù)據(jù)和所述不可操作區(qū)間數(shù)據(jù)； 接收用戶在所述用戶觸摸區(qū)的觸摸事件，并根據(jù)所述觸摸事件在所述用戶觸摸區(qū)繪制用戶操作區(qū)間； 在用戶停止觸摸后，把所述用戶操作區(qū)間對(duì)應(yīng)的用戶選擇區(qū)間數(shù)據(jù)顯示在所述圓環(huán)圖形界面的預(yù)定區(qū)域。
【文檔編號(hào)】G06F3/0488GK105867803SQ201610176724
【公開日】2016年8月17日
【申請(qǐng)日】2016年3月25日
【發(fā)明人】喬菲
【申請(qǐng)人】北京京東尚科信息技術(shù)有限公司, 北京京東世紀(jì)貿(mào)易有限公司