[發(fā)明專利]菜單顯示方法及裝置

在審

• 申請?zhí)枺?/td>: 201610325859.9
• 申請日: 2016-05-16
• 公開（公告）號: CN107390980A
• 公開（公告）日: 2017-11-24
• 發(fā)明（設(shè)計）人: 楊鑫;任奐宇
• 申請（專利權(quán)）人: 中興通訊股份有限公司
• 主分類號: G06F3/0482
• 分類號: G06F3/0482;G06F9/44
• 代理公司: 北京康信知識產(chǎn)權(quán)代理有限責(zé)任公司11240
• 代理人: 江舟,董文倩

技術(shù)領(lǐng)域

本發(fā)明涉及通信領(lǐng)域，具體而言，涉及一種菜單顯示方法及裝置。

背景技術(shù)

隨著互聯(lián)網(wǎng)的高速發(fā)展，WEB相關(guān)技術(shù)日漸成熟，WEB應(yīng)用幾乎統(tǒng)治了絕大部分的軟件應(yīng)用系統(tǒng)，各種企業(yè)級的應(yīng)用系統(tǒng)都轉(zhuǎn)向web化，通過瀏覽器訪問服務(wù)器的方式實現(xiàn)業(yè)務(wù)流程。

在各種web應(yīng)用中菜單表現(xiàn)形式是多種多樣的，一般都采用以下幾種方式來呈現(xiàn)，一是橫向菜單來表達，一是采用縱向菜單來表達，以及這兩種方式的變形方式。以橫向菜單為例，有三級菜單，一級菜單固定在頁面頂部，二級、三級懸浮，默認隱藏，鼠標(biāo)移入一級菜單后二級、三級菜單面板顯示，二三級菜單面板與一級菜單左對齊，二級、三級菜單橫向排列；二三級菜單面板有寬有窄，當(dāng)面板寬度寬到瀏覽器最右邊依然不能完整顯示整個菜單的內(nèi)容時。

目前行業(yè)中解決多級菜單自動顯示的方式一般有三種，一是如果顯示不下時，則將菜單項的內(nèi)容自動斷行處理。二是直接將顯示不下的內(nèi)容顯示在右側(cè)不可見區(qū)域。三是將無法顯示下的內(nèi)容強行顯示在最下方。

這些自動使用的方式存在以下問題：

1、如果自定斷行，則顯示的文本明顯沒有對稱。同時也會影響菜單的整體布局。一般開發(fā)人員在布局菜單時，都是按照一行進行布局，如果在特定環(huán)境中菜單自動適應(yīng)顯示成兩行或者多行時，會改變菜單的整體布局，影響菜單的整體效果。

2、如果菜單自動適應(yīng)將無法顯示的內(nèi)容自動顯示在瀏覽器的最右側(cè)不可見區(qū)域，這樣直接會影響用戶的使用，顯示在不可見區(qū)域的菜單用戶始終都無法對其進行操作。直接影響系統(tǒng)功能的完整性。

3、如果菜單容器不能完整呈現(xiàn)菜單內(nèi)容，自動將菜單內(nèi)容填充在容器的最下方。一般開發(fā)人員在定義菜單容器大小時，是根據(jù)菜單內(nèi)容進行相對定義的。如果瀏覽器強行將顯示不下的菜單內(nèi)容顯示在容器的最下方，則會導(dǎo)致整個菜單容器的布局發(fā)生變化。包括整個菜單容器中的整體布局，即其他正常菜單顯示的方式也會跟著相應(yīng)的發(fā)生變化。

針對相關(guān)技術(shù)中，WEB頁面上的菜單無法自適應(yīng)調(diào)整的問題，尚未提出有效的解決方案。

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

本發(fā)明實施例提供了一種菜單顯示方法及裝置，以至少解決相關(guān)技術(shù)中WEB頁面上的菜單無法自適應(yīng)調(diào)整的問題。

根據(jù)本發(fā)明的一個方面，提供了一種菜單顯示方法，包括：獲取當(dāng)前待顯示頁面中的菜單內(nèi)容；依據(jù)所述菜單內(nèi)容確定菜單顯示所需的容量；根據(jù)所述容量確定所述菜單的菜單容器的大小，并基于所述菜單容器的大小顯示所述菜單。

可選地，獲取當(dāng)前待顯示頁面中的菜單內(nèi)容，包括：獲取所述待顯示頁面中的菜單項，和/或獲取所述待顯示頁面中所述菜單項在所述待顯示頁面中的層級關(guān)系。

可選地，依據(jù)所述菜單內(nèi)容確定菜單顯示所需的容量，包括：獲取所述菜單項的首選大小；將所述首選大小統(tǒng)計合并，為顯示所述菜單所需的最小容量。

可選地，基于所述菜單容器的大小顯示所述菜單，包括：

根據(jù)所述菜單容器的大小，所述菜單容器與所述頁面右側(cè)的邊距屬性，以及所述層級關(guān)系中一級菜單的坐標(biāo)確定所述菜單顯示所需的顯示坐標(biāo)；

根據(jù)所述顯示坐標(biāo)顯示所述菜單。

可選地，根據(jù)所述顯示坐標(biāo)顯示所述菜單，包括：

將所述菜單容器顯示在所述顯示坐標(biāo)上；

在所述顯示坐標(biāo)上顯示所述菜單。

根據(jù)本發(fā)明的另一個方面，還提供了一種菜單顯示裝置，包括：獲取模塊，用于獲取當(dāng)前待顯示頁面中的菜單內(nèi)容；第一確定模塊，用于依據(jù)所述菜單內(nèi)容確定菜單顯示所需的容量；第二確定模塊，用于根據(jù)所述容量確定所述菜單的菜單容器的大小；顯示模塊，用于基于所述菜單容器的大小顯示所述菜單。

可選地，所述獲取模塊，用于獲取所述待顯示頁面中的菜單項，和/或獲取所述待顯示頁面中所述菜單項在所述待顯示頁面中的層級關(guān)系。

可選地，所述第一確定模塊，包括：

獲取單元，用于獲取所述菜單項的首選大小；

統(tǒng)計合并單元，用于將所述首選大小統(tǒng)計合并，為顯示所述菜單所需的最小容量。

可選地，所述顯示模塊，包括：

確定單元，用于根據(jù)所述菜單容器的大小，所述菜單容器與所述頁面右側(cè)的邊距屬性，以及所述層級關(guān)系中一級菜單的坐標(biāo)確定所述菜單顯示所需的顯示坐標(biāo)；

顯示單元，用于根據(jù)所述顯示坐標(biāo)顯示所述菜單。

可選地，所述顯示單元，用于將所述菜單容器顯示在所述顯示坐標(biāo)上；以及海用于在所述顯示坐標(biāo)上顯示所述菜單。