[發明專利]一種帶滑動動畫效果的主界面菜單的顯示方法

在審

• 申請號: 201310655729.8
• 申請日: 2013-12-05
• 公開（公告）號: CN103645828A
• 公開（公告）日: 2014-03-19
• 發明（設計）人: 袁國平
• 申請（專利權）人: 杭州云清科技有限公司
• 主分類號: G06F3/0481
• 分類號: G06F3/0481;G06F3/0488;H04M1/725
• 代理公司: 杭州中成專利事務所有限公司 33212
• 代理人: 周世駿

技術領域

本發明涉及信息技術領域，具體涉及一種帶滑動動畫效果的主界面菜單的顯示方法；本發明適用于使用觸摸屏的移動終端、顯示設備上的應用軟件UI設計。

背景技術

隨著應用軟件的增加，用戶對軟件不再滿足功能需要的實現，而是需要一個易操作、高效率的應用軟件。在使用觸摸屏的移動終端、顯示設備上，很多應用都使用了側滑導航欄來展現自己的主菜單。側滑導航欄也叫隱藏式導航欄，是目前應用程序開發人員最喜歡使用的一種設計模式，是一種將主菜單和子界面分別放在屏幕左右兩側的UI設計風格（參閱圖1）。在其使用過程中，會存在以下一些問題：

1、現有應用的主界面菜單是以豎單列表形式展現的。其風格已經固定，如內容過多的話，需用戶拖動屏幕才能看到，菜單內容大部分都是文字說明，不能很清楚地表達模塊功能。很難達到用戶體驗中“隱喻”的要求。

2、如業務模塊發生改變，軟件生產商需重新編譯打包。不易維護。

發明內容

本發明要解決的問題是，克服現有技術中的不足，提供一種帶滑動動畫效果的主界面菜單的顯示方法。

為解決技術問題，本發明的解決方案是：

提供一種帶滑動動畫效果的主界面菜單的顯示方法，包括以下步驟：

（1）指定菜單圖片與菜單內容的TAG之間、菜單內容的TAG與業務模塊之間的映射關系；

（2）根據用戶身份和權限確定菜單內容，按映射關系將菜單圖片進行縮放處理，然后顯示于觸摸屏主界面上對應的子菜單的位置；

（3）當用戶點擊主界面上的某個子菜單時，與該子菜單內容對應的菜單圖片以動畫效果從屏幕的一側推出并最終擋住主界面，將該子菜單的界面展現在手機屏幕上供用戶進行操作；

（4）當用戶點擊子菜單界面上指定的按鈕或滑動子菜單界面時，其菜單圖片移出屏幕側邊并最終露出主界面，使得用戶能夠對其它菜單進行操作。

本發明中，所述步驟（2）具體包括：

a、根據用戶身份和權限確定菜單內容，將要顯示的菜單圖片讀取到內存相應的位置中；

b、獲取當前手機終端屏幕寬度和菜單圖片的大小，計算出屏幕上單行能顯示的菜單數量，同時生成圖像排版層次信息；

c、根據圖像排版層次信息以及各菜單圖片的坐標大小信息，應用圖像縮放算法將菜單圖片按給出的大小適配顯示至屏幕上。

本發明中，所述對菜單或子菜單的操作是指在觸摸屏上進行滑動或點擊操作。

與現有技術相比，本發明的有益效果是：

1、本發明對主界面菜單采用多排多列圖片的方式展現，使菜單能夠自由、靈活組合，主界面能顯示更多的內容；

2、使用圖片展現菜單內容，用戶能直觀地了解功能模塊，軟件生產商對軟件后期維護不需重新編譯代碼。

3、主界面和子界面都可接受點擊或拖動等交互，用戶更方便；

4、子界面的展現和退出都是以動畫方式表示，取得良好的視覺效果。

附圖說明

圖1為傳統的菜單樣式；

圖2為本發明的流程圖；

圖3為本發明的實施方式中菜單圖片和TAG映射圖；

圖4為本發明的實施方式中TAG和業務模塊映射圖；

圖5為本發明的實施方式中菜單樣式。

具體實施方式

下面結合附圖，對本發明的實施方式進行介紹。

帶滑動動畫效果的主界面菜單的顯示方法，其特征在于，包括以下步驟：

（1）指定菜單圖片與菜單內容的TAG之間、菜單內容的TAG與業務模塊之間的映射關系；

（2）根據用戶身份和權限確定菜單內容，按映射關系將菜單圖片進行縮放處理，然后顯示于觸摸屏主界面上對應的子菜單的位置；

（3）當用戶點擊主界面上的某個子菜單時，與該子菜單內容對應的菜單圖片以動畫效果從屏幕的一側推出并最終擋住主界面，將該子菜單的界面展現在手機屏幕上供用戶進行操作；

（4）當用戶點擊子菜單界面上指定的按鈕（例如在左上角設置按鈕）或滑動子菜單界面時，其菜單圖片移出屏幕側邊并最終露出主界面，使得用戶能夠對其它菜單進行操作。

所述對菜單或子菜單面的操作是指在觸摸屏上進行滑動或點擊操作。菜單圖片的移動方向，可以是從左至右、從右至左、從上至下、從下至上的任意一種。