專利名稱：一種計算機(jī)軟件界面的交互方法
技術(shù)領(lǐng)域：
本發(fā)明涉及計算機(jī)軟件和觸控技術(shù)，具體涉及一種計算機(jī)軟件界面的交互方法，尤其涉及工具欄和菜單命令交互。
背景技術(shù)：
軟件交互界面一般都有控制區(qū)(按鈕和菜單)和顯示區(qū)。在觸摸屏設(shè)備上，設(shè)計按鈕和菜單較多的軟件界面時傳統(tǒng)方法會面臨兩個困境:若將按鈕的大小設(shè)計為成人手指可以直接點(diǎn)擊，那軟件界面的一大部分都將被控制區(qū)占據(jù)，軟件的顯示區(qū)太小，使用體驗(yàn)差；若將按鈕設(shè)計得較小，那會導(dǎo)致用戶很容易誤點(diǎn)擊，使用體驗(yàn)還是差。另外，在智能手機(jī)上雖然有放大鏡功能，但既不能用做交互，也無法識別控制區(qū)和顯示區(qū)。本發(fā)明可將按鈕和菜單在第一次點(diǎn)擊后在點(diǎn)擊位置局部放大顯示讓用戶二次點(diǎn)擊，這樣既保留了較大界面給軟件顯示功能，又能減少控制區(qū)的誤點(diǎn)擊。

發(fā)明內(nèi)容
本發(fā)明需要解決的技術(shù)問題是，如何提供一種計算機(jī)軟件界面的交互方法，能保證顯示區(qū)空間大小且不影響用戶操作和誤點(diǎn)擊。本發(fā)明的上述技術(shù)問題這樣解決:構(gòu)建一種計算機(jī)軟件界面的交互方法，該方法利用工具欄控件和工具放大容器控件在觸摸屏上這樣進(jìn)行命令交互:分別監(jiān)聽工具欄點(diǎn)擊事件和工具欄移動事件:(一 )若發(fā)生工具欄點(diǎn)擊事件，則獲取當(dāng)前位置，利用X軸坐標(biāo)計算定位工具欄中最接近的3個工具組件并阻止向軟件應(yīng)用發(fā)送對應(yīng)工具組件點(diǎn)擊命令；然后，根據(jù)需要調(diào)整所述工具放大容器控件的寬度并將所述3個工具組件放大放置在工具放大容器控件內(nèi)，再在當(dāng)前位置的對應(yīng)下方顯示該工具放大容器控件；( 二 )若發(fā)生工具欄移動事件，則獲取當(dāng)前位置，利用X軸坐標(biāo)計算定位工具欄中最接近的3項工具組件并阻止向軟件應(yīng)用發(fā)送對應(yīng)工具欄移動命令；然后，根據(jù)需要調(diào)整所述工具放大容器控件的寬度并將所述3項工具組件放大放置在工具放大容器控件內(nèi)，再在當(dāng)前位置的對應(yīng)下方顯示該工具放大容器控件；在步驟(一)和(二)中還包括:被顯示的工具放大容器控件中被放大的工具組件接收并向軟件應(yīng)用發(fā)送對應(yīng)工具組件點(diǎn)擊命令，完成后隱藏被點(diǎn)擊的工具放大容器控件；該方法還利用菜單控件和菜單項容器控件在觸摸屏上這樣進(jìn)行命令交互:(三)監(jiān)聽菜單點(diǎn)擊事件，若發(fā)生則獲取當(dāng)前位置和當(dāng)前菜單的下拉菜單項并阻止向軟件應(yīng)用發(fā)送菜單點(diǎn)擊命令；然后，根據(jù)需要調(diào)整所述菜單項容器控件的大小并將所述下拉菜單項放置在菜單項容器控件內(nèi)，再在當(dāng)前位置的對應(yīng)下方顯示并逐步放大該菜單項容器控件直至全屏；
在步驟(三)中還包括:被全屏顯示的菜單項容器控件中被放大的下拉菜單項接收并向軟件應(yīng)用發(fā)送對應(yīng)菜單項點(diǎn)擊命令，完成后逐步縮小并隱藏該菜單項容器控件。按照本發(fā)明提供的計算機(jī)軟件界面的交互方法，步驟(二)中若當(dāng)前位置移出工具欄邊界，隱藏放大容器控件。按照本發(fā)明提供的計算機(jī)軟件界面的交互方法，被隱藏的放大容器控件中工具組件不接收用戶點(diǎn)擊命令或?qū)⑺l(fā)送給上一層。按照本發(fā)明提供的計算機(jī)軟件界面的交互方法，步驟(一)和(二)中還包括根據(jù)當(dāng)前位置計算確定工具放大容器控件的具體顯示位置。按照本發(fā)明提供的計算機(jī)軟件界面的交互方法，步驟(三)中還包括根據(jù)當(dāng)前位置計算確定菜單項容器控件的初始顯示位置。按照本發(fā)明提供的計算機(jī)軟件界面的交互方法，還包括在逐步放大菜單項容器控件的同時逐步增加不透明度至完全不透明。按照本發(fā)明提供的計算機(jī)軟件界面的交互方法，還包括在逐步縮小菜單項容器控件的同時逐步增加透明度至完全透明。按照本發(fā)明提供的計算機(jī)軟件界面的交互方法，被全屏顯示的菜單項容器控件還包括返回按鍵，該方法還包括點(diǎn)擊該返回按鍵后逐步縮小并隱藏該菜單項容器控件。按照本發(fā)明提供的計算機(jī)軟件界面的交互方法，包括上述所有技術(shù)特征或任意組
口 ο本發(fā)明提供的計算機(jī)軟件界面的交互方法，分步驟完成命令交互，與現(xiàn)有技術(shù)相比具有以下優(yōu)點(diǎn):1.操作簡單且符合用戶操作習(xí)慣；2.減少誤操作；3.不影響顯示區(qū)域的空間。


下面結(jié)合附圖和具體實(shí)施例進(jìn)一步對本發(fā)明進(jìn)行詳細(xì)說明。圖1是本發(fā)明具體實(shí)施例的工具欄交互界面示意圖；圖2是與圖1所示對應(yīng)的工具欄交互流程示意圖；圖3是本發(fā)明具體實(shí)施例的菜單放大交互界面示意圖；圖4是與圖3所示對應(yīng)的菜單交互流程示意圖。
具體實(shí)施例方式如圖1所示，本發(fā)明具體實(shí)施例中，當(dāng)用戶點(diǎn)擊觸摸屏設(shè)備上的軟件界面的按鈕時，該觸摸屏設(shè)備將該按鈕的周圍(附近的3個按鈕)局部放大顯示讓用戶二次點(diǎn)擊；若用戶在二次點(diǎn)擊前移動手指，局部放大的區(qū)域(3個按鈕)跟著變化。放大按鈕保持在最上層，方便用戶點(diǎn)擊；點(diǎn)擊后該放大的圖標(biāo)自動消失；如用戶點(diǎn)擊放大圖標(biāo)外的區(qū)域該圖標(biāo)也會消失。如圖2所示，該工具欄交互程序包括以下步驟:201)分別監(jiān)聽工具欄toolbar點(diǎn)擊事件touchstar和工具欄移動事件touchmove:若發(fā)生點(diǎn)擊事件,進(jìn)入步驟202);若發(fā)生移動事件,進(jìn)入步驟204)；202)獲取當(dāng)前位置，利用X軸坐標(biāo)計算定位工具欄中最接近的3項工具組件并阻止向軟件應(yīng)用發(fā)送對應(yīng)工具點(diǎn)擊命令；203)根據(jù)需要調(diào)整工具放大容器控件A的寬度并將所述3項工具組件放大放置在工具放大容器控件A內(nèi)，再在步驟202)中當(dāng)前位置的對應(yīng)下方顯示該工具放大容器控件A，進(jìn)入步驟206);其中還包括根據(jù)當(dāng)前位置計算確定工具放大容器控件A的顯示位置；204)獲取當(dāng)前位置，利用X軸坐標(biāo)計算定位工具欄中最接近的3項工具組件并阻止向軟件應(yīng)用發(fā)送對應(yīng)工具欄移動命令；205)根據(jù)需要調(diào)整所述放大容器控件A的寬度并將所述3項工具組件放大放置在放大容器控件A內(nèi)，再在步驟202)中當(dāng)前位置的對應(yīng)下方顯示該放大容器控件A ;其中還包括根據(jù)當(dāng)前位置計算確定工具放大容器控件A的顯示位置；206)工具放大容器控件A中被放大的工具組件接收并向軟件應(yīng)用發(fā)送對應(yīng)工具組件點(diǎn)擊命令，完成后隱藏被點(diǎn)擊的工具放大容器控件。如圖3所示，本發(fā)明具體實(shí)施例中，當(dāng)用戶點(diǎn)擊觸摸屏設(shè)備上的軟件界面的菜單時，該觸摸屏設(shè)備將當(dāng)前菜單的下拉菜單項在當(dāng)前位置的對應(yīng)下方顯示并逐步放大直至全屏讓用戶二次點(diǎn)擊；點(diǎn)擊后該放大的下拉菜單自動消失。如圖4所示，該菜單交互程序包括以下步驟:401)監(jiān)聽菜單點(diǎn)擊事件click，若發(fā)生點(diǎn)擊事件，進(jìn)入下一步；402)獲取當(dāng)前位置和當(dāng)前菜單的下拉菜單項；然后，根據(jù)需要調(diào)整菜單項容器控件M的大小并將所述下拉菜單項放置在菜單項容器控件M內(nèi)，再在當(dāng)前位置的對應(yīng)下方顯示并逐步放大該菜單項容器控件M直至全屏，在逐步放大菜單項容器控件的同時逐步增加不透明度至完全不透明；其中還包括根據(jù)當(dāng)前位置計算確定菜單項容器控件M的初始顯示位置；bounds是菜單項容器控件M的大小屬性；403)被全屏顯示的菜單項容器控件M中被放大的下拉菜單項接收并向軟件應(yīng)用發(fā)送對應(yīng)菜單項點(diǎn)擊命令，完成后逐步縮小并隱藏該菜單項容器控件，在逐步縮小菜單項容器控件的同時逐步增加透明度Opacity屬性至完全透明；另外，點(diǎn)擊返回時，直接逐步縮小并隱藏該菜單項容器控件M。最后，在本領(lǐng)域普通技術(shù)人員理解范圍內(nèi)，在本發(fā)明權(quán)利要求范圍內(nèi)，各種變化都屬于本發(fā)明的保護(hù)范圍。
權(quán)利要求
1.一種計算機(jī)軟件界面的交互方法，其特征在于，該方法利用工具欄控件和工具放大容器控件在觸摸屏上這樣進(jìn)行命令交互: 分別監(jiān)聽工具欄點(diǎn)擊事件和工具欄移動事件: (一)若發(fā)生工具欄點(diǎn)擊事件，則 獲取當(dāng)前位置，利用X軸坐標(biāo)計算定位工具欄中最接近的3個工具組件并阻止向軟件應(yīng)用發(fā)送對應(yīng)工具組件點(diǎn)擊命令；然后，根據(jù)需要調(diào)整所述工具放大容器控件的寬度并將所述3個工具組件放大放置在工具放大容器控件內(nèi)，再在當(dāng)前位置的對應(yīng)下方顯示該工具放大容器控件； (二 )若發(fā)生工具欄移動事件，則 獲取當(dāng)前位置，利用X軸坐標(biāo)計算定位工具欄中最接近的3項工具組件并阻止向軟件應(yīng)用發(fā)送對應(yīng)工具欄移動命令；然后，根據(jù)需要調(diào)整所述工具放大容器控件的寬度并將所述3項工具組件放大放置在工具放大容器控件內(nèi)，再在當(dāng)前位置的對應(yīng)下方顯示該工具放大容器控件； 在步驟(一)和(二)中還包括:被顯示的工具放大容器控件中被放大的工具組件接收并向軟件應(yīng)用發(fā)送對應(yīng)工具組件點(diǎn)擊命令，完成后隱藏被點(diǎn)擊的工具放大容器控件； 該方法還利用菜單控件和菜單項容器控件在觸摸屏上這樣進(jìn)行命令交互: (三)監(jiān)聽菜單點(diǎn)擊事件，若發(fā)生則獲取當(dāng)前位置和當(dāng)前菜單的下拉菜單項并阻止向軟件應(yīng)用發(fā)送菜單點(diǎn)擊命令；然后，根據(jù)需要調(diào)整所述菜單項容器控件的大小并將所述下拉菜單項放置在菜單項容器控件內(nèi)，再在當(dāng)前位置的對應(yīng)下方顯示并逐步放大該菜單項容器控件直至全屏； 在步驟(三)中還包括:被全屏顯示的菜單項容器控件中被放大的下拉菜單項接收并向軟件應(yīng)用發(fā)送對應(yīng)菜單項點(diǎn)擊命令，完成后逐步縮小并隱藏該菜單項容器控件。
2.根據(jù)權(quán)利要求1所述計算機(jī)軟件界面的交互方法，其特征在于，步驟(二)中若當(dāng)前位置移出工具欄邊界，隱藏放大容器控件。
3.根據(jù)權(quán)利要求1或2所述計算機(jī)軟件界面的交互方法，其特征在于，被隱藏的放大容器控件中工具組件不接收用戶點(diǎn)擊命令或?qū)⑺l(fā)送給上一層。
4.根據(jù)權(quán)利要求3所述計算機(jī)軟件界面的交互方法，其特征在于，步驟(一)和(二)中還包括根據(jù)當(dāng)前位置計算確定工具放大容器控件的具體顯示位置。
5.根據(jù)權(quán)利要求1或2所述計算機(jī)軟件界面的交互方法，其特征在于，步驟(三)中還包括根據(jù)當(dāng)前位置計算確定菜單項容器控件的初始顯示位置。
6.根據(jù)權(quán)利要求5所述計算機(jī)軟件界面的交互方法，其特征在于，還包括在逐步放大菜單項容器控件的同時逐步增加不透明度至完全不透明。
7.根據(jù)權(quán)利要求6所述計算機(jī)軟件界面的交互方法，其特征在于，還包括在逐步縮小菜單項容器控件的同時逐步增加透明度至完全透明。
8.根據(jù)權(quán)利要求7所述計算機(jī)軟件界面的交互方法，其特征在于，被全屏顯示的菜單項容器控件還包括返回按鍵，該方法還包括點(diǎn)擊該返回按鍵后逐步縮小并隱藏該菜單項容器控件。
全文摘要
本發(fā)明涉及一種計算機(jī)軟件界面的交互方法，它這樣進(jìn)行工具命令交互發(fā)生工具欄點(diǎn)擊或工具欄移動事件，獲取當(dāng)前位置，利用X軸坐標(biāo)計算定位工具欄中最接近的三個工具并阻止發(fā)送對應(yīng)點(diǎn)擊命令；然后，根據(jù)需要調(diào)整放大容器A的寬度并將所述三個工具放大放置在放大容器A內(nèi)，再在當(dāng)前位置的對應(yīng)下方顯示放大容器A；完成工具點(diǎn)擊后隱藏放大容器A；它還這樣進(jìn)行菜單命令交互若點(diǎn)擊菜單則獲取當(dāng)前位置和當(dāng)前菜單的下拉菜單項；然后，根據(jù)需要調(diào)整放大容器M的大小并將下拉菜單項放置在放大容器M內(nèi)，再在當(dāng)前位置的對應(yīng)下方顯示并逐步放大放大容器M直至全屏；完成菜單點(diǎn)擊后逐步縮小并隱藏放大容器M。
文檔編號G06F3/0481GK103197883SQ20131005972
公開日2013年7月10日 申請日期2013年2月26日 優(yōu)先權(quán)日2013年2月26日
發(fā)明者馬暉 申請人:深圳市賽速科技有限公司