菜單顯示方法及裝置制造方法
【專利摘要】本公開是關(guān)于一種菜單顯示方法及裝置。所述方法包括:獲取調(diào)出菜單的觸控操作對應(yīng)的觸控位置距離當前顯示頁面各邊界的頁邊距;獲取所述菜單的尺寸;比較所述菜單的尺寸和所述頁邊距;根據(jù)所述比較結(jié)果,確定能完整顯示所述菜單的位置,并顯示所述菜單。通過終端的自動計算在頁面上完整顯示菜單,無需人工操作,節(jié)約了人力成本,并且無論用戶觸控操作在頁面上的任意位置,都可以完整的顯示出菜單,菜單顯示靈活。當屏幕發(fā)生旋轉(zhuǎn)時,重新計算菜單的顯示位置,使得始終可以在頁面上顯示完整的菜單。用戶對頁面顯示的體驗度較高。
【專利說明】菜單顯示方法及裝置
【技術(shù)領(lǐng)域】
[0001]本公開涉及終端顯示【技術(shù)領(lǐng)域】,尤其涉及一種菜單顯示方法及裝置。
【背景技術(shù)】
[0002]在終端屏幕的觸控位置彈出帶箭頭的菜單時,可能出現(xiàn)在觸控位置上下左右四個方向不是都有足夠的空間顯示菜單,因此需要根據(jù)觸控位置到屏幕邊框距離的大小,指定菜單的顯示位置。相關(guān)技術(shù)中,對于每個菜單彈出時,都需要開發(fā)人員計算菜單顯示位置。這樣,不僅浪費了大量的人力資源,并且,由于需要人工計算菜單的顯示位置,菜單顯示效果比較單一,菜單顯示不夠靈活。而且,當屏幕發(fā)生旋轉(zhuǎn)時,菜單實際的顯示位置相對于原來計算出菜單顯示位置發(fā)生變化,可能造成菜單顯示不全。
【發(fā)明內(nèi)容】
[0003]為克服相關(guān)技術(shù)中存在的問題,本公開實施例提供一種菜單顯示方法及裝置。
[0004]根據(jù)本公開實施例的第一方面,提供一種菜單顯示方法,所述方法包括:
[0005]獲取調(diào)出菜單的觸控操作對應(yīng)的觸控位置距離當前顯示頁面各邊界的頁邊距;
[0006]獲取所述菜單的尺寸;
[0007]比較所述菜單的尺寸和所述頁邊距;
[0008]根據(jù)所述比較結(jié)果,確定能完整顯示所述菜單的位置,并顯示所述菜單。
[0009]本公開的實施例提供的技術(shù)方案可以包括以下有益效果:通過終端的自動計算在頁面上完整顯示菜單,無需人工操作,節(jié)約了人力成本,并且無論用戶觸控操作在頁面上的任意位置,都可以完整的顯示出菜單,菜單顯示靈活。當屏幕發(fā)生旋轉(zhuǎn)時,重新計算菜單的顯示位置,使得始終可以在頁面上顯示完整的菜單。用戶對頁面顯示的體驗度較高。
[0010]可選的,所述獲取調(diào)出菜單的觸控操作對應(yīng)的觸控位置距離當前顯示頁面各邊界的頁邊距,包括:
[0011]當所述觸控位置為點時,獲取所述點距離所述當前顯示頁面各邊界的頁邊距;
[0012]當所述觸控位置為矩形區(qū)域時,獲取所述矩形區(qū)域的關(guān)鍵點坐標以及所述矩形區(qū)域的尺寸,根據(jù)所述矩形區(qū)域的關(guān)鍵點坐標和尺寸獲取所述矩形區(qū)域距離所述當前顯示頁面各邊界的頁邊距;其中,所述關(guān)鍵點為所述矩形區(qū)域的設(shè)定點。
[0013]可選的,所述方法還包括:
[0014]以所述觸控位置為分割位置,將所述當前顯示頁面設(shè)置為第一顯示區(qū)域、第二顯示區(qū)域、第三顯示區(qū)域和第四顯示區(qū)域;
[0015]其中,所述第一顯示區(qū)域為矩形區(qū)域、且其高度為所述觸控位置到所述當前顯示頁面上邊界的第一頁邊距;
[0016]所述第二顯示區(qū)域為矩形區(qū)域、且其高度為所述觸控位置到所述當前顯示頁面下邊界的第二頁邊距;
[0017]所述第三顯示區(qū)域為矩形區(qū)域、且其寬度為所述觸控位置到所述當前顯示頁面左邊界的第三頁邊距;
[0018]所述第四顯示區(qū)域為矩形區(qū)域、且其寬度為所述觸控位置到所述當前顯示頁面右邊界的第四頁邊距。
[0019]可選的,所述根據(jù)所述比較結(jié)果,確定能完整顯示所述菜單的位置,包括:
[0020]當所述比較結(jié)果指示所述菜單的高度小于等于所述第一頁邊距且大于所述第二頁邊距時,在所述第一顯示區(qū)域顯示所述菜單;
[0021]當所述比較結(jié)果指示所述菜單的高度大于所述第一頁邊距且小于等于所述第二頁邊距時,在所述第二顯示區(qū)域顯示所述菜單。
[0022]可選的,所述方法還包括:當所述比較結(jié)果指示所述菜單的高度大于所述第一頁邊距且大于所述第二頁邊距時,在所述第三顯示區(qū)域或第四顯示區(qū)域顯示所述菜單。
[0023]可選的,當所述觸控位置為點時,所述方法還包括:
[0024]當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第三頁邊距時,進一步將所述菜單的一部分顯示在所述第三顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第四顯示區(qū)域中;
[0025]當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第四頁邊距時,進一步將所述菜單的一部分顯示在所述第四顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第三顯示區(qū)域中;
[0026]當所述比較結(jié)果指示所述菜單的寬度的一半既大于所述第三頁邊距又大于所述第四頁邊距時,在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0027]可選的,當所述觸控位置為矩形區(qū)域時,所述方法還包括:
[0028]根據(jù)所述觸控位置的垂直中線將所述第一顯示區(qū)域或第二顯示區(qū)域劃分為左子區(qū)域、右子區(qū)域,獲取所述垂直中線與所述當前顯示頁面左、右邊界的第五頁邊距和第六頁邊距;
[0029]當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第五頁邊距時,進一步將所述菜單的一部分顯示在所述左子區(qū)域中,并將所述菜單的另一部分顯示在所述右子區(qū)域中;
[0030]當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第六頁邊距時,進一步將所述菜單的一部分顯示在所述右子區(qū)域中,并將所述菜單的另一部分顯示在所述左子區(qū)域中;
[0031]當所述比較結(jié)果指示所述菜單的寬度的一半既大于所述第五頁邊距又大于所述第六頁邊距時,在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0032]可選的,當在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏時,所述方法還包括:
[0033]接收用戶在水平方向上的滑動操作;
[0034]根據(jù)用戶在水平方向上的滑動操作,控制所述菜單在水平方向上移動,顯示隱藏的部分菜單。
[0035]在可選方案中,通過首先判斷菜單是否能完整顯示在第一或第二顯示區(qū)域,如果菜單不能在第一或第二顯示區(qū)域完整顯示時,再判斷菜單是否能完整顯示在第三或第四顯示區(qū)域。當菜單能完整顯示在第一或第二顯示區(qū)域時,可以進一步確定菜單在第一顯示區(qū)域或第二顯示區(qū)域中的具體顯示位置。這樣,使得菜單的顯示更加準確,顯示效果更好。
[0036]可選的,所述根據(jù)所述比較結(jié)果,確定能完整顯示所述菜單的位置,包括:
[0037]當所述比較結(jié)果指示所述菜單的寬度小于等于所述第三頁邊距且大于所述第四頁邊距時,在所述第三顯示區(qū)域顯示所述菜單;
[0038]當所述比較結(jié)果指示所述菜單的高度大于所述第三頁邊距且小于等于所述第四頁邊距時,在所述第四顯示區(qū)域顯示所述菜單。
[0039]可選的,所述方法還包括:
[0040]當所述比較結(jié)果指示所述菜單的高度大于所述第三頁邊距且大于所述第四頁邊距時,在所述第一顯示區(qū)域或第二顯示區(qū)域顯示所述菜單。
[0041]可選的,當所述觸控位置為點時,所述方法還包括:
[0042]當所述比較結(jié)果指示所述菜單的高度的一半大于所述第一頁邊距時,進一步將所述菜單的一部分顯示在所述第一顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第二顯示區(qū)域中;
[0043]當所述比較結(jié)果指示所述菜單的高度的一半大于所述第二頁邊距時,進一步將所述菜單的一部分顯示在所述第二顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第一顯示區(qū)域中;
[0044]當所述比較結(jié)果指示所述菜單的高度的一半既大于所述第一頁邊距又大于所述第二頁邊距時,在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0045]可選的,當所述觸控位置為矩形區(qū)域時,所述方法還包括:
[0046]根據(jù)所述觸控位置的水平中線將所述第三顯示區(qū)域或第四顯示區(qū)域劃分為上子區(qū)域、下子區(qū)域,獲取所述水平中線與所述當前顯示頁面上、下邊界的第七頁邊距和第八頁邊距;
[0047]當所述比較結(jié)果指示所述菜單的高度的一半大于所述第七頁邊距時,進一步將所述菜單的一部分顯示在所述上子區(qū)域中,并將所述菜單的另一部分顯示在所述下子區(qū)域中;
[0048]當所述比較結(jié)果指示所述菜單的高度的一半大于所述第八頁邊距時,進一步將所述菜單的一部分顯示在所述下子區(qū)域中,并將所述菜單的另一部分顯示在所述上子區(qū)域中;
[0049]當所述比較結(jié)果指示所述菜單的高度的一半既大于所述第七頁邊距又大于所述第八頁邊距時,在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0050]可選的,當在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏時,所述方法還包括:
[0051]接收用戶在垂直方向上的滑動操作;
[0052]根據(jù)用戶在垂直方向上的滑動操作,控制所述菜單在垂直方向上移動,顯示隱藏的部分菜單。[0053]在可選方案中,通過首先判斷菜單是否能完整顯示在第三或第四顯示區(qū)域,如果菜單不能在第三或第四顯示區(qū)域完整顯示時,再判斷菜單是否能完整顯示在第一或第二顯示區(qū)域。當菜單能完整顯示在第三或第四顯示區(qū)域時,可以進一步確定菜單在第三或第四顯示區(qū)域中的具體顯示位置。這樣,使得菜單的顯示更加準確,顯示效果更好。
[0054]在可選方案中,當菜單的尺寸超出當前顯示頁面的尺寸時,可采用隱藏方式顯示菜單,在保證菜單顯示的完整性的同時,顯示效果更好,并且用戶查看菜單的操作簡單,提高用戶體驗度。
[0055]根據(jù)本公開實施例的第二方面,提供一種菜單顯示裝置,包括:
[0056]第一獲取模塊,用于獲取調(diào)出菜單的觸控操作對應(yīng)的觸控位置距離當前顯示頁面各邊界的頁邊距;
[0057]第二獲取模塊,用于獲取所述菜單的尺寸;
[0058]比較模塊,用于比較所述菜單的尺寸和所述頁邊距;
[0059]菜單確定顯示模塊,用于根據(jù)所述比較結(jié)果,確定能完整顯示所述菜單的位置,并顯示所述菜單。
[0060]可選的,當所述觸控位置為點時,所述第一獲取模塊,用于獲取所述點距離所述當前顯示頁面各邊界的頁邊距;
[0061]當所述觸控位置為矩形區(qū)域時,所述第一獲取模塊,用于獲取所述矩形區(qū)域的關(guān)鍵點坐標以及所述矩形區(qū)域的尺寸,根據(jù)所述矩形區(qū)域的關(guān)鍵點坐標和尺寸獲取所述矩形區(qū)域距離所述當前顯示頁面各邊界的頁邊距;其中,所述關(guān)鍵點為所述矩形區(qū)域的設(shè)定點。
[0062]可選的,所述裝置還包括:
[0063]區(qū)域分割模塊,用于以所述觸控位置為分割位置,將所述當前顯示頁面設(shè)置為第一顯示區(qū)域、第二顯示區(qū)域、第三顯示區(qū)域和第四顯示區(qū)域;
[0064]其中,所述第一顯示區(qū)域為矩形區(qū)域、且其高度為所述觸控位置到所述當前顯示頁面上邊界的第一頁邊距;
[0065]所述第二顯示區(qū)域為矩形區(qū)域、且其高度為所述觸控位置到所述當前顯示頁面下邊界的第二頁邊距;
[0066]所述第三顯示區(qū)域為矩形區(qū)域、且其寬度為所述觸控位置到所述當前顯示頁面左邊界的第三頁邊距;
[0067]所述第四顯示區(qū)域為矩形區(qū)域、且其寬度為所述觸控位置到所述當前顯示頁面右邊界的第四頁邊距。
[0068]可選的,所述菜單確定顯示模塊包括:
[0069]第一位置確定單元,用于當所述比較結(jié)果指示所述菜單的高度小于等于所述第一頁邊距且大于所述第二頁邊距時,在所述第一顯示區(qū)域顯示所述菜單;當所述比較結(jié)果指示所述菜單的高度大于所述第一頁邊距且小于等于所述第二頁邊距時,在所述第二顯示區(qū)域顯示所述菜單。
[0070]可選的,所述第一位置確定單元,還用于當所述比較結(jié)果指示所述菜單的高度大于所述第一頁邊距且大于所述第二頁邊距時,在所述第三顯示區(qū)域或第四顯示區(qū)域顯示所述菜單。
[0071]可選的,當所述觸控位置為點時,所述第一位置確定單元,還用于當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第三頁邊距時,進一步將所述菜單的一部分顯示在所述第三顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第四顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第四頁邊距時,進一步將所述菜單的一部分顯示在所述第四顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第三顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半既大于所述第三頁邊距又大于所述第四頁邊距時,在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0072]可選的,當所述觸控位置為矩形區(qū)域時,所述菜單確定顯示模塊還包括:
[0073]第一區(qū)域劃分單元,用于根據(jù)所述觸控位置的垂直中線將所述第一顯示區(qū)域或第二顯示區(qū)域劃分為左子區(qū)域、右子區(qū)域,獲取所述垂直中線與所述當前顯示頁面左、右邊界的第五頁邊距和第六頁邊距;
[0074]所述第一位置確定單元,還用于當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第五頁邊距時,進一步將所述菜單的一部分顯示在所述左子區(qū)域中,并將所述菜單的另一部分顯示在所述右子區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第六頁邊距時,進一步將所述菜單的一部分顯示在所述右子區(qū)域中,并將所述菜單的另一部分顯示在所述左子區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半既大于所述第五頁邊距又大于所述第六頁邊距時,在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0075]可選的,所述裝置還包括:
[0076]第一接收模塊,用于接收用戶在水平方向上的滑動操作;
[0077]第一菜單控制模塊,用于根據(jù)用戶在水平方向上的滑動操作,控制所述菜單在水平方向上移動,顯示隱藏的部分菜單。
[0078]可選的,所述菜單確定顯示模塊包括:
[0079]第二位置確定單元,用于當所述比較結(jié)果指示所述菜單的寬度小于等于所述第三頁邊距且大于所述第四頁邊距時,在所述第三顯示區(qū)域顯示所述菜單;當所述比較結(jié)果指示所述菜單的高度大于所述第三頁邊距且小于等于所述第四頁邊距時,在所述第四顯示區(qū)域顯示所述菜單。
[0080]可選的,所述第二位置確定單元,還用于當所述比較結(jié)果指示所述菜單的高度大于所述第三頁邊距且大于所述第四頁邊距時,在所述第一顯示區(qū)域或第二顯示區(qū)域顯示所述菜單。
[0081]可選的,所述第二位置確定單元,還用于當所述比較結(jié)果指示所述菜單的高度的一半大于所述第一頁邊距時,進一步將所述菜單的一部分顯示在所述第一顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第二顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的高度的一半大于所述第二頁邊距時,進一步將所述菜單的一部分顯示在所述第二顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第一顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的高度的一半既大于所述第一頁邊距又大于所述第二頁邊距時,在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0082]可選的,所述菜單確定顯示模塊還包括:
[0083]第二區(qū)域劃分單元,用于根據(jù)所述觸控位置的水平中線將所述第三顯示區(qū)域或第四顯示區(qū)域劃分為上子區(qū)域、下子區(qū)域,獲取所述水平中線與所述當前顯示頁面上、下邊界的第七頁邊距和第八頁邊距;
[0084]所述第二位置確定單元,還用于當所述比較結(jié)果指示所述菜單的高度的一半大于所述第七頁邊距時,進一步將所述菜單的一部分顯示在所述上子區(qū)域中,并將所述菜單的另一部分顯示在所述下子區(qū)域中;當所述比較結(jié)果指示所述菜單的高度的一半大于所述第八頁邊距時,進一步將所述菜單的一部分顯示在所述下子區(qū)域中,并將所述菜單的另一部分顯示在所述上子區(qū)域中;當所述比較結(jié)果指示所述菜單的高度的一半既大于所述第七頁邊距又大于所述第八頁邊距時,在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0085]可選的,所述裝置還包括:
[0086]第二接收模塊,用于接收用戶在垂直方向上的滑動操作;
[0087]第二菜單控制模塊,用于根據(jù)用戶在垂直方向上的滑動操作,控制所述菜單在垂直方向上移動,顯示隱藏的部分菜單。
[0088]根據(jù)本公開實施例的第三方面,提供一種菜單顯示裝置,包括:
[0089]處理器;
[0090]用于存儲處理器可執(zhí)行指令的存儲器;
[0091]其中,所述處理器被配置為:
[0092]獲取調(diào)出菜單的觸控操作對應(yīng)的觸控位置距離當前顯示頁面各邊界的頁邊距;
[0093]獲取所述菜單的尺寸;
[0094]比較所述菜單的尺寸和所述頁邊距;
[0095]根據(jù)所述比較結(jié)果,確定能完整顯示所述菜單的位置,并顯示所述菜單。
[0096]應(yīng)當理解的是,以上的一般描述和后文的細節(jié)描述僅是示例性和解釋性的,并不能限制本公開。
【專利附圖】
【附圖說明】
[0097]此處的附圖被并入說明書中并構(gòu)成本說明書的一部分,示出了符合本發(fā)明的實施例,并與說明書一起用于解釋本發(fā)明的原理。
[0098]圖1是根據(jù)一示例性實施例示出的一種菜單顯示方法的流程圖。
[0099]圖2a是根據(jù)一示例性實施例示出的用戶手指觸摸顯示屏的示意圖。
[0100]圖2b是根據(jù)一示例性實施例示出的圖2a中觸摸顯示屏順時針旋轉(zhuǎn)90度后的示意圖。
[0101]圖3是根據(jù)一示例性實施例示出的觸控位置與當前顯示頁面各邊界的頁邊距的示意圖。
[0102]圖4a是根據(jù)一示例性實施例示出的觸控位置與當前顯示頁面各邊界的頁邊距的示意圖。
[0103]圖4b是根據(jù)另一示例性實施例示出的觸控位置與當前顯示頁面各邊界的頁邊距的示意圖。
[0104]圖5a和圖5b是根據(jù)一示例性實施例示出的顯示區(qū)域的示意圖;
[0105]圖6a和圖6b是根據(jù)一示例性實施例示出的顯示區(qū)域的子區(qū)域的示意圖;
[0106]圖7a?圖71是根據(jù)一示例性實施例示出的在當前顯示頁面上顯示的菜單的示意圖;
[0107]圖8是根據(jù)一示例性實施例示出的菜單顯示方法的流程圖;
[0108]圖9是根據(jù)一示例性實施例示出的在當前顯示頁面上顯示的菜單的示意圖;
[0109]圖10是根據(jù)一示例性實施例示出的菜單顯示方法的流程圖;
[0110]圖11是根據(jù)一示例性實施例示出的在當前顯示頁面上顯示的菜單的示意圖;
[0111]圖12是根據(jù)一示例性實施例示出的一種菜單顯示裝置框圖;
[0112]圖13是根據(jù)另一示例性實施例示出的一種菜單顯示裝置框圖;
[0113]圖14是根據(jù)一示例性實施例示出的菜單確定顯示模塊框圖;
[0114]圖15是根據(jù)另一示例性實施例示出的一種菜單顯示裝置框圖;
[0115]圖16是根據(jù)另一示例性實施例示出的菜單確定顯示模塊框圖;
[0116]圖17是根據(jù)一示例性實施例示出的一種菜單顯示裝置框圖;
[0117]圖18是根據(jù)一示例性實施例示出的一種用于菜單顯示的裝置1300的框圖。
【具體實施方式】
[0118]這里將詳細地對示例性實施例進行說明,其示例表示在附圖中。下面的描述涉及附圖時,除非另有表示,不同附圖中的相同數(shù)字表示相同或相似的要素。以下示例性實施例中所描述的實施方式并不代表與本發(fā)明相一致的所有實施方式。相反,它們僅是與如所附權(quán)利要求書中所詳述的、本發(fā)明的一些方面相一致的裝置和方法的例子。
[0119]圖1是根據(jù)一示例性實施例示出的一種菜單顯示方法的流程圖,如圖1所示,菜單顯示方法用于終端中,包括以下步驟。
[0120]在步驟Sll中,獲取調(diào)出菜單的觸控操作對應(yīng)的觸控位置距離當前顯示頁面各邊界的頁邊距。
[0121]在步驟S12中,獲取菜單的尺寸。
[0122]在步驟S13中,比較菜單的尺寸和頁邊距。
[0123]在步驟S14中,根據(jù)比較結(jié)果,確定能完整顯示菜單的位置,并顯示菜單。
[0124]圖2a是根據(jù)一示例性實施例示出的用戶手指觸摸顯示屏的示意圖。如圖2a所示,用戶手指觸摸到當前顯示頁面21時,用戶的觸控操作在觸控位置22處調(diào)出菜單。此時,需要獲取觸控位置22到當前顯示頁面21各邊界的頁邊距,并獲取菜單的尺寸,如菜單的寬度和高度。將菜單尺寸和觸控位置22到當前顯示頁面21各邊界的頁邊距進行比較,確定在當前顯示頁面21上能夠完整顯示菜單的位置,并在該位置上顯示菜單。
[0125]圖2b是根據(jù)一示例性實施例示出的圖2a中觸摸顯示屏順時針旋轉(zhuǎn)90度后的示意圖。如圖2b所示,當顯示屏幕發(fā)生順時針旋轉(zhuǎn)90度后,需要重新定義當前顯示頁面21’的各邊界,原顯示頁面21的左邊界變?yōu)楫斍帮@示頁面21’的上邊界,原顯示頁面21的上邊界變?yōu)楫斍帮@示頁面21’的右邊界等。因此,用戶的觸控位置22’在當前顯示頁面21’中的位置也發(fā)生變化,需要重新計算觸控位置22’到當前顯示頁面21’各邊界的頁邊距。將菜單尺寸和觸控位置22’到當前顯示頁面21’各邊界的頁邊距進行比較,重新確定在當前顯示頁面21’上能夠完整顯示菜單的位置,并在該位置上顯示菜單。
[0126]本實施例中,根據(jù)用戶調(diào)出菜單的觸控操作對應(yīng)的觸控位置距離當前顯示頁面各邊界的頁邊距及菜單的尺寸,判斷在當前顯示頁面上能完整顯示菜單的位置。這樣,通過終端的自動計算在頁面上完整顯示菜單,無需人工操作,節(jié)約了人力成本,并且無論用戶觸控操作在頁面上的任意位置,都可以完整的顯示出菜單,菜單顯示靈活。當屏幕發(fā)生旋轉(zhuǎn)時,重新計算菜單的顯示位置,使得始終可以在頁面上顯示完整的菜單。用戶對頁面顯示的體驗度較高。
[0127]可選的,菜單的尺寸可以根據(jù)菜單的內(nèi)容,如圖片、文字等,預(yù)先計算出來并在本地進行存儲,也可以在每次調(diào)出菜單時實時計算出來。
[0128]可選的,在步驟Sll中,可以將觸控位置看作一個點,也可以將觸控位置看作一個矩形區(qū)域。
[0129]在可選方案中,可能在頁面將用戶的觸控位置顯示為一個圓形,如圖2a和圖2b所示,觸控位置也可以顯示為其他形狀。但是,實際計算菜單顯示位置時,會以一個點或一個矩形區(qū)域作為該觸控位置來計算觸控位置距離當前顯示頁面各邊界的頁邊距。這樣,使得頁邊距的計算更加方便、準確。
[0130]當所述觸控位置為點時,獲取所述點距離所述當前顯示頁面各邊界的頁邊距;當所述觸控位置為矩形區(qū)域時,獲取所述矩形區(qū)域的關(guān)鍵點坐標以及所述矩形區(qū)域的尺寸,根據(jù)所述矩形區(qū)域的關(guān)鍵點坐標和尺寸獲取所述矩形區(qū)域距離所述當前顯示頁面各邊界的頁邊距;其中,所述關(guān)鍵點為所述矩形區(qū)域的設(shè)定點。
[0131]圖3是根據(jù)一示例性實施例示出的觸控位置與當前顯示頁面各邊界的頁邊距的示意圖。如圖3所示,可以以當前顯示頁面的左上頂點為原點構(gòu)建坐標系,沿當前顯示頁面的寬度方向為X軸,沿當前顯示頁面的高度方向為Y軸。步驟SI I包括:當觸控位置為點32時,獲取點32距離當前顯示頁面31各邊界的頁邊距。
[0132]點32的坐標為(500,400),當前顯示頁面41的寬度為1700,高度為1300。點32到當前顯示頁面31上邊界的頁邊距為400,到當前顯示頁面31下邊界的頁邊距為900,到當前顯示頁面31左邊界的頁邊距為500,到當前顯示頁面31右邊界的頁邊距為1200。
[0133]圖4a是根據(jù)一示例性實施例示出的觸控位置與當前顯示頁面各邊界的頁邊距的示意圖。如圖4a所示,步驟Sll包括:當觸控位置為矩形區(qū)域42時,獲取矩形區(qū)域42的關(guān)鍵點坐標以及矩形區(qū)域的尺寸,根據(jù)矩形區(qū)域42的關(guān)鍵點坐標和尺寸獲取矩形區(qū)域42距離當前顯示頁面41各邊的頁邊距;其中,關(guān)鍵點為矩形區(qū)域設(shè)定點,如矩形區(qū)域的中心點或一個頂點。
[0134]當關(guān)鍵點為中心點時,矩形區(qū)域42的中心點的坐標為(500,400);矩形區(qū)域42的高度為10,寬度為30 ;當前顯示頁面41的寬度為1700,高度為1300。矩形區(qū)域42到當前顯示頁面41上邊界的頁邊距為400-10/2 = 395,到當前顯示頁面41下邊界的頁邊距為900-10/2 = 895,到當前顯示頁面41左邊界的頁邊距為500-30/2 = 485,到當前顯示頁面41右邊界的頁邊距為1200-30/2 = 1185。
[0135]當關(guān)鍵點為一個頂點時,如左上頂點,矩形區(qū)域42的左上頂點的坐標為(500,400);矩形區(qū)域42的高度為10,寬度為30 ;當前顯示頁面41的寬度為1700,高度為1300。矩形區(qū)域42到當前顯示頁面41上邊界的頁邊距為400,到當前顯示頁面41下邊界的頁邊距為900-10 = 890,到當前顯示頁面41左邊界的頁邊距為500,到當前顯示頁面41右邊界的頁邊距為1200-30 = 1170。
[0136]當觸控位置為矩形區(qū)域時,計算矩形區(qū)域距離當前顯示頁面各邊的頁邊距需要將矩形區(qū)域的尺寸考慮在內(nèi)。
[0137]如圖4a所示,觸控位置距離當前顯示頁面各邊的頁邊距包括:
[0138]獲取觸控位置到當前顯示頁面上邊界的第一頁邊距431 ;
[0139]獲取觸控位置到當前顯示頁面下邊界的第二頁邊距432 ;
[0140]獲取觸控位置到當前顯示頁面左邊界的第三頁邊距433 ;
[0141]獲取觸控位置到當前顯示頁面右邊界的第四頁邊距434。
[0142]圖5a和圖5b是根據(jù)一示例性實施例示出的顯示區(qū)域的示意圖。
[0143]可選的,如圖5a和5b所示,本實施例的方法還包括:
[0144]以所述觸控位置為分割位置,將所述當前顯示頁面設(shè)置為第一顯示區(qū)域51、第二顯示區(qū)域52、第三顯示區(qū)域53和第四顯示區(qū)域54 ;
[0145]其中,所述第一顯示區(qū)域51為矩形區(qū)域、且其高度為所述觸控位置到所述當前顯示頁面上邊界的第一頁邊距431 ;
[0146]所述第二顯示區(qū)域52為矩形區(qū)域、且其高度為所述觸控位置到所述當前顯示頁面下邊界的第二頁邊距432 ;
[0147]所述第三顯示區(qū)域53為矩形區(qū)域、且其寬度為所述觸控位置到所述當前顯示頁面左邊界的第三頁邊距433;
[0148]所述第四顯示區(qū)域54為矩形區(qū)域、且其寬度為所述觸控位置到所述當前顯示頁面右邊界的第四頁邊距434。
[0149]在可選方案中,根據(jù)觸控位置距離當前顯示頁面各邊界的頁邊距將當前顯示頁面劃分顯示區(qū)域,便于后續(xù)判斷究竟在哪個區(qū)域中可以完整的顯示菜單。
[0150]可選的,在步驟S14中,確定顯示菜單的位置的方式可以包括:
[0151]當所述比較結(jié)果指示所述菜單的高度小于等于所述第一頁邊距且大于所述第二頁邊距時,在所述第一顯示區(qū)域顯示所述菜單;
[0152]當所述比較結(jié)果指示所述菜單的高度大于所述第一頁邊距且小于等于所述第二頁邊距時,在所述第二顯示區(qū)域顯示所述菜單。
[0153]結(jié)合圖4a和圖5a,將菜單高度與第一頁邊距431或第二頁邊距432進行比較,當菜單的高度小于或等于第一頁邊距431時,如圖7a所示,則菜單71可以在第一顯示區(qū)域51內(nèi)完整顯示,同時,可以顯示菜單71指向觸控位置42的箭頭72。或者,當菜單高度大于第一頁邊距431,但小于或等于第二頁邊距432時,如圖7b所示,則菜單71可以在第二顯示區(qū)域52內(nèi)完整顯示。
[0154]可選的,當所述比較結(jié)果指示所述菜單的高度大于所述第一頁邊距且大于所述第二頁邊距時,在所述第三顯示區(qū)域或第四顯示區(qū)域顯示所述菜單。
[0155]可選的,在確定菜單在第一顯示區(qū)域或第二顯示區(qū)域完整顯示后,還可以進一步確定菜單在第一顯示區(qū)域或第二顯示區(qū)域中的具體顯示位置。在步驟S14中,當所述觸控位置為點時,確定顯示菜單的位置的方式可以還包括:當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第三頁邊距時,進一步將所述菜單的一部分顯示在所述第三顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第四顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第四頁邊距時,進一步將所述菜單的一部分顯示在所述第四顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第三顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半既大于所述第三頁邊距又大于所述第四頁邊距時,在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0156]可選的,在步驟S14中,當所述觸控位置為矩形區(qū)域時,確定顯示菜單的位置的方式可以還包括:根據(jù)所述觸控位置的垂直中線將所述第一顯示區(qū)域或第二顯示區(qū)域劃分為左子區(qū)域、右子區(qū)域,獲取所述垂直中線與所述當前顯示頁面左、右邊界的第五頁邊距和第六頁邊距;
[0157]當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第五頁邊距時,進一步將所述菜單的一部分顯示在所述左子區(qū)域中,并將所述菜單的另一部分顯示在所述右子區(qū)域中;
[0158]當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第六頁邊距時,進一步將所述菜單的一部分顯示在所述右子區(qū)域中,并將所述菜單的另一部分顯示在所述左子區(qū)域中;
[0159]當所述比較結(jié)果指示所述菜單的寬度的一半既大于所述第五頁邊距又大于所述第六頁邊距時,在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0160]圖4b是根據(jù)另一示例性實施例示出的觸控位置與當前顯示頁面各邊界的頁邊距的示意圖。如圖4b所示,觸控位置的垂直中線44與當前顯示頁面上左邊界的距離為第五頁邊距435 ;
[0161]觸控位置的垂直中線44與當前顯示頁面右邊界的距離為第六頁邊距436 ;
[0162]觸控位置的水平中線45與當前顯示頁面上邊界的距離為第七頁邊距437 ;
[0163]觸控位置的水平中線45與當前顯示頁面下邊界的距離為第八頁邊距438。
[0164]圖6a和圖6b是根據(jù)一示例性實施例示出的顯示區(qū)域的子區(qū)域的示意圖。
[0165]結(jié)合圖4b、圖5a和圖6a,根據(jù)觸控位置的垂直中線將第一顯示區(qū)域51劃分為左側(cè)的第一子區(qū)域511和右側(cè)的第二子區(qū)域512,將第二顯示區(qū)域52劃分為第三子區(qū)域521和第四子區(qū)域522。獲取垂直中線與當前顯示頁面左邊界的第五頁邊距435、垂直中線與當前顯示頁面右邊界的第六頁邊距436。
[0166]以菜單可以在第一顯示區(qū)域51中完整顯示為例,當菜單寬度的一半小于或等于第五頁邊距435和第六頁邊距436時,如圖7c所示,可以在第一顯示區(qū)域51的兩個子區(qū)域511和512中分別顯示菜單71的一半。當菜單寬度的一半大于第五頁邊距435,如圖7d所示,則可使得菜單占滿第一子區(qū)域511,菜單剩下的部分在第二子區(qū)域512中顯示。當菜單寬度的一半大于第六頁邊距436,如圖7e所示,則可使得菜單占滿第二子區(qū)域512,菜單剩下的部分在第一子區(qū)域511中顯示。
[0167]結(jié)合圖4a、圖5a和圖5b,當?shù)谝豁撨吘?31和第二頁邊距432均小于菜單高度時,即菜單無法在第一顯示區(qū)域51和第二顯示區(qū)域52內(nèi)完整顯示時,則菜單只能在第三顯示區(qū)域53或第四顯示區(qū)域54內(nèi)顯示。這時,需要根據(jù)第三頁邊距433和第四頁邊距434確定在第三顯示區(qū)域53或第四顯示區(qū)域54完整顯示菜單。
[0168]當菜單的寬度小于或等于第三頁邊距433時,如圖7f所示,則菜單可以在第三顯示區(qū)域53內(nèi)完整顯示;或者,當菜單寬度大于第三頁邊距433,但小于或等于第四頁邊距434時,如圖7g所示,則菜單可以在第四顯示區(qū)域54內(nèi)完整顯示。[0169]在可選方案中,通過首先判斷菜單是否能完整顯示在第一或第二顯示區(qū)域,如果菜單不能在第一或第二顯示區(qū)域完整顯示時,再判斷菜單是否能完整顯示在第三或第四顯示區(qū)域。當菜單能完整顯示在第一或第二顯示區(qū)域時,可以進一步確定菜單在第一顯示區(qū)域或第二顯示區(qū)域中的具體顯示位置。這樣,使得菜單的顯示更加準確,顯示效果更好。
[0170]可選的,在步驟S14中,確定顯示菜單的位置的另一種方式可以包括:
[0171]當所述比較結(jié)果指示所述菜單的寬度小于等于所述第三頁邊距且大于所述第四頁邊距時,在所述第三顯示區(qū)域顯示所述菜單;
[0172]當所述比較結(jié)果指示所述菜單的高度大于所述第三頁邊距且小于等于所述第四頁邊距時,在所述第四顯示區(qū)域顯示所述菜單。
[0173]結(jié)合圖4a和圖5b,在確定顯示菜單的位置的方式中,首先將菜單寬度與第三頁邊距433或第四頁邊距434比較,判斷是在第三顯示區(qū)域53還是在第四顯示區(qū)域54中完整顯示菜單。
[0174]將菜單寬度與第三頁邊距433或第四頁邊距434進行比較,當菜單的寬度小于或等于第三頁邊距433時,如圖7f所示,則菜單可以在第三顯示區(qū)域53內(nèi)完整顯示;或者,當菜單寬度大于第三頁邊距433,但小于或等于第四頁邊距434時,如圖7g所示,則菜單可以在第四顯示區(qū)域54內(nèi)完整顯示。
[0175]可選的,當所述比較結(jié)果指示所述菜單的高度大于所述第三頁邊距且大于所述第四頁邊距時,在所述第一顯示區(qū)域或第二顯示區(qū)域顯示所述菜單。
[0176]可選的,在確定菜單在第三顯示區(qū)域或第四顯示區(qū)域完整顯示后,還可以進一步確定菜單在第三顯示區(qū)域或第四顯示區(qū)域中的具體顯示位置。在步驟S14中,當所述觸控位置為點時,確定顯示菜單的位置的方式可以還包括:當所述比較結(jié)果指示所述菜單的高度的一半大于所述第一頁邊距時,進一步將所述菜單的一部分顯示在所述第一顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第二顯示區(qū)域中;
[0177]當所述比較結(jié)果指示所述菜單的高度的一半大于所述第二頁邊距時,進一步將所述菜單的一部分顯示在所述第二顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第一顯示區(qū)域中;
[0178]當所述比較結(jié)果指示所述菜單的高度的一半既大于所述第一頁邊距又大于所述第二頁邊距時,在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0179]可選的,在步驟S14中,當所述觸控位置為矩形區(qū)域時,確定顯示菜單的位置的方式可以還包括:
[0180]根據(jù)所述觸控位置的水平中線將所述第三顯示區(qū)域或第四顯示區(qū)域劃分為上子區(qū)域、下子區(qū)域,獲取所述水平中線與所述當前顯示頁面上、下邊界的第七頁邊距和第八頁邊距;
[0181]當所述比較結(jié)果指示所述菜單的高度的一半大于所述第七頁邊距時,進一步將所述菜單的一部分顯示在所述上子區(qū)域中,并將所述菜單的另一部分顯示在所述下子區(qū)域中;
[0182]當所述比較結(jié)果指示所述菜單的高度的一半大于所述第八頁邊距時,進一步將所述菜單的一部分顯示在所述下子區(qū)域中,并將所述菜單的另一部分顯示在所述上子區(qū)域中;
[0183]當所述比較結(jié)果指示所述菜單的高度的一半既大于所述第七頁邊距又大于所述第八頁邊距時,在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0184]結(jié)合圖4b、圖5b和圖6b,根據(jù)觸控位置的水平中線將第三顯示區(qū)域53劃分為上側(cè)的第五子區(qū)域531和下側(cè)的第六子區(qū)域532,將第四顯示區(qū)域54劃分為第七子區(qū)域541和第八子區(qū)域542。獲取水平中線與當前顯示頁面上邊界的第七頁邊距437、水平中線與當前顯示頁面下邊界的第八頁邊距438。
[0185]以菜單可以在第三顯示區(qū)域53中完整顯示為例,當菜單高度的一半小于或等于第七頁邊距437和第八頁邊距438時,如圖7h所示,可以在第三顯示區(qū)域53的兩個子區(qū)域531和532中分別顯示菜單的一半。當菜單高度的一半大于第六頁邊距436,如圖7i所示,則可使得菜單占滿第五子區(qū)域531,菜單剩下的部分在第六子區(qū)域532中顯示。當菜單高度的一半大于第八頁邊距438,如圖7j所示,則可使得菜單占滿第六子區(qū)域532,菜單剩下的部分在第五子區(qū)域531中顯示。
[0186]可選的,當所述第三頁邊距和第四頁邊距均小于所述菜單寬度時,根據(jù)所述第一頁邊距與所述菜單高度的比較結(jié)果、或者所述第二頁邊距與所述菜單高度的比較結(jié)果,判斷在所述第一顯示區(qū)域或所述第二顯示區(qū)域完整顯示所述菜單。
[0187]結(jié)合圖4a、圖5a和圖5b,當?shù)谌撨吘?33和第四頁邊距434均小于菜單寬度時,即菜單無法在第三顯示區(qū)域53和第四顯示區(qū)域54內(nèi)完整顯示時,則菜單只能在第一顯示區(qū)域51或第二顯示區(qū)域52內(nèi)顯示。這時,需要根據(jù)第一頁邊距431和第二頁邊距432確定在第一顯示區(qū)域51或第二顯示區(qū)域52完整顯示菜單。
[0188]在可選方案中,通過首先判斷菜單是否能完整顯示在第三或第四顯示區(qū)域,如果菜單不能在第三或第四顯示區(qū)域完整顯示時,再判斷菜單是否能完整顯示在第一或第二顯示區(qū)域。當菜單能完整顯示在第三或第四顯示區(qū)域時,可以進一步確定菜單在第三或第四顯示區(qū)域中的具體顯示位置。這樣,使得菜單的顯示更加準確,顯示效果更好。
[0189]上述兩種確定顯示菜單的位置的方式,基本原理相同,只是判斷順序有差別,在實際應(yīng)用時,可以選擇任意一種方式來確定菜單的顯示位置。
[0190]可選的,當在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏時,所述方法還包括:
[0191]接收用戶在垂直方向上的滑動操作;
[0192]根據(jù)用戶在垂直方向上的滑動操作,控制所述菜單在垂直方向上移動,顯示隱藏的部分菜單。
[0193]當菜單的高度超過當前顯示頁面的高度時,菜單只能在第三顯示區(qū)域或第四顯示區(qū)域顯示,但卻無法完整顯示,可以在當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。例如,如圖7k所示,從當前顯示頁面的上邊界一直到當前顯示頁面的下邊界顯示菜單,未顯示出的菜單隱藏,用戶可以通過向上滑動操作查看隱藏的菜單。
[0194]可選的,當在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏時,所述方法還包括:
[0195]接收用戶在水平方向上的滑動操作;[0196]根據(jù)用戶在水平方向上的滑動操作,控制所述菜單在水平方向上移動,顯示隱藏的部分菜單。
[0197]當菜單的寬度超過當前顯示頁面的寬度時,菜單只能在第一顯示區(qū)域或第二顯示區(qū)域顯示,但卻無法完整顯示,可以在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。例如,如圖71所示,從當前顯示頁面的左邊界一直到當前顯示頁面的右邊界顯示菜單,未顯示出的菜單隱藏,用戶可以通過向左滑動操作查看隱藏的菜單。
[0198]在可選方案中,當菜單的尺寸超出當前顯示頁面的尺寸時,可采用隱藏方式顯示菜單,在保證菜單顯示的完整性的同時,顯示效果更好,并且用戶查看菜單的操作簡單,提高用戶體驗度。
[0199]以下分別對上述兩種確定能完整顯示所述菜單的位置的方式進行具體說明。
[0200]以圖4a中的觸控位置及當前顯示頁面為例,觸控位置為矩形區(qū)域42,關(guān)鍵點為中心點時,矩形區(qū)域42的中心點的坐標為(500,400);矩形區(qū)域42的高度為10,寬度為30 ;當前顯示頁面41的寬度為1700,高度為1300。矩形區(qū)域42到當前顯示頁面41上邊界的頁邊距為400-10/2 = 395,到當前顯示頁面41下邊界的頁邊距為900-10/2 = 895,到當前顯示頁面41左邊界的頁邊距為500-30/2 = 485,到當前顯示頁面41右邊界的頁邊距為1200-30/2 = 1185。
[0201]示例一 [0202]圖8是根據(jù)一示例性實施例示出的菜單顯示方法的流程圖。如圖8所示,菜單顯示方法包括以下步驟。
[0203]在步驟801中,獲取觸控位置與當前顯示頁面上、下、左、右四邊界之間的距離:第一頁邊距Dl = 395,第二頁邊距D2 = 895,第三頁邊距D3 = 485,第四頁邊距D4 = 1185 ;
[0204]在步驟802中,獲取菜單尺寸,菜單高度Hmenu = 500,菜單寬度Lmenu= 1100,Lmenu/2=550。
[0205]在步驟803中,比較Dl和Hnieni^DKHnienu,菜單不能在第一顯示區(qū)域內(nèi)完整顯示。
[0206]在步驟804中,比較02和扎_,02>扎_,菜單可以在第二顯示區(qū)域內(nèi)完整顯示。
[0207]在步驟805中,根據(jù)觸控位置的垂直中線將第二顯示區(qū)域52劃分為左側(cè)的第三子區(qū)域521和右側(cè)的第四子區(qū)域522,獲取垂直中線與當前顯示頁面左邊界的第五頁邊距D5=500、垂直中線與當前顯示頁面右邊界的第六頁邊距D6 = 1200。
[0208]在步驟806 中,比較 D5 和 Lmenu/2,D5〈Lmenu/2 ;比較 D4 和 Lmenu/2,D4>Lmenu/2,如圖 9所示,使得菜單占滿第三子區(qū)域521,菜單剩下的部分在第四子區(qū)域522中顯示。
[0209]通過示例一步驟,使得菜單完整地在觸控位置下方的第二顯示區(qū)域顯示。
[0210]示例二
[0211]圖10是根據(jù)一示例性實施例示出的菜單顯示方法的流程圖。如圖10所示,菜單顯示方法包括以下步驟。
[0212]在步驟901中,獲取觸控位置與當前顯示頁面上、下、左、右四邊界之間的距離:第一頁邊距Dl = 395,第二頁邊距D2 = 895,第三頁邊距D3 = 485,第四頁邊距D4 = 1185 ;
[0213]在步驟902中,獲取菜單尺寸,菜單高度Hmenu = 500,Hmenu/2 = 250,菜單寬度Lmenu=1100。[0214]在步驟903中,比較D3和Lmenu,D3〈Lmenu,菜單不能在第三顯示區(qū)域內(nèi)完整顯示。
[0215]在步驟904中,比較D4和Lmenu,D4>Lmenu,菜單可以在第四顯示區(qū)域內(nèi)完整顯示。
[0216]在步驟905中,根據(jù)觸控位置的水平中線將第四顯示區(qū)域54劃分為上側(cè)的第七子區(qū)域541和下側(cè)的第八子區(qū)域542,獲取水中線與當前顯示頁面上邊界的第七頁邊距D7 =400、水中線與當前顯示頁面右邊界的第八頁邊距D8 = 900。
[0217]在步驟905中,Hmenu/2〈D7,且Hmenu/2〈D8,如圖11所示,可以在第七子區(qū)域541和第八子區(qū)域542中分別顯示菜單的一半。
[0218]通過示例二步驟,使得菜單完整地在觸控位置右側(cè)的第四顯示區(qū)域顯示。
[0219]通過上述兩個具體實例可以看出,在同一顯示頁面上相同的觸控位置,采用不同的方式確定的菜單顯示位置可能不同(菜單顯示位置在觸控位置下方或在觸控位置右側(cè)),但是,無論采用哪種方式,都能夠保證菜單在頁面上完整的進行顯示。
[0220]圖12是根據(jù)一示例性實施例示出的一種菜單顯示裝置框圖。參照圖12,該裝置120包括第一獲取模塊121、第二獲取模塊122、比較模塊123和菜單確定顯示模塊124。
[0221]第一獲取模塊121被配置為獲取調(diào)出菜單的觸控操作對應(yīng)的觸控位置距離當前顯示頁面各邊界的頁邊距;
[0222]第二獲取模塊122被配置為獲取所述菜單的尺寸;
[0223]比較模塊123被配置為比較所述菜單的尺寸和所述頁邊距;
[0224]菜單確定顯示模塊124被配置為根據(jù)所述比較結(jié)果,確定能完整顯示所述菜單的位置,并顯示所述菜單。
[0225]可選的,當所述觸控位置為點時,所述第一獲取模塊121,用于獲取所述點距離所述當前顯示頁面各邊界的頁邊距;
[0226]當所述觸控位置為矩形區(qū)域時,所述第一獲取模塊121,用于獲取所述矩形區(qū)域的關(guān)鍵點坐標以及所述矩形區(qū)域的尺寸,根據(jù)所述矩形區(qū)域的關(guān)鍵點坐標和尺寸獲取所述矩形區(qū)域距離所述當前顯示頁面各邊界的頁邊距;其中,所述關(guān)鍵點為所述矩形區(qū)域的設(shè)定點。
[0227]圖13是根據(jù)另一示例性實施例示出的一種菜單顯示裝置框圖。可選的,如圖13所示,該裝置120還包括:
[0228]區(qū)域分割模塊125,用于以所述觸控位置為分割位置,將所述當前顯示頁面設(shè)置為第一顯示區(qū)域、第二顯示區(qū)域、第三顯示區(qū)域和第四顯示區(qū)域;
[0229]其中,所述第一顯示區(qū)域為矩形區(qū)域、且其高度為所述觸控位置到所述當前顯示頁面上邊界的第一頁邊距;
[0230]所述第二顯示區(qū)域為矩形區(qū)域、且其高度為所述觸控位置到所述當前顯示頁面下邊界的第二頁邊距;
[0231]所述第三顯示區(qū)域為矩形區(qū)域、且其寬度為所述觸控位置到所述當前顯示頁面左邊界的第三頁邊距;
[0232]所述第四顯示區(qū)域為矩形區(qū)域、且其寬度為所述觸控位置到所述當前顯示頁面右邊界的第四頁邊距。
[0233]圖14是根據(jù)一示例性實施例示出的菜單確定顯示模塊框圖。可選的,如圖14所示,所述菜單確定顯示模塊124包括:[0234]第一位置確定單元1241,用于當所述比較結(jié)果指示所述菜單的高度小于等于所述第一頁邊距且大于所述第二頁邊距時,在所述第一顯示區(qū)域顯示所述菜單;當所述比較結(jié)果指示所述菜單的高度大于所述第一頁邊距且小于等于所述第二頁邊距時,在所述第二顯示區(qū)域顯示所述菜單。
[0235]可選的,所述第一位置確定單元1241,還用于當所述比較結(jié)果指示所述菜單的高度大于所述第一頁邊距且大于所述第二頁邊距時,在所述第三顯示區(qū)域或第四顯示區(qū)域顯示所述菜單。
[0236]可選的,當所述觸控位置為點時,所述第一位置確定單元1241,還用于當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第三頁邊距時,進一步將所述菜單的一部分顯示在所述第三顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第四顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第四頁邊距時,進一步將所述菜單的一部分顯示在所述第四顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第三顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半既大于所述第三頁邊距又大于所述第四頁邊距時,在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0237]可選的,如圖14所示,當所述觸控位置為矩形區(qū)域時,所述菜單確定顯示模塊124還包括:
[0238]第一區(qū)域劃分單元1242,用于根據(jù)所述觸控位置的垂直中線將所述第一顯示區(qū)域或第二顯示區(qū)域劃分為左子區(qū)域、右子區(qū)域,獲取所述垂直中線與所述當前顯示頁面左、右邊界的第五頁邊距和第六頁邊距;
[0239]所述第一位置確定單元1241,還用于當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第五頁邊距時,進一步將所述菜單的一部分顯示在所述左子區(qū)域中,并將所述菜單的另一部分顯示在所述右子區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第六頁邊距時,進一步將所述菜單的一部分顯示在所述右子區(qū)域中,并將所述菜單的另一部分顯示在所述左子區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半既大于所述第五頁邊距又大于所述第六頁邊距時,在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0240]圖15是根據(jù)另一示例性實施例示出的一種菜單顯示裝置框圖??蛇x的,如圖15所示,所述裝置120還包括:
[0241]第一接收模塊126,用于接收用戶在水平方向上的滑動操作;
[0242]第一菜單控制模塊127,用于根據(jù)用戶在水平方向上的滑動操作,控制所述菜單在水平方向上移動,顯示隱藏的部分菜單。
[0243]圖16是根據(jù)另一示例性實施例示出的菜單確定顯示模塊框圖??蛇x的,如圖16所示,所述菜單確定顯示模塊124包括:
[0244]第二位置確定單元1243,用于當所述比較結(jié)果指示所述菜單的寬度小于等于所述第三頁邊距且大于所述第四頁邊距時,在所述第三顯示區(qū)域顯示所述菜單;當所述比較結(jié)果指示所述菜單的高度大于所述第三頁邊距且小于等于所述第四頁邊距時,在所述第四顯示區(qū)域顯示所述菜單。
[0245]可選的,所述第二位置確定單元1243,還用于當所述比較結(jié)果指示所述菜單的高度大于所述第三頁邊距且大于所述第四頁邊距時,在所述第一顯示區(qū)域或第二顯示區(qū)域顯示所述菜單。
[0246]可選的,所述第二位置確定單元1243,還用于當所述比較結(jié)果指示所述菜單的高度的一半大于所述第一頁邊距時,進一步將所述菜單的一部分顯示在所述第一顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第二顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的高度的一半大于所述第二頁邊距時,進一步將所述菜單的一部分顯示在所述第二顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第一顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的高度的一半既大于所述第一頁邊距又大于所述第二頁邊距時,在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0247]可選的,如圖16所示,所述菜單確定顯示模塊124還包括:
[0248]第二區(qū)域劃分單元1244,用于根據(jù)所述觸控位置的水平中線將所述第三顯示區(qū)域或第四顯示區(qū)域劃分為上子區(qū)域、下子區(qū)域,獲取所述水平中線與所述當前顯示頁面上、下邊界的第七頁邊距和第八頁邊距;
[0249]所述第二位置確定單元1243,還用于當所述比較結(jié)果指示所述菜單的高度的一半大于所述第七頁邊距時,進一步將所述菜單的一部分顯示在所述上子區(qū)域中,并將所述菜單的另一部分顯示在所述下子區(qū)域中;當所述比較結(jié)果指示所述菜單的高度的一半大于所述第八頁邊距時,進一步將所述菜單的一部分顯示在所述下子區(qū)域中,并將所述菜單的另一部分顯示在所述上子區(qū)域中;當所述比較結(jié)果指示所述菜單的高度的一半既大于所述第七頁邊距又大于所述第八頁邊距時,在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
[0250]圖17是根據(jù)一示例性實施例示出的一種菜單顯示裝置框圖??蛇x的,如圖17所示,所述裝置120還包括:
[0251]第二接收模塊128,用于接收用戶在垂直方向上的滑動操作;
[0252]第二菜單控制模塊129,用于根據(jù)用戶在垂直方向上的滑動操作,控制所述菜單在垂直方向上移動,顯示隱藏的部分菜單。
[0253]關(guān)于上述實施例中的裝置,其中各個模塊執(zhí)行操作的具體方式已經(jīng)在有關(guān)該方法的實施例中進行了詳細描述,此處將不做詳細闡述說明。
[0254]圖18是根據(jù)一示例性實施例示出的一種用于菜單顯示的裝置1300的框圖。例如,裝置1300可以是移動電話,計算機,數(shù)字廣播終端,消息收發(fā)設(shè)備,游戲控制臺,平板設(shè)備,醫(yī)療設(shè)備,健身設(shè)備,個人數(shù)字助理等。
[0255]參照圖13,裝置1300可以包括以下一個或多個組件:處理組件1302,存儲器1304,電源組件1306,多媒體組件1308,音頻組件1310,輸入/輸出(I/O)的接口 1312,傳感器組件1314,以及通信組件1316。
[0256]處理組件1302通常控制裝置1300的整體操作,諸如與顯示,電話呼叫,數(shù)據(jù)通信,相機操作和記錄操作相關(guān)聯(lián)的操作。處理組件1302可以包括一個或多個處理器1320來執(zhí)行指令,以完成上述的方法的全部或部分步驟。此外,處理組件1302可以包括一個或多個模塊,便于處理組件1302和其他組件之間的交互。例如,處理部件1302可以包括多媒體模塊,以方便多媒體組件1308和處理組件1302之間的交互。
[0257]存儲器1304被配置為存儲各種類型的數(shù)據(jù)以支持在設(shè)備1300的操作。這些數(shù)據(jù)的示例包括用于在裝置1300上操作的任何應(yīng)用程序或方法的指令,聯(lián)系人數(shù)據(jù),電話簿數(shù)據(jù),消息,圖片,視頻等。存儲器1304可以由任何類型的易失性或非易失性存儲設(shè)備或者它們的組合實現(xiàn),如靜態(tài)隨機存取存儲器(SRAM),電可擦除可編程只讀存儲器(EEPROM),可擦除可編程只讀存儲器(EPROM),可編程只讀存儲器(PROM),只讀存儲器(R0M),磁存儲器,快閃存儲器,磁盤或光盤。
[0258]電力組件1306為裝置1300的各種組件提供電力。電力組件1306可以包括電源管理系統(tǒng),一個或多個電源,及其他與為裝置1300生成、管理和分配電力相關(guān)聯(lián)的組件。
[0259]多媒體組件1308包括在所述裝置1300和用戶之間的提供一個輸出接口的屏幕。在一些實施例中,屏幕可以包括液晶顯示器(LCD)和觸摸面板(TP)。如果屏幕包括觸摸面板,屏幕可以被實現(xiàn)為觸摸屏,以接收來自用戶的輸入信號。觸摸面板包括一個或多個觸摸傳感器以感測觸摸、滑動和觸摸面板上的手勢。所述觸摸傳感器可以不僅感測觸摸或滑動動作的邊界,而且還檢測與所述觸摸或滑動操作相關(guān)的持續(xù)時間和壓力。在一些實施例中,多媒體組件1308包括一個前置攝像頭和/或后置攝像頭。當設(shè)備1300處于操作模式,如拍攝模式或視頻模式時,前置攝像頭和/或后置攝像頭可以接收外部的多媒體數(shù)據(jù)。每個前置攝像頭和后置攝像頭可以是一個固定的光學透鏡系統(tǒng)或具有焦距和光學變焦能力。
[0260]音頻組件1310被配置為輸出和/或輸入音頻信號。例如,音頻組件1310包括一個麥克風(MIC),當裝置1300處于操作模式,如呼叫模式、記錄模式和語音識別模式時,麥克風被配置為接收外部音頻信號。所接收的音頻信號可以被進一步存儲在存儲器1304或經(jīng)由通信組件1316發(fā)送。在一些實施例中,音頻組件1310還包括一個揚聲器,用于輸出音頻信號。
[0261]I/O接口 1312為處理組件1302和外圍接口模塊之間提供接口,上述外圍接口模塊可以是鍵盤,點擊輪,按鈕等。這些按鈕可包括但不限于:主頁按鈕、音量按鈕、啟動按鈕和鎖定按鈕。
[0262]傳感器組件1314包括一個或多個傳感器,用于為裝置1300提供各個方面的狀態(tài)評估。例如,傳感器組件1314可以檢測到設(shè)備1300的打開/關(guān)閉狀態(tài),組件的相對定位,例如所述組件為裝置1300的顯示器和小鍵盤,傳感器組件1314還可以檢測裝置1300或裝置1300 —個組件的位置改變,用戶與裝置1300接觸的存在或不存在,裝置1300方位或加速/減速和裝置1300的溫度變化。傳感器組件1314可以包括接近傳感器,被配置用來在沒有任何的物理接觸時檢測附近物體的存在。傳感器組件1314還可以包括光傳感器,如CMOS或CXD圖像傳感器,用于在成像應(yīng)用中使用。在一些實施例中,該傳感器組件1314還可以包括加速度傳感器,陀螺儀傳感器,磁傳感器,壓力傳感器或溫度傳感器。
[0263]通信組件1316被配置為便于裝置1300和其他設(shè)備之間有線或無線方式的通信。裝置1300可以接入基于通信標準的無線網(wǎng)絡(luò),如WiFi,2G或3G,或它們的組合。在一個示例性實施例中,通信部件1316經(jīng)由廣播信道接收來自外部廣播管理系統(tǒng)的廣播信號或廣播相關(guān)信息。在一個示例性實施例中,所述通信部件1316還包括近場通信(NFC)模塊,以促進短程通信。例如,在NFC模塊可基于射頻識別(RFID)技術(shù),紅外數(shù)據(jù)協(xié)會(IrDA)技術(shù),超寬帶(UWB)技術(shù),藍牙(BT)技術(shù)和其他技術(shù)來實現(xiàn)。
[0264]在示例性實施例中,裝置1300可以被一個或多個應(yīng)用專用集成電路(ASIC)、數(shù)字信號處理器(DSP)、數(shù)字信號處理設(shè)備(DSro)、可編程邏輯器件(PLD)、現(xiàn)場可編程門陣列(FPGA)、控制器、微控制器、微處理器或其他電子元件實現(xiàn),用于執(zhí)行上述方法。[0265]在示例性實施例中,還提供了一種包括指令的非臨時性計算機可讀存儲介質(zhì),例如包括指令的存儲器1304,上述指令可由裝置1300的處理器1320執(zhí)行以完成上述方法。例如,所述非臨時性計算機可讀存儲介質(zhì)可以是ROM、隨機存取存儲器(RAM)、CD-ROM、磁帶、軟盤和光數(shù)據(jù)存儲設(shè)備等。
[0266]本領(lǐng)域技術(shù)人員在考慮說明書及實踐這里公開的發(fā)明后,將容易想到本發(fā)明的其它實施方案。本申請旨在涵蓋本發(fā)明的任何變型、用途或者適應(yīng)性變化,這些變型、用途或者適應(yīng)性變化遵循本發(fā)明的一般性原理并包括本公開未公開的本【技術(shù)領(lǐng)域】中的公知常識或慣用技術(shù)手段。說明書和實施例僅被視為示例性的,本發(fā)明的真正范圍和精神由下面的權(quán)利要求指出。
[0267]應(yīng)當理解的是,本發(fā)明并不局限于上面已經(jīng)描述并在附圖中示出的精確結(jié)構(gòu),并且可以在不脫離其范圍進行各種修改和改變。本發(fā)明的范圍僅由所附的權(quán)利要求來限制。
【權(quán)利要求】
1.一種菜單顯示方法,其特征在于,包括: 獲取調(diào)出菜單的觸控操作對應(yīng)的觸控位置距離當前顯示頁面各邊界的頁邊距; 獲取所述菜單的尺寸; 比較所述菜單的尺寸和所述頁邊距; 根據(jù)所述比較結(jié)果,確定能完整顯示所述菜單的位置,并顯示所述菜單。
2.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述獲取調(diào)出菜單的觸控操作對應(yīng)的觸控位置距離當前顯示頁面各邊界的頁邊距,包括: 當所述觸控位置為點時,獲取所述點距離所述當前顯示頁面各邊界的頁邊距; 當所述觸控位置為矩形區(qū)域時,獲取所述矩形區(qū)域的關(guān)鍵點坐標以及所述矩形區(qū)域的尺寸,根據(jù)所述矩形區(qū)域的關(guān)鍵點坐標和尺寸獲取所述矩形區(qū)域距離所述當前顯示頁面各邊界的頁邊距;其中,所述關(guān)鍵點為所述矩形區(qū)域的設(shè)定點。
3.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述方法還包括: 以所述觸控位置為分割位置,將所述當前顯示頁面設(shè)置為第一顯示區(qū)域、第二顯示區(qū)域、第三顯示區(qū)域和第四顯示區(qū)域; 其中,所述第一 顯示區(qū)域為矩形區(qū)域、且其高度為所述觸控位置到所述當前顯示頁面上邊界的第一頁邊距; 所述第二顯示區(qū)域為矩形區(qū)域、且其高度為所述觸控位置到所述當前顯示頁面下邊界的第二頁邊距; 所述第三顯示區(qū)域為矩形區(qū)域、且其寬度為所述觸控位置到所述當前顯示頁面左邊界的第三頁邊距; 所述第四顯示區(qū)域為矩形區(qū)域、且其寬度為所述觸控位置到所述當前顯示頁面右邊界的第四頁邊距。
4.根據(jù)權(quán)利要求3所述的方法,其特征在于,所述根據(jù)所述比較結(jié)果,確定能完整顯示所述菜單的位置,包括: 當所述比較結(jié)果指示所述菜單的高度小于等于所述第一頁邊距且大于所述第二頁邊距時,在所述第一顯示區(qū)域顯示所述菜單; 當所述比較結(jié)果指示所述菜單的高度大于所述第一頁邊距且小于等于所述第二頁邊距時,在所述第二顯示區(qū)域顯示所述菜單。
5.根據(jù)權(quán)利要求4所述的方法,其特征在于,所述方法還包括:當所述比較結(jié)果指示所述菜單的高度大于所述第一頁邊距且大于所述第二頁邊距時,在所述第三顯示區(qū)域或第四顯示區(qū)域顯示所述菜單。
6.根據(jù)權(quán)利要求4所述的方法,其特征在于,當所述觸控位置為點時,所述方法還包括: 當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第三頁邊距時,進一步將所述菜單的一部分顯示在所述第三顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第四顯示區(qū)域中; 當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第四頁邊距時,進一步將所述菜單的一部分顯示在所述第四顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第三顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半既大于所述第三頁邊距又大于所述第四頁邊距時,在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
7.根據(jù)權(quán)利要求4所述的方法,其特征在于,當所述觸控位置為矩形區(qū)域時,所述方法還包括: 根據(jù)所述觸控位置的垂直中線將所述第一顯示區(qū)域或第二顯示區(qū)域劃分為左子區(qū)域、右子區(qū)域,獲取所述垂直中線與所述當前顯示頁面左、右邊界的第五頁邊距和第六頁邊距; 當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第五頁邊距時,進一步將所述菜單的一部分顯示在所述左子區(qū)域中,并將所述菜單的另一部分顯示在所述右子區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第六頁邊距時,進一步將所述菜單的一部分顯示在所述右子區(qū)域中,并將所述菜單的另一部分顯示在所述左子區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半既大于所述第五頁邊距又大于所述第六頁邊距時,在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
8.根據(jù)權(quán)利要求6或7所述的方法,其特征在于,當在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏時,所述方法還包括: 接收用戶在水平方向上的滑動操作; 根據(jù)用戶在水平方向上的滑動操作,控制所述菜單在水平方向上移動,顯示隱藏的部分菜單。
9.根據(jù)權(quán)利要求3所述的方法,其特征在于,所述根據(jù)所述比較結(jié)果,確定能完整顯示所述菜單的位置,包括: 當所述比較結(jié)果指示所述菜單的寬度小于等于所述第三頁邊距且大于所述第四頁邊距時,在所述第三顯示區(qū)域顯示所述菜單; 當所述比較結(jié)果指示所述菜單的高度大于所述第三頁邊距且小于等于所述第四頁邊距時,在所述第四顯示區(qū)域顯示所述菜單。
10.根據(jù)權(quán)利要求9所述的方法,其特征在于,所述方法還包括: 當所述比較結(jié)果指示所述菜單的高度大于所述第三頁邊距且大于所述第四頁邊距時,在所述第一顯示區(qū)域或第二顯示區(qū)域顯示所述菜單。
11.根據(jù)權(quán)利要求9所述的方法,其特征在于,當所述觸控位置為點時,所述方法還包括: 當所述比較結(jié)果指示所述菜單的高度的一半大于所述第一頁邊距時,進一步將所述菜單的一部分顯示在所述第一顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第二顯示區(qū)域中; 當所述比較結(jié)果指示所述菜單的高度的一半大于所述第二頁邊距時,進一步將所述菜單的一部分顯示在所述第二顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第一顯示區(qū)域中; 當所述比較結(jié)果指示所述菜單的高度的一半既大于所述第一頁邊距又大于所述第二頁邊距時,在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
12.根據(jù)權(quán)利要求9所述的方法,其特征在于,當所述觸控位置為矩形區(qū)域時,所述方法還包括: 根據(jù)所述觸控位置的水平中線將所述第三顯示區(qū)域或第四顯示區(qū)域劃分為上子區(qū)域、下子區(qū)域,獲取所述水平中線與所述當前顯示頁面上、下邊界的第七頁邊距和第八頁邊距; 當所述比較結(jié)果指示所述菜單的高度的一半大于所述第七頁邊距時,進一步將所述菜單的一部分顯示在所述上子區(qū)域中,并將所述菜單的另一部分顯示在所述下子區(qū)域中; 當所述比較結(jié)果指示所述菜單的高度的一半大于所述第八頁邊距時,進一步將所述菜單的一部分顯示在所述下子區(qū)域中,并將所述菜單的另一部分顯示在所述上子區(qū)域中; 當所述比較結(jié)果指示所述菜單的高度的一半既大于所述第七頁邊距又大于所述第八頁邊距時,在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
13.根據(jù)權(quán)利要求11或12所述的方法,其特征在于,當在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏時,所述方法還包括: 接收用戶在垂直方向上的滑動操作; 根據(jù)用戶在垂直方向 上的滑動操作,控制所述菜單在垂直方向上移動,顯示隱藏的部分菜單。
14.一種菜單顯示裝置,其特征在于,包括: 第一獲取模塊,用于獲取調(diào)出菜單的觸控操作對應(yīng)的觸控位置距離當前顯示頁面各邊界的頁邊距; 第二獲取模塊,用于獲取所述菜單的尺寸; 比較模塊,用于比較所述菜單的尺寸和所述頁邊距; 菜單確定顯示模塊,用于根據(jù)所述比較結(jié)果,確定能完整顯示所述菜單的位置,并顯示所述菜單。
15.根據(jù)權(quán)利要求14所述的裝置,其特征在于, 當所述觸控位置為點時,所述第一獲取模塊,用于獲取所述點距離所述當前顯示頁面各邊界的頁邊距; 當所述觸控位置為矩形區(qū)域時,所述第一獲取模塊,用于獲取所述矩形區(qū)域的關(guān)鍵點坐標以及所述矩形區(qū)域的尺寸,根據(jù)所述矩形區(qū)域的關(guān)鍵點坐標和尺寸獲取所述矩形區(qū)域距離所述當前顯示頁面各邊界的頁邊距;其中,所述關(guān)鍵點為所述矩形區(qū)域的設(shè)定點。
16.根據(jù)權(quán)利要求14所述的裝置,其特征在于,所述裝置還包括: 區(qū)域分割模塊,用于以所述觸控位置為分割位置,將所述當前顯示頁面設(shè)置為第一顯示區(qū)域、第二顯示區(qū)域、第三顯示區(qū)域和第四顯示區(qū)域; 其中,所述第一顯示區(qū)域為矩形區(qū)域、且其高度為所述觸控位置到所述當前顯示頁面上邊界的第一頁邊距; 所述第二顯示區(qū)域為矩形區(qū)域、且其高度為所述觸控位置到所述當前顯示頁面下邊界的第二頁邊距; 所述第三顯示區(qū)域為矩形區(qū)域、且其寬度為所述觸控位置到所述當前顯示頁面左邊界的第三頁邊距; 所述第四顯示區(qū)域為矩形區(qū)域、且其寬度為所述觸控位置到所述當前顯示頁面右邊界的第四頁邊距。
17.根據(jù)權(quán)利要求16所述的裝置,其特征在于,所述菜單確定顯示模塊包括: 第一位置確定單元,用于當所述比較結(jié)果指示所述菜單的高度小于等于所述第一頁邊距且大于所述第二頁邊距時,在所述第一顯示區(qū)域顯示所述菜單;當所述比較結(jié)果指示所述菜單的高度大于所述第一頁邊距且小于等于所述第二頁邊距時,在所述第二顯示區(qū)域顯示所述菜單。
18.根據(jù)權(quán)利要求17所述的裝置,其特征在于,所述第一位置確定單元,還用于當所述比較結(jié)果指示所述菜單的高度大于所述第一頁邊距且大于所述第二頁邊距時,在所述第三顯示區(qū)域或第四顯示區(qū)域顯示所述菜單。
19.根據(jù)權(quán)利要求17所述的裝置,其特征在于,當所述觸控位置為點時,所述第一位置確定單元,還用于當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第三頁邊距時,進一步將所述菜單的一部分顯示在所述第三顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第四顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第四頁邊距時,進一步將所述菜單的一部分顯示在所述第四顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第三顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半既大于所述第三頁邊距又大于所述第四頁邊距時,在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
20.根據(jù)權(quán)利要 求17所述的裝置,其特征在于,當所述觸控位置為矩形區(qū)域時,所述菜單確定顯示模塊還包括: 第一區(qū)域劃分單元,用于根據(jù)所述觸控位置的垂直中線將所述第一顯示區(qū)域或第二顯示區(qū)域劃分為左子區(qū)域、右子區(qū)域,獲取所述垂直中線與所述當前顯示頁面左、右邊界的第五頁邊距和第六頁邊距; 所述第一位置確定單元,還用于當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第五頁邊距時,進一步將所述菜單的一部分顯示在所述左子區(qū)域中,并將所述菜單的另一部分顯示在所述右子區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半大于所述第六頁邊距時,進一步將所述菜單的一部分顯示在所述右子區(qū)域中,并將所述菜單的另一部分顯示在所述左子區(qū)域中;當所述比較結(jié)果指示所述菜單的寬度的一半既大于所述第五頁邊距又大于所述第六頁邊距時,在所述當前顯示頁面的寬度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
21.根據(jù)權(quán)利要求19或20所述的裝置,其特征在于,所述裝置還包括: 第一接收模塊,用于接收用戶在水平方向上的滑動操作; 第一菜單控制模塊,用于根據(jù)用戶在水平方向上的滑動操作,控制所述菜單在水平方向上移動,顯示隱藏的部分菜單。
22.根據(jù)權(quán)利要求16所述的裝置,其特征在于,所述菜單確定顯示模塊包括: 第二位置確定單元,用于當所述比較結(jié)果指示所述菜單的寬度小于等于所述第三頁邊距且大于所述第四頁邊距時,在所述第三顯示區(qū)域顯示所述菜單;當所述比較結(jié)果指示所述菜單的高度大于所述第三頁邊距且小于等于所述第四頁邊距時,在所述第四顯示區(qū)域顯示所述菜單。
23.根據(jù)權(quán)利要求22所述的裝置,其特征在于,所述第二位置確定單元,還用于當所述比較結(jié)果指示所述菜單的高度大于所述第三頁邊距且大于所述第四頁邊距時,在所述第一顯示區(qū)域或第二顯示區(qū)域顯示所述菜單。
24.根據(jù)權(quán)利要求22所述的裝置,其特征在于,所述第二位置確定單元,還用于當所述比較結(jié)果指示所述菜單的高度的一半大于所述第一頁邊距時,進一步將所述菜單的一部分顯示在所述第一顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第二顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的高度的一半大于所述第二頁邊距時,進一步將所述菜單的一部分顯示在所述第二顯示區(qū)域中,并將所述菜單的另一部分顯示在所述第一顯示區(qū)域中;當所述比較結(jié)果指示所述菜單的高度的一半既大于所述第一頁邊距又大于所述第二頁邊距時,在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
25.根據(jù)權(quán)利要求22所述的裝置,其特征在于,所述菜單確定顯示模塊還包括: 第二區(qū)域劃分單元,用于根據(jù)所述觸控位置的水平中線將所述第三顯示區(qū)域或第四顯示區(qū)域劃分為上子區(qū)域、下子區(qū)域,獲取所述水平中線與所述當前顯示頁面上、下邊界的第七頁邊距和第八頁邊距; 所述第二位置確定單元,還用于當所述比較結(jié)果指示所述菜單的高度的一半大于所述第七頁邊距時,進一步將所述菜單的一部分顯示在所述上子區(qū)域中,并將所述菜單的另一部分顯示在所述下子區(qū)域中;當所述比較結(jié)果指示所述菜單的高度的一半大于所述第八頁邊距時,進一步將所述菜單的一部分顯示在所述下子區(qū)域中,并將所述菜單的另一部分顯示在所述上子區(qū)域中;當所述比較結(jié)果指示所述菜單的高度的一半既大于所述第七頁邊距又大于所述第八頁邊距時,在所述當前顯示頁面的高度內(nèi)顯示所述菜單的一部分,將所述菜單的另一部分隱藏。
26.根據(jù)權(quán)利要求24或25所述的裝置,其特征在于,所述裝置還包括: 第二接收模塊,用于接收用戶在垂直方向上的滑動操作; 第二菜單控制模塊,用于根據(jù)用戶在垂直方向上的滑動操作,控制所述菜單在垂直方向上移動,顯示隱藏的部分菜單。
27.一種菜單顯示裝置,其特征在于,包括: 處理器; 用于存儲處理器可執(zhí)行指令的存儲器; 其中,所述處理器被配置為: 獲取調(diào)出菜單的觸控操作對應(yīng)的觸控位置距離當前顯示頁面各邊界的頁邊距; 獲取所述菜單的尺寸; 比較所述菜單的尺寸和所述頁邊距; 根據(jù)所述比較結(jié)果,確定能完整顯示所述菜單的位置,并顯示所述菜單。
【文檔編號】G06F3/0482GK103984476SQ201410189146
【公開日】2014年8月13日 申請日期:2014年5月6日 優(yōu)先權(quán)日:2014年5月6日
【發(fā)明者】萬鈺臻, 王文林, 韓偉 申請人:小米科技有限責任公司