[發明專利]一種快速開發手機APP圓盤菜單的方法

在審

• 申請號: 201610098288.X
• 申請日: 2016-02-23
• 公開（公告）號: CN105786327A
• 公開（公告）日: 2016-07-20
• 發明（設計）人: 肖慶超;楊培強;程林
• 申請（專利權）人: 浪潮軟件集團有限公司
• 主分類號: G06F3/0482
• 分類號: G06F3/0482;G06F9/44
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 張靖

技術領域

本發明涉及軟件開發技術領域，具體涉及一種快速開發手機APP圓盤菜單的方法。

背景技術

互聯網已經進入到了成熟的時代，現在也越來越重視與用戶之間的交流，這就必不可少需要通訊工具，因此，智能手機逐漸成為絕大部分人的必備品。而對于用戶來說，手機軟件的美觀性和實用性成為了一個手機APP軟件成功與否的重要評價標準，而圓盤菜單就是一個具有美觀性和實用性的菜單。

發明內容

本發明要解決的技術問題是：本發明提供一種快速開發手機APP圓盤菜單的方法。

本發明所采用的技術方案為：

一種快速開發手機APP圓盤菜單的方法，所述方法通過引進yuanpan.js，制作圓盤圖片，然后調用初始化函數init(sum)，其中sum表示菜單的個數，將圖片放到相應的區域，編寫回調函數openfunc，完成開發。

這個方法能夠快速簡單的開發美觀實用的圓盤菜單，是一種非常好的方法。

所述方法實現步驟如下：

第一步：在相應頁面引入yuanpan.js;

第二步：將制作好的圓盤圖片和背景圖片放到相應的位置;

第三步：調用函數init(sum)設置菜單個數menuSum;

第四步：編寫回調函數openfunc（i），其中參數i是所點擊的菜單的序號，完成頁面開發；

第五步：點擊圓盤中心位置，可以觸發回調函數，接收到的參數i是正上方菜單的序號；點擊圓盤上的其他位置，觸發回調函數，接收到的參數i是當前位置菜單的序號。

所述yuanpan.js是實現圓盤的轉動和點擊等操作處理的相關方法。

本發明的有益效果為：

1）解決了手機APP新手開發者開發圓盤菜單的時候，由于邏輯復雜，開發困難等問題造成開發時間長的問題；

2）節約開發時間，從而節約項目的開發成本問題；

3）開發者不需要設置樣式，只需要制作出圖片就可以實現功能，很大程度降低了對開發人員的要求；

4）解決了對樣式熟悉度不高的人開發出圓盤菜單不美觀的問題。

具體實施方式

下面通過具體實施方式對本發明進一步說明：

實施例1：

一種快速開發手機APP圓盤菜單的方法，所述方法通過引進yuanpan.js，制作圓盤圖片，然后調用初始化函數init(sum)，其中sum表示菜單的個數，將圖片放到相應的區域，編寫回調函數openfunc，完成開發。

該方法能夠快速簡單的開發美觀實用的圓盤菜單。

實施例2：

在實施例1的基礎上，本實施例所述方法實現步驟如下：

第一步：在相應頁面引入yuanpan.js;

第二步：將制作好的圓盤圖片和背景圖片放到相應的位置;

第三步：調用函數init(sum)設置菜單個數menuSum;

第四步：編寫回調函數openfunc（i），其中參數i是所點擊的菜單的序號，完成頁面開發；

第五步：點擊圓盤中心位置，可以觸發回調函數，接收到的參數i是正上方菜單的序號；點擊圓盤上的其他位置，觸發回調函數，接收到的參數i是當前位置菜單的序號。

下面是調用的實例：

init(6)；

functionopenfunc(i){

switch(i){

case0:

break;

case1:

break;

case2:

break;

case3:

break;

case4:

break;

case5:

break;

default:

break;

}

}

實施例3：

在實施例2的基礎上，本實施例所述yuanpan.js是實現圓盤的轉動和點擊等操作處理的相關方法。

yuanpan.js程序代碼如下：

varflag=false,startX=0,startY=0,parentObj=$('#yuanpan'),parentObjz=$('#yuanpanz'),parentObjs=$('#yuanpans'),