本發(fā)明涉及移動終端技術領域,尤其涉及的是一種移動終端實現(xiàn)3D推拉門式滑動菜單的方法及系統(tǒng)。
背景技術:
隨著Android技術的蓬勃發(fā)展以及智能手機的普及,用戶對Android系統(tǒng)有著更高的用戶體驗追求,最直接的體現(xiàn)莫過于Android紛繁復雜的軟件應用上,其中一點正包括應用軟件的炫酷特效,一個好用、人性化、炫酷的軟件更能引起用戶的使用的好奇心。
而目前智能手機菜單界面的移動方式,一般都是上下平滑,或者左右平滑,菜單界面的圖標也是一動不動,沒有動態(tài)效果,操作不方便。
因此,現(xiàn)有技術還有待于改進和發(fā)展。
技術實現(xiàn)要素:
本發(fā)明要解決的技術問題在于,針對現(xiàn)有技術中滑動菜單移動方式的單一性,沒有動態(tài)效果的問題。本發(fā)明提供一種移動終端實現(xiàn)3D推拉門式滑動菜單的方法及系統(tǒng),使移動終端增加了新功能:通過本發(fā)明的3D推拉門式滑動菜單增加了三維立體效果,給客戶提供一個更加好用、人性化、炫酷的滑動菜單。
本發(fā)明解決技術問題所采用的技術方案如下:
一種移動終端實現(xiàn)3D推拉門式滑動菜單的方法,其中,包括:
步驟A,預先在移動終端屏幕上設置左右兩扇虛擬的門,右側門代表主菜單,左側門代表子菜單;
步驟B,當移動終端接收到用戶手指在屏幕上按下的指令后,檢測手指在屏幕上滑動的距離來對右側的門進行偏移;
步驟C,根據(jù)右側門的偏移量來改變左側門的大小,判斷手指在屏幕上滑動距離的大小是否達到預定值;
步驟D,當手指在屏幕上滑動距離的大小達到預定值時,右側門代表的主菜單被完全推出了屏幕,左側門代表的子菜單被完全拉進了屏幕,將左側門代表的子菜單完全顯示在整個屏幕上。
所述移動終端實現(xiàn)3D推拉門式滑動菜單的方法,其中,所述步驟A還包括:
A1,將移動終端屏幕上右側門代表的主菜單和左側門代表的子菜單進行初始化,將整個顯示的頁面定義為用于實現(xiàn)立體推拉門式方法的3D視圖對象。
A2,預先定義3D視圖對象之前,傳入源視圖,根據(jù)傳入的源視圖生成的圖片對象從而獲得源視圖的鏡像圖片,所述鏡像圖片代表步驟B中將被隱藏的子菜單。
所述移動終端實現(xiàn)3D推拉門式滑動菜單的方法,其中,所述步驟B還包括:
B1,在滑動菜單之前,先將子菜單隱藏掉,同時復制一個子菜單并生成一張鏡像圖片作為虛擬的左側門;
B2,在手指滑動的時候?qū)λ鲧R像圖片進行三維操作,直到滑動操作結束后,將左側門代表的子單顯示出來,然后將所述鏡像圖片隱藏。
所述移動終端實現(xiàn)3D推拉門式滑動菜單的方法,其中,所述步驟C具體包括:
C1,當右側門在向屏幕右方進行偏移時,左側門的長度和寬度會按比例進行變大,當右側門完全偏移出屏幕后,左側門的尺寸才會和屏幕尺寸相同;
C2,手指在屏幕上滑動距離的預定值設置為屏幕寬度的二分之一,當手指在屏幕上滑動距離時,記錄手指滑動的距離大小。
所述移動終端實現(xiàn)3D推拉門式滑動菜單的方法,其中,所述步驟D具體包括:
D1,當手指按下時,記錄按下時的橫坐標和縱坐標,手指滑動后對比按下時的橫坐標和做坐標,計算出滑動的距離,當手指滑動距離小于所述屏幕寬度的二分之一時,維持原始左右門的顯示狀態(tài);
D2,當手指滑動距離大于或等于所述屏幕寬度的二分之一時,在屏幕上完全顯示左側門代表的子菜單,將右側門代表的主菜單進行隱藏。
一種移動終端實現(xiàn)3D推拉門式滑動菜單的系統(tǒng),其中,包括:
預先設置模塊,用于預先在移動終端屏幕上設置左右兩扇虛擬的門,右側門代表主菜單,左側門代表子菜單;
檢測偏移模塊,用于當移動終端接收到用戶手指在屏幕上按下的指令后,檢測手指在屏幕上滑動的距離來對右側的門進行偏移;
改變判斷模塊,用于根據(jù)右側門的偏移量來改變左側門的大小,判斷手指在屏幕上滑動距離的大小是否達到預定值;
3D變換模塊,用于當手指在屏幕上滑動距離的大小達到預定值時,右側門代表的主菜單被完全推出了屏幕,左側門代表的子菜單被完全拉進了屏幕,將左側門代表的子菜單完全顯示在整個屏幕上。
所述移動終端實現(xiàn)3D推拉門式滑動菜單的系統(tǒng),其中,所述預先設置模塊還包括:
初始化單元,用于將移動終端屏幕上右側門代表的主菜單和左側門代表的子菜單進行初始化,將整個顯示的頁面定義為用于實現(xiàn)立體推拉門式方法的3D視圖對象。
圖片生成單元,用于預先定義3D視圖對象之前,傳入源視圖,根據(jù)傳入的源視圖生成的圖片對象從而獲得源視圖的鏡像圖片,所述鏡像圖片代表檢測偏移模塊中將被隱藏的子菜單。
所述移動終端實現(xiàn)3D推拉門式滑動菜單的系統(tǒng),其中,所述檢測偏移模塊還包括:
隱藏復制單元,用于在滑動菜單之前,先將子菜單隱藏掉,同時復制一個子菜單并生成一張鏡像圖片作為虛擬的左側門;
三維操作單元,用于在手指滑動的時候?qū)λ鲧R像圖片進行三維操作,直到滑動操作結束后,將左側門代表的子單顯示出來,然后將所述鏡像圖片隱藏。
所述移動終端實現(xiàn)3D推拉門式滑動菜單的系統(tǒng),其中,所述改變判斷模塊具體包括:
尺寸變化單元,用于當右側門在向屏幕右方進行偏移時,左側門的長度和寬度會按比例進行變大,當右側門完全偏移出屏幕后,左側門的尺寸才會和屏幕尺寸相同;
設置記錄單元,用于手指在屏幕上滑動距離的預定值設置為屏幕寬度的二分之一,當手指在屏幕上滑動距離時,記錄手指滑動的距離大小。
所述移動終端實現(xiàn)3D推拉門式滑動菜單的系統(tǒng),其中,所述3D變換模塊具體包括:
第一處理單元,用于當手指按下時,記錄按下時的橫坐標和縱坐標,手指滑動后對比按下時的橫坐標和做坐標,計算出滑動的距離,當手指滑動距離小于所述屏幕寬度的二分之一時,維持原始左右門的顯示狀態(tài);
第二處理單元,用于當手指滑動距離大于或等于所述屏幕寬度的二分之一時,在屏幕上完全顯示左側門代表的子菜單,將右側門代表的主菜單進行隱藏。
本發(fā)明公開了一種移動終端實現(xiàn)3D推拉門式滑動菜單的方法及系統(tǒng),所述方法包括:預先在移動終端屏幕上設置左右兩扇虛擬的門,右側門代表主菜單,左側門代表子菜單;當移動終端接收到用戶手指在屏幕上按下的指令后,檢測手指在屏幕上滑動的距離來對右側的門進行偏移;根據(jù)右側門的偏移量來改變左側門的大小,判斷手指在屏幕上滑動距離的大小是否達到預定值;當手指在屏幕上滑動距離的大小達到預定值時,右側門代表的主菜單被完全推出了屏幕,左側門代表的子菜單被完全拉進了屏幕。通過本發(fā)明的3D推拉門式滑動菜單增加了三維立體效果,給客戶提供一個更加好用、人性化、炫酷的滑動菜單。
附圖說明
圖1是本發(fā)明移動終端實現(xiàn)3D推拉門式滑動菜單的模擬效果示意圖。
圖2是本發(fā)明移動終端實現(xiàn)3D推拉門式滑動菜單的方法較佳實施例流程圖。
圖3是本發(fā)明移動終端實現(xiàn)3D推拉門式滑動菜單的系統(tǒng)的較佳實施例的功能原理框圖。
圖4是本發(fā)明移動終端實現(xiàn)3D推拉門式滑動菜單的方法具體過程實施流程圖。
具體實施方式
為使本發(fā)明的目的、技術方案及優(yōu)點更加清楚、明確,以下參照附圖并舉實施例對本發(fā)明進一步詳細說明。應當理解,此處所描述的具體實施例僅僅用以解釋本發(fā)明,并不用于限定本發(fā)明。
下面以圖1來對本發(fā)明進行比較具體形象的說明,圖1是本發(fā)明移動終端實現(xiàn)3D推拉門式滑動菜單的模擬效果示意圖。
如圖1所示,假設本發(fā)明中移動終端使用的是手機,則在手機屏幕上左右兩側顯示有兩扇門,其中右邊的門代表主菜單,左邊的門代表子菜單(用戶真正需要的菜單功能),而傳統(tǒng)的滑動菜單功能是將主菜單放在屏幕上,而把子菜單放置在主菜單下面(實際上相當于把子菜單功能隱藏了),只有在左右滑動或者上下滑動之后才能將真正的子菜單功能顯示出來。
而本發(fā)明是要做推拉門式的立體效果,所以先將真正的子菜單隱藏掉,同時復制該子菜單的鏡像并生成一張圖片,然后在手指滑動的時候?qū)@張圖片進行三維操作,使之產(chǎn)生推拉門式的效果,等滑動操作結束的時候,才讓真正的子菜單顯示出來,讓后再將這個圖片隱藏,即相當于把右邊的門(主菜單)完全推了出去,把左邊的門(子菜單)完全拉了進來,最后將左側門代表的子菜單完全顯示在整個屏幕上,方便用戶操作,給用戶一種3D炫酷的感覺。
需要說明的是,在手指整個的滑動過程中,真正的子菜單一直都是不可見的,用戶所看到的只是它的一張鏡像圖片,只有真正等到左側門顯示出來后,將鏡像圖片隱藏,用戶才能看到子菜單,這樣用戶就可以點擊左側門上的子菜單按鈕這類的功能了。
請參閱圖2,圖2是本發(fā)明移動終端實現(xiàn)3D推拉門式滑動菜單的方法較佳實施例流程圖。
如圖2所示,本發(fā)明實施例提供的一種移動終端實現(xiàn)3D推拉門式滑動菜單的方法,包括以下步驟:
步驟S100,預先在移動終端屏幕上設置左右兩扇虛擬的門,右側門代表主菜單,左側門代表子菜單。
本發(fā)明要實現(xiàn)3D推拉門式滑動菜單的效果,那么需要預先在移動終端屏幕上設置左右兩扇虛擬的門,所以預先在移動終端屏幕上設置左右兩扇虛擬的門,用戶在滑動菜單的過程中,實現(xiàn)右側門關閉,左側門打開的3D效果。
所述步驟S100還包括:將移動終端屏幕上右側門代表的主菜單和左側門代表的子菜單進行初始化,將整個顯示的頁面定義為用于實現(xiàn)立體推拉門式方法的3D視圖對象。預先定義3D視圖對象之前,傳入源視圖,根據(jù)傳入的源視圖生成的圖片對象從而獲得源視圖的鏡像圖片,所述鏡像圖片代表步驟B中將被隱藏的子菜單。
步驟S200,當移動終端接收到用戶手指在屏幕上按下的指令后,檢測手指在屏幕上滑動的距離來對右側的門進行偏移。
本發(fā)明中,當用戶在移動終端的屏幕上用手指按下并滑動之后,檢測手指在屏幕上滑動的距離來對右側門進行偏移,如果手指在屏幕上滑動的距離很短,那么右側門不會完全偏移出所述屏幕的范圍,依舊會顯示在屏幕的右側,如果手指在屏幕上滑動的距離足夠,則右側門會完全偏移出所述屏幕的范圍,也就相當于右側門完全隱藏了,同時左側門會做出相應的變換動作。
所述步驟S200還包括:在滑動菜單之前,先將子菜單隱藏掉,同時復制一個子菜單并生成一張鏡像圖片作為虛擬的左側門;在手指滑動的時候?qū)λ鲧R像圖片進行三維操作,直到滑動操作結束后,將左側門代表的子單顯示出來,然后將所述鏡像圖片隱藏。
步驟S300,根據(jù)右側門的偏移量來改變左側門的大小,判斷手指在屏幕上滑動距離的大小是否達到預定值。
本發(fā)明中,在移動終端接收到用戶手指在屏幕上按下的指令后,根據(jù)手指在屏幕上滑動的距離來對右側門進行偏移,那么右側門會產(chǎn)生一個偏移量,在右側門進行向右偏移時,左側門也會相應向右變大,只有當手指滑動的距離滿足某一個值的時候,右側門才會完全偏移出去,左側門才能完全顯示在屏幕上。
所述步驟S300還包括:當右側門在向屏幕右方進行偏移時,左側門的長度和寬度會按比例進行變大,當右側門完全偏移出屏幕后,左側門的尺寸才會和屏幕尺寸相同;手指在屏幕上滑動距離的預定值設置為屏幕寬度的二分之一,當手指在屏幕上滑動距離時,記錄手指滑動的距離大小。
步驟S400,當手指在屏幕上滑動距離的大小達到預定值時,右側門代表的主菜單被完全推出了屏幕,左側門代表的子菜單被完全拉進了屏幕,將左側門代表的子菜單完全顯示在整個屏幕上。
本發(fā)明中,當用戶的手指離開移動終端的屏幕后,根據(jù)根據(jù)當前的滑動距離來決定是顯示左側門代表的子菜單還是維持原始屏幕狀態(tài),如果滑動距離達到了要求的距離值,則將左側門子菜單完全顯示在屏幕上,如果滑動距離沒有達到了要求的距離值,則左側門和右側門已久保持最初的狀態(tài)。
所述步驟S400中具體包括:當手指按下時,記錄按下時的橫坐標和縱坐標,手指滑動后對比按下時的橫坐標和做坐標,計算出滑動的距離,當手指滑動距離小于所述屏幕寬度的二分之一時,維持原始左右門的顯示狀態(tài);當手指滑動距離大于或等于所述屏幕寬度的二分之一時,在屏幕上完全顯示左側門代表的子菜單,將右側門代表的主菜單進行隱藏。
基于上述實施例,本發(fā)明還提供一種移動終端實現(xiàn)3D推拉門式滑動菜單的系統(tǒng),請參閱圖3,圖3是本發(fā)明移動終端實現(xiàn)3D推拉門式滑動菜單的系統(tǒng)的較佳實施例的功能原理框圖。
如圖3所示,所述系統(tǒng)包括:
預先設置模塊310,用于預先在移動終端屏幕上設置左右兩扇虛擬的門,右側門代表主菜單,左側門代表子菜單;具體如上所述。
檢測偏移模塊320,用于當移動終端接收到用戶手指在屏幕上按下的指令后,檢測手指在屏幕上滑動的距離來對右側的門進行偏移;具體如上所述。
改變判斷模塊330,用于根據(jù)右側門的偏移量來改變左側門的大小,判斷手指在屏幕上滑動距離的大小是否達到預定值;具體如上所述。
3D變換模塊340,用于當手指在屏幕上滑動距離的大小達到預定值時,右側門代表的主菜單被完全推出了屏幕,左側門代表的子菜單被完全拉進了屏幕,將左側門代表的子菜單完全顯示在整個屏幕上;具體如上所述。
進一步地,所述移動終端實現(xiàn)3D推拉門式滑動菜單的系統(tǒng),其中,所述預先設置模塊還包括:
初始化單元,用于將移動終端屏幕上右側門代表的主菜單和左側門代表的子菜單進行初始化,將整個顯示的頁面定義為用于實現(xiàn)立體推拉門式方法的3D視圖對象;具體如上所述。
圖片生成單元,用于預先定義3D視圖對象之前,傳入源視圖,根據(jù)傳入的源視圖生成的圖片對象從而獲得源視圖的鏡像圖片,所述鏡像圖片代表檢測偏移模塊中將被隱藏的子菜單;具體如上所述。
所述移動終端實現(xiàn)3D推拉門式滑動菜單的系統(tǒng),其中,所述檢測偏移模塊還包括:
隱藏復制單元,用于在滑動菜單之前,先將子菜單隱藏掉,同時復制一個子菜單并生成一張鏡像圖片作為虛擬的左側門;具體如上所述。
三維操作單元,用于在手指滑動的時候?qū)λ鲧R像圖片進行三維操作,直到滑動操作結束后,將左側門代表的子單顯示出來,然后將所述鏡像圖片隱藏;具體如上所述。
所述移動終端實現(xiàn)3D推拉門式滑動菜單的系統(tǒng),其中,所述改變判斷模塊具體包括:
尺寸變化單元,用于當右側門在向屏幕右方進行偏移時,左側門的長度和寬度會按比例進行變大,當右側門完全偏移出屏幕后,左側門的尺寸才會和屏幕尺寸相同;具體如上所述。
設置記錄單元,用于手指在屏幕上滑動距離的預定值設置為屏幕寬度的二分之一,當手指在屏幕上滑動距離時,記錄手指滑動的距離大?。痪唧w如上所述。
所述移動終端實現(xiàn)3D推拉門式滑動菜單的系統(tǒng),其中,所述3D變換模塊具體包括:
第一處理單元,用于當手指按下時,記錄按下時的橫坐標和縱坐標,手指滑動后對比按下時的橫坐標和做坐標,計算出滑動的距離,當手指滑動距離小于所述屏幕寬度的二分之一時,維持原始左右門的顯示狀態(tài);具體如上所述。
第二處理單元,用于當手指滑動距離大于或等于所述屏幕寬度的二分之一時,在屏幕上完全顯示左側門代表的子菜單,將右側門代表的主菜單進行隱藏;具體如上所述。
請參見圖4,圖4是本發(fā)明移動終端實現(xiàn)3D推拉門式滑動菜單的方法具體過程實施流程圖。
如圖4,包括以下步驟:
S40,預先在移動終端屏幕上設置左右兩扇虛擬的門,右側門代表主菜單,左側門代表子菜單;
S41,移動終端接收到用戶手指在屏幕上按下的指令;
S42,檢測手指在屏幕上滑動的距離來對右側的門進行偏移;
S43,根據(jù)右側門的偏移量來改變左側門的大小;
S44,當手指離開屏幕后,判斷當前的滑動距離是否小于屏幕寬度的二分之一;
S45,當手指按下時,記錄按下時的橫坐標和縱坐標,手指滑動后對比按下時的橫坐標和做坐標,計算出滑動的距離,如果當前的滑動距離是小于屏幕寬度的二分之一時,維持原始左右門的顯示狀態(tài);
S46,當手指滑動距離大于或等于所述屏幕寬度的二分之一時,在屏幕上完全顯示左側門代表的子菜單,將右側門代表的主菜單進行隱藏。
綜上所述,本發(fā)明公開了一種移動終端實現(xiàn)3D推拉門式滑動菜單的方法及系統(tǒng),所述方法包括:預先在移動終端屏幕上設置左右兩扇虛擬的門,右側門代表主菜單,左側門代表子菜單;當移動終端接收到用戶手指在屏幕上按下的指令后,檢測手指在屏幕上滑動的距離來對右側的門進行偏移;根據(jù)右側門的偏移量來改變左側門的大小,判斷手指在屏幕上滑動距離的大小是否達到預定值;當手指在屏幕上滑動距離的大小達到預定值時,右側門代表的主菜單被完全推出了屏幕,左側門代表的子菜單被完全拉進了屏幕。通過本發(fā)明的3D推拉門式滑動菜單增加了三維立體效果,給客戶提供一個更加好用、人性化、炫酷的滑動菜單。
當然,本領域普通技術人員可以理解實現(xiàn)上述實施例方法中的全部或部分流程,是可以通過計算機程序來指令相關硬件(如處理器,控制器等)來完成,所述的程序可存儲于一計算機可讀取的存儲介質(zhì)中,該程序在執(zhí)行時可包括如上述各方法實施例的流程。其中所述的存儲介質(zhì)可為存儲器、磁碟、光盤等。
應當理解的是,本發(fā)明的應用不限于上述的舉例,對本領域普通技術人員來說,可以根據(jù)上述說明加以改進或變換,所有這些改進和變換都應屬于本發(fā)明所附權利要求的保護范圍。