在顯示屏上實現仿真翻頁效果的方法及其裝置的製作方法
2023-09-22 23:09:10 3
專利名稱:在顯示屏上實現仿真翻頁效果的方法及其裝置的製作方法
技術領域:
本發明涉及顯示屏顯示技術領域,尤其涉及一種在顯示屏上實現仿真翻頁效果的方法及裝置。
背景技術:
目前,顯示屏技術的發展已日趨成熟,其產品在手機、PDA(個人數字助理)等手持終端上也得到越來越廣泛的應用,並且還呈現出大尺寸的發展趨勢。以使用作業系統(例如蘋果公司為iWione/iPad開發的iOS作業系統)的智慧型手機為例,無一例外都在將較為先進的大尺寸顯示屏(觸控螢幕)。而隨著顯示屏在手持終端的廣泛應用,如何在顯示屏上呈現更豐富的視覺效果,以提高終端用戶的使用體驗,已日漸成為業內努力的目標。在終端顯示屏欲開發的眾多提高體驗的視覺效果中,又以仿真翻頁效果的開發較為突出,因為該效果能以較低的硬體資源消耗給用戶帶去貼近類似翻唱片、翻書等日常操作的感受,從而引起用戶的共鳴。同樣以搭載iOS系統的手持終端為例,市場上已有多種產品能夠運行於系統中來配合手指操作在終端使用的觸控螢幕上顯示出仿真翻頁效果。例如,上述手持終端自帶的音樂播放程序中,便通過該公司已經開源提供的 CATransform3DMakeRotation這一 3D旋轉動畫類實現了仿真唱片專輯翻頁的效果。實際上,目前在iOS系統應用的系列終端觸控螢幕上實現仿真翻頁效果的方法,絕大部分都正是通過該3D旋轉動畫類來實現的。簡言之,CATransform3DMakeRotation可以用來設置當前在觸控螢幕上顯示的圖片按特定軸進行一定角度的旋轉。然而,以音樂播放程序為例,目前使用上述3D旋轉動畫類實現仿真翻頁效果的方法,都局限於該類所提供的圖片旋轉功能,只能在終端觸控螢幕上提供近似於唱片翻頁的顯示,而無法真正意義上還原顯示出實際生活中唱片翻頁操作的效果,因而也就無法將觸控螢幕潛在的硬體優勢發揮出來。並且,目前的相關應用一般是通過在內存中加載前後連續的幾十張圖片、甚至是靜態加載要連續顯示的所有圖片,才能保證在顯示屏上仿真出快速、無凝滯的翻頁效果,如此對於搭載顯示屏的結構緊湊、硬體資源寶貴的手持終端來說,無疑會造成巨大的資源消耗負擔。
發明內容
本發明的實施例旨在提供一種在顯示屏上實現仿真翻頁效果的方法及裝置,以解決普通仿真翻頁效果的技術會造成硬體資源消耗負擔的問題。為實現上述目的,本發明的實施例提供了一種實現仿真翻頁效果的方法,應用於與控制項單元連接的顯示屏上,且所述顯示屏能夠利用所述控制項單元顯示圖片繞自身對稱軸從與所述顯示屏夾角為0°旋轉至夾角為180°的旋轉過程,該方法包括以下步驟Si.設置包括上一圖層、當前圖層、下一圖層的三個圖層,並依次在所述當前圖層、 下一圖層的對稱軸第一側加載要顯示的第i個、第i+ι個第一類圖片,在所述三個圖層的第二側顯示透明圖層,其中i為大於0的自然數,且所述三個圖層的對稱軸在所述顯示屏上的位置重合;
S2.在所述顯示屏上顯示由上至下依次疊加的與所述顯示屏夾角為180°的所述上一圖層以及與所述顯示屏夾角為0°的所述當前圖層和所述下一圖層,並感測翻頁動作;S31.在感測到向後翻頁動作時,利用所述控制項單元在所述顯示屏上顯示所述當前圖層繞自身對稱軸從與所述顯示屏夾角為0°旋轉至夾角為180°的旋轉過程;且在旋轉至夾角為90°時重新設置所述三個圖層,將所述當前圖層、所述下一圖層依次設置為新的上一圖層、當前圖層,並在將i的值加1後轉入步驟Sl ;以及S32.在感測到向前翻頁動作時,利用所述控制項單元在所述顯示屏上顯示所述上一圖層繞自身對稱軸從與所述顯示屏夾角為180°旋轉至夾角為0°的旋轉過程;且在旋轉至夾角為90°時在所述上一圖層的對稱軸第一側加載要顯示的第i_l個第一類圖片,並重新設置所述三個圖層,將所述上一圖層、所述當前圖層依次設置為新的當前圖層、下一圖層,並在將i的值減1後轉入所述步驟Si。本發明的實施例還提出一種實現仿真翻頁效果的裝置,與顯示屏及控制項單元連接,且所述顯示屏能夠利用控制項單元顯示當前圖片繞自身對稱軸從與所述顯示屏夾角為 0°旋轉至夾角為180°的旋轉過程,該裝置包括圖層設置單元、圖片加載單元、動作傳感單元及顯示控制單元;所述圖層設置單元設置包括上一圖層、當前圖層、下一圖層的三個圖層,且所述三個圖層的對稱軸在所述顯示屏上的位置重合;所述圖片加載單元依次在所述當前圖層、下一圖層的對稱軸第一側加載要顯示的第i個、第i+Ι個第一類圖片,在所述三個圖層的第二側顯示透明圖層,其中i為大於0的自然數;所述顯示控制單元用於控制在所述顯示屏上顯示由上至下依次疊加的與所述顯示屏夾角為180°的所述上一圖層以及與所述顯示屏夾角為0°的所述當前圖層和所述下一圖層;所述動作傳感單元用於感測翻頁動作,並且在所述動作傳感單元感測到向後翻頁動作時,所述顯示控制單元利用所述控制項單元在所述顯示屏上顯示所述當前圖層繞自身對稱軸從與所述顯示屏夾角為0°旋轉至夾角為180°的旋轉過程;且在旋轉至夾角為90°時由所述圖層設置單元重新設置所述三個圖層,將所述當前圖層、所述下一圖層依次設置為新的上一圖層、當前圖層,並在將i的值加1 後由所述圖片加載單元對新的下一圖層進行圖片加載;在所述動作傳感單元感測到向前翻頁動作時,所述顯示控制單元利用所述控制項單元在所述顯示屏上顯示所述上一圖層繞自身對稱軸從與所述顯示屏夾角為180°旋轉至夾角為0°的旋轉過程;且在旋轉至夾角為90°時,由所述圖片加載單元在所述上一圖層的對稱軸第一側加載要顯示的第i_l個第一類圖片,並由所述圖層設置單元重新設置所述三個圖層,將所述上一圖層、所述當前圖層依次設置為新的當前圖層、下一圖層。由上述技術方案可知,本發明實施例提供的實現仿真翻頁效果的方法及裝置,僅需動態地加載三個圖層便可以在顯示屏上仿真出逼真的翻頁效果,既能發揮出顯示屏潛在的硬體優勢,更重要能夠節省搭載顯示屏的手持終端的寶貴硬體資源。
圖1為本發明實現仿真翻頁效果的方法實施例流程圖;圖2 4分別為圖1實施例應用的圖層原理示意圖一 三;圖5為本發明實現仿真翻頁效果的裝置實施例結構圖。
具體實施例方式下面將詳細描述本發明的具體實施例。應當注意,這裡描述的實施例只用於舉例說明,並不用於限制本發明。圖1為本發明實現仿真翻頁效果的方法實施例流程圖,該實施例方法應用於與控制項單元連接的顯示屏上,且該顯示屏能夠利用上述控制項單元顯示圖片繞自身對稱軸從與顯示屏夾角為0°旋轉至夾角為180°的旋轉過程。在一個實施例中,該顯示屏可以是使用手機作業系統(例如iOS系統)的手持終端所搭載的觸控螢幕,上述控制項單元可以是例如iOS 系統開發工具所開源提供的3D視圖控制項,但控制項單元並不僅限於此,現有移動終端所使用的各種作業系統中,都會存在這樣一個進行圖片旋轉的視圖控制項,此處不加以贅述。繼續如圖1所示,本實施例的方法包括以下步驟SlOl S105。S101、設置圖層,加載圖片;在一個實施例中,本步驟SlOl中可以只需設置包括上一圖層、當前圖層、下一圖層的三個圖層,並依次在當前圖層、下一圖層的對稱軸第一側加載要顯示的第i個、第i+1 個第一類圖片,在三個圖層的第二側不加載任何圖片而直接顯示透明圖層,其中i為大於0 的自然數,且三個圖層的對稱軸在觸控螢幕上的位置重合。接續,在一個實施例中,還可以在前述上一圖層的對稱軸第一側加載反面顯示的第i個第二類圖片。圖2為本步驟應用的圖層原理示意圖一,如圖所示,在本實施例中,設置的上一圖層、當前圖層、下一圖層均為矩形,並且三個圖層的對稱軸在觸控螢幕上(疊加後)的位置重合。繼續如圖2所示,在當前圖層、下一圖層的對稱軸右側(對應於前述的「第一側」)分別加載有要顯示的第1(設i的初始值為1)張、第2張專輯圖片(對應於前述的「第一類圖片」,圖中以帶編號1、2的光碟形狀表示);如圖2的最左邊一部分所示,在上一圖層的對稱軸右側則加載有要反面顯示的第1張專輯內容列表(下文以歌曲列表為例)圖片(對應於前述的「第二類圖片」,圖中以反面顯示的字母「disk Α」表示),此處「反面顯示」的含義是指,要將圖片或圖層翻轉之後才能看到正常顯示的內容,後續在步驟S102中會有進一步例示。並且,三個圖層的左側(對應於前述的「第二側」)均不加載任何圖片而直接顯示透明圖層。在一個實施例中,上述第1張歌曲列表圖片可以是通過將所存儲的與第1張專輯圖片對應(本質意義上可以理解為與第1張專輯對應)的歌曲列表文本與背景透明的空白圖片而合成的。結合上述內容,為便於後文進行統一、簡潔的描述,「第一側」均以「右側」為例說明,「第二側」則均以「左側」為例說明;「第一類圖片」均以「專輯圖片」為例說明,並在圖中依序以編號1、2、3...的光碟形狀加以例示;「第二類圖片」則均以「歌曲列表圖片」為例說明,並在圖中對應於編號1、2、3...的光碟形狀以字母disk A、disk B、disk C...加以例示。然而本領域技術人員可以理解,本發明的實施例並不僅限於此,例如「第一側」、「第二側」可以分別指代「左側」和「右側」,而「第一類圖片」和「第二類圖片」則可以分別指代電子書的「奇數頁」和「偶數頁」,等等。S102、在觸控螢幕上疊層顯示設置的圖層;在一個實施例中,觸控螢幕上可以顯示由上至下依次疊加的上一圖層、當前圖層和下一圖層,但與當前圖層和下一圖層都是正面(假設以步驟SlOl中正常加載圖片的面為正面)朝上(以面對觀察者的方向)不同,上一圖層在經過步驟SlOl的圖片加載過程後在本步驟S102中轉變為背面朝上。如圖2所示,上一圖層所加載的第1張歌曲列表圖片在背面朝上時,觸控螢幕上顯示的恰好是正常顯示的歌曲列表,正如圖中以正常顯示的字母 "disk Α」所示,至於圖示的虛線則表示該上一圖層是背面朝上顯示,而由於前述歌曲列表是與背景透明的空白圖片合成,因此在將上一圖層轉變為背面朝上後,恰好能顯示正常的字母「disk A」。此處,觸控螢幕疊加顯示的含義是指,在上面一層的圖層的非透明部分能夠遮擋 (透明部分則不會遮擋)下面一層的圖層,而上面一層的圖層在進行從正面向背面(後續步驟中會有例示)的反轉時,則會在觸控螢幕上漸漸顯示出下面一層的圖層。如此一來,本步驟 S102在觸控螢幕上顯示上述疊加的三個圖層的最終效果即如圖2的最右邊一部分所示,也即顯示出對稱軸右側為第1張專輯圖片、左側為第1張歌曲列表圖片的狀態。另外,為便於後續對各圖層的旋轉過程進行分布、詳細的描述,下文將前述的正面朝上狀態定義為該圖層與觸控螢幕的夾角為0°,而將前述的背面朝上狀態定義為該圖層與觸控螢幕的夾角為180°。如此一來,圖2中在觸控螢幕上疊加的上一圖層與觸控螢幕的夾角即為 180°,而當前圖層和下一圖層與觸控螢幕的夾角均為0°S103、感測觸控螢幕上的觸屏動作,如果感測到向後翻頁的觸屏動作則轉步驟S104, 如果感測到向前翻頁的觸屏動作則轉步驟S105 ;在一個實施例中,向後翻頁的觸屏動作可以是指手指在觸控螢幕上向左滑動,對應向前翻頁的觸屏動作可以是指手指在觸控螢幕上向右滑動。然而本發明的實施例並不僅限於此,如可以是向上滑動對應向前翻頁,向下滑動對應向後翻頁,還可以根據方便或甚至可以由用戶自定義前、後翻頁的觸屏動作。另外,在不屬於觸控螢幕的顯示屏上實施本發明時,本步驟中可以是感測翻頁動作, 例如,可以是感測外接滑鼠、鍵盤裝置等輸入的翻頁動作。S104、旋轉當前圖層,隨後重新設置圖層並執行i = i+1後轉步驟SlOl ;於一個實施例中,在感測到向後翻頁觸屏動作時,可以利用控制項單元在觸控螢幕上顯示當前圖層繞自身對稱軸從與觸控螢幕夾角為0°旋轉至夾角為180°的旋轉過程;且在旋轉至夾角大致為90°時重新設置三個圖層,將前述的當前圖層、下一圖層依次設置為新的上一圖層、當前圖層,並在將i的值加1後轉入步驟SlOl。這裡,結合之前步驟S102所述的,當前圖層在由與觸控螢幕夾角為0°旋轉至夾角為90°的過程中,下一圖層加載的專輯圖片(編號2的光碟圖片)會漸漸顯示在觸控螢幕上, 從而呈現出逼真的翻頁效果。而當前圖層在旋轉至與觸控螢幕夾角大致為90°時,可以重新設置三個圖層,此時,前述的當前圖層、下一圖層即被設置成新的上一圖層、當前圖層,再轉入步驟S101。結合步驟SlOl所述可知,此時可以在新的上一圖層對稱軸右側(圖3中顯示為上側)加載反面顯示的第2個歌曲列表圖片(圖3中間最上面一部分即顯示加載後的狀態),之後則由新的上一圖層代替原當前圖層繼續完成從90°夾角到180°夾角的旋轉。 新的當前圖層由於已經加載了第2個專輯圖片,因此轉入步驟SlOl時可以不必重新加載圖片;至於新設置的下一圖層,則需要加載接下來的第3個專輯圖片;最終,觸控螢幕上會顯示出圖層對稱軸右側為第2張專輯圖片、左側為第2張歌曲列表圖片的狀態,如圖3的最右邊一部分所示。接續以上說明,(原)當前圖層在旋轉至與觸控螢幕夾角大致為90°時即被設置為新的上一圖層,此時對於原上一圖層的操作可以有多種選擇。在一個實施例中,此時原上一圖層可以臨時調整為疊加在新的上一圖層與新的當前圖層之間,這樣新的上一圖層在代替原當前圖層繼續完成從90°夾角到180°夾角的旋轉時,可以漸漸覆蓋住原上一圖層,從而呈現更逼真的翻頁效果,而新的上一圖層在停在夾角180°的位置時,此時即可清空(例如,從顯存中清空)原上一圖層。在另一個實施例中,此時還可以直接終止觸控螢幕上對原上一圖層的顯示,由於觸控螢幕上圖層對稱軸的左側顯示的要麼是當前圖層和下一圖層顯示的透明圖層,要麼是上一圖層加載的歌曲列表文本與背景透明的空白圖片合成後的圖片,可以理解,該實施例對原上一圖層採取的直接終止顯示的方式,基本不會對翻頁效果造成不良影響。S105、旋轉上一圖層,隨後重新設置圖層並執行i = i-1後轉步驟SlOl ;於一個實施例中,在感測到向前翻頁觸屏動作時,可以利用控制項單元在觸控螢幕上顯示上一圖層繞自身對稱軸從與觸控螢幕夾角為180°旋轉至夾角為0°的旋轉過程;且在旋轉至夾角大致為90°時重新設置三個圖層,將前述的上一圖層、當前圖層依次設置為新的當前圖層、下一圖層,並在將i的值減1後轉入步驟S101。這裡,結合之前步驟S102所述的,上一圖層在旋轉至與觸控螢幕夾角大致為90° 時,可以重新設置三個圖層,此時,前述的上一圖層、當前圖層依次設置為新的當前圖層、下一圖層,再轉入步驟S101。結合步驟SlOl所述可知,此時可以在新的當前圖層對稱軸右側 (圖4中顯示為上側)加載第0個專輯圖片;在一個實施例中,第0個專輯圖片可以理解為整個專輯庫的封面圖片,圖4中以不帶編號的光碟形狀例示,且圖4中間一部分即顯示加載後的狀態,此處虛線也表示其為正面才為正常顯示的狀態。之後則由新的當前圖層代替原上一圖層完成從90°夾角到0°夾角的旋轉。新的下一圖層由於已經加載了第1個專輯圖片,因此轉入步驟SlOl時可以不必重新加載圖片。至於新設置的上一圖層,則需要按步驟 SlOl中所述在其對稱軸右側加載反面顯示的第0個歌曲列表圖片;在一個實施例中,第0 個歌曲列表圖片可以是整個專輯庫的專輯列表圖片,圖4中以字母disk加以例示。最終, 觸控螢幕上會顯示出圖層對稱軸右側為專輯庫封面圖片、左側為專輯庫的專輯列表圖片的狀態,如圖4的最右邊一部分所示。另外需要說明的是,本步驟中(原)上一圖層在旋轉至與觸控螢幕夾角大致為90° 時才被設置為新的當前圖層並加載專輯庫封面圖片,而在之前上一圖層從180°夾角到大致90°夾角的這一旋轉過程中,對於新的上一圖層也可以選擇多種操作。結合參考以上步驟S104中最後一段所述,在一個實施例中,本步驟S105中可以如上段所述那樣在原上一圖層旋轉到大致90°夾角時才設置新的上一圖層並加載圖片;而在另一個實施例中,本步驟 S105也可以在對原上一圖層開始該旋轉過程時就設置好新的上一圖層並加載好專輯列表圖片,如此一來便能呈現更逼真的翻頁效果。
8
本發明一種實現仿真翻頁效果的裝置,圖5為其實施例結構圖,如圖所示,本實施例實現仿真翻頁效果的裝置50與顯示屏及控制項單元52連接,且顯示屏能夠利用控制項單元 52顯示當前圖片繞自身對稱軸從與觸控螢幕51夾角為0°旋轉至夾角為180°的旋轉過程。 該裝置50具體包括圖層設置單元501、圖片加載單元502、屏幕傳感單元503、顯示控制單元504、專輯存儲單元505及列表圖片生成單元506。在一個實施例中,上述顯示屏可以是使用iOS系統的手持終端所搭載的觸控螢幕51,上述控制項單元52則可以是iOS系統開發工具所開源提供的視圖控制項,但控制項單元52並不僅限於此,現有移動終端所使用的各種作業系統中,都會存在這樣一個進行圖片旋轉的視圖控制項,此處不加以贅述。下面將對各單元及其相互配合的工作過程加以詳細描述。圖層設置單元501首先設置包括上一圖層、當前圖層、下一圖層的三個圖層,且三個圖層的對稱軸在觸控螢幕51上的位置重合。進而,圖片加載單元502依次在圖層設置單元501設置的當前圖層、下一圖層的對稱軸第一側加載要顯示的第i個、第i+Ι個第一類圖片,在三個圖層的第二側則不加載任何圖片而直接顯示透明圖層,其中i為大於0的自然數。在一個實施例中,只要是上一圖層保持在或正在進入與觸控螢幕51夾角為90°至180°的範圍時,圖片加載單元502都在上一圖層的對稱軸第一側加載反面顯示的第i個第二類圖片。接著,顯示控制單元504控制在觸控螢幕51上顯示由上至下依次疊加的與觸控螢幕51 夾角為180°的上一圖層以及與觸控螢幕51夾角為0°的當前圖層和下一圖層。屏幕傳感單元503用於感測觸控螢幕51上的觸屏動作,在一個實施例中中,屏幕傳感單元503可以將觸控螢幕51上的手指向左滑動感測為向後翻頁觸屏動作,而將觸控螢幕51 上的手指向右滑動感測為向前翻頁觸屏動作。在屏幕傳感單元503感測到向後翻頁觸屏動作時,顯示控制單元504利用控制項單元52在觸控螢幕51上顯示當前圖層繞自身對稱軸從與觸控螢幕51夾角為0°旋轉至夾角為 180°的旋轉過程,且在旋轉至夾角為90°時由圖層設置單元501重新設置三個圖層,將前述的當前圖層、下一圖層依次設置為新的上一圖層、當前圖層,並在將i的值加1後由圖片加載單元502對新的下一圖層進行圖片加載。在屏幕傳感單元503感測到向前翻頁觸屏動作時,顯示控制單元504利用控制項單元52在觸控螢幕51上顯示上一圖層繞自身對稱軸從與觸控螢幕51夾角為180°旋轉至夾角為 0°的旋轉過程;且在旋轉至夾角為90°時,由圖片加載單元502在上一圖層的對稱軸第一側加載要顯示的第i-Ι個第一類圖片,並由圖層設置單元501重新設置三個圖層,將前述的上一圖層、當前圖層依次設置為新的當前圖層、下一圖層。另外,在一個實施例中,上述的第一類圖片為唱片專輯圖片,第二類圖片為與唱片專輯對應的專輯列表圖片。此時,專輯存儲單元505用於存儲唱片專輯圖片及其對應的專輯列表文本;列表圖片生成單元506用於將專輯存儲單元505存儲的與唱片專輯圖片對應的專輯列表文本進行反向後,與背景透明的圖片合成為專輯列表圖片;圖片加載單元502 根據專輯存儲單元505存儲的唱片專輯圖片加載上述第一類圖片,並根據列表圖片生成單元506合成的專輯列表圖片加載第二類圖片。上面以圖示觸控螢幕51為例闡述了本發明實現仿真翻頁效果的裝置實施例,但可以理解的是,上述實施例的裝置同樣可以適用於不屬於觸控螢幕的普通顯示屏,此時,屏幕傳感單元503可以為動作感測單元,其可以用來感測例如通過滑鼠、鍵盤等外接設備所輸入的翻頁動作。同時,由上述方法及裝置實施例的描述可知,本發明實現仿真翻頁效果的裝置實施例中各單元及其相互配合所完成的功能與方法實施例中各個步驟是相對應的,因此,儘管有些具體流程只出現在上述方法實施例中,而在裝置實施例中未見描述,但這只是為了簡潔起見,可以理解,這些具體流程也能夠由上述實現仿真翻頁效果的裝置實施例通過已經描述過的功能、手段來來加以執行。綜上所述,本發明實施例提供的實現仿真翻頁效果的方法及裝置,僅需動態地加載三個圖層便可以在諸如觸控螢幕的顯示屏上仿真出逼真的翻頁效果,既能發揮出顯示屏潛在的硬體優勢,更重要能夠節省搭載顯示屏的手持終端的寶貴硬體資源。雖然已參照幾個典型實施例描述了本發明,但應當理解,所用的術語是說明和示例性、而非限制性的術語。由於本發明能夠以多種形式具體實施而不脫離發明的精神或實質,所以應當理解,上述實施例不限於任何前述的細節,而應在隨附權利要求所限定的精神和範圍內廣泛地解釋,因此落入權利要求或其等效範圍內的全部變化和改型都應為隨附權利要求所涵蓋。
權利要求
1.一種實現仿真翻頁效果的方法,應用於與控制項單元連接的顯示屏上,且所述顯示屏能夠利用所述控制項單元顯示圖片繞自身對稱軸從與所述顯示屏夾角為0°旋轉至夾角為 180°的旋轉過程,該方法包括以下步驟51.設置包括上一圖層、當前圖層、下一圖層的三個圖層,並依次在所述當前圖層、下一圖層的對稱軸第一側加載要顯示的第i個、第i+Ι個第一類圖片,在所述三個圖層的第二側顯示透明圖層,其中i為大於0的自然數,且所述三個圖層的對稱軸在所述顯示屏上的位置重合;52.在所述顯示屏上顯示由上至下依次疊加的與所述顯示屏夾角為180°的所述上一圖層以及與所述顯示屏夾角為0°的所述當前圖層和所述下一圖層,並感測翻頁動作;531.在感測到向後翻頁動作時,利用所述控制項單元在所述顯示屏上顯示所述當前圖層繞自身對稱軸從與所述顯示屏夾角為0°旋轉至夾角為180°的旋轉過程;且在旋轉至夾角為90°時重新設置所述三個圖層,將所述當前圖層、所述下一圖層依次設置為新的上一圖層、當前圖層,並在將i的值加1後轉入步驟Sl ;以及532.在感測到向前翻頁動作時,利用所述控制項單元在所述顯示屏上顯示所述上一圖層繞自身對稱軸從與所述顯示屏夾角為180°旋轉至夾角為0°的旋轉過程;且在旋轉至夾角為90°時在所述上一圖層的對稱軸第一側加載要顯示的第i_l個第一類圖片,並重新設置所述三個圖層,將所述上一圖層、所述當前圖層依次設置為新的當前圖層、下一圖層,並在將i的值減1後轉入所述步驟Si。
2.如權利要求1所述實現仿真翻頁效果的方法,其中,所述步驟Sl還包括在所述上一圖層的對稱軸第一側加載反面顯示的第i個第二類圖片;所述步驟S31還包括在所述當前圖層旋轉至與所述顯示屏夾角為90°時將所述當前圖層加載的所述第i 個第一類圖片替換加載為反面顯示的第i+Ι個第二類圖片。
3.如權利要求2所述實現仿真翻頁效果的方法,其中,所述第一類圖片為唱片專輯圖片,所述第二類圖片為與唱片專輯對應的專輯內容列表圖片。
4.如權利要求3所述實現仿真翻頁效果的方法,其中,所述步驟Sl中包括的加載反面顯示的第i個第二類圖片具體包括將所保存的與第i個唱片專輯圖片對應的專輯內容列表文本進行反向後,與背景透明的圖片合成為第i個專輯內容列表圖片,並加載在所述上一圖層的對稱軸第一側。
5.如權利要求1 4任一項所述實現仿真翻頁效果的方法,其中,所述顯示屏為觸控螢幕;所述向後翻頁動作為手指在所述觸控螢幕上向左滑動,所述向前翻頁動作為手指在所述觸控螢幕上向右滑動。
6.一種實現仿真翻頁效果的裝置,與顯示屏及控制項單元連接,且所述顯示屏能夠利用控制項單元顯示當前圖片繞自身對稱軸從與所述顯示屏夾角為0°旋轉至夾角為180°的旋轉過程,該裝置包括圖層設置單元、圖片加載單元、動作傳感單元及顯示控制單元;所述圖層設置單元設置包括上一圖層、當前圖層、下一圖層的三個圖層,且所述三個圖層的對稱軸在所述顯示屏上的位置重合;所述圖片加載單元依次在所述當前圖層、下一圖層的對稱軸第一側加載要顯示的第i個、第i+Ι個第一類圖片,在所述三個圖層的第二側顯示透明圖層,其中i為大於0的自然數;所述顯示控制單元用於控制在所述顯示屏上顯示由上至下依次疊加的與所述顯示屏夾角為180°的所述上一圖層以及與所述顯示屏夾角為0°的所述當前圖層和所述下一圖層;所述動作傳感單元用於感測翻頁動作,並且在所述動作傳感單元感測到向後翻頁動作時,所述顯示控制單元利用所述控制項單元在所述顯示屏上顯示所述當前圖層繞自身對稱軸從與所述顯示屏夾角為0°旋轉至夾角為180°的旋轉過程;且在旋轉至夾角為90°時由所述圖層設置單元重新設置所述三個圖層,將所述當前圖層、所述下一圖層依次設置為新的上一圖層、當前圖層,並在將i的值加1 後由所述圖片加載單元對新的下一圖層進行圖片加載;在所述動作傳感單元感測到向前翻頁動作時,所述顯示控制單元利用所述控制項單元在所述顯示屏上顯示所述上一圖層繞自身對稱軸從與所述顯示屏夾角為180°旋轉至夾角為 0°的旋轉過程;且在旋轉至夾角為90°時,由所述圖片加載單元在所述上一圖層的對稱軸第一側加載要顯示的第i-ι個第一類圖片,並由所述圖層設置單元重新設置所述三個圖層,將所述上一圖層、所述當前圖層依次設置為新的當前圖層、下一圖層。
7.如權利要求6所述實現仿真翻頁效果的裝置,其中,在所述上一圖層與所述顯示屏夾角為90°至180°時,所述圖片加載單元在所述上一圖層的對稱軸第一側加載反面顯示的第i個第二類圖片。
8.如權利要求7所述實現仿真翻頁效果的裝置,其中,所述第一類圖片為唱片專輯圖片,所述第二類圖片為與唱片專輯對應的專輯內容列表圖片。
9.如權利要求8所述實現仿真翻頁效果的裝置,其中,還包括專輯存儲單元及列表圖片生成單元;所述專輯存儲單元用於存儲唱片專輯圖片及其對應的專輯內容列表文本;所述列表圖片生成單元用於將所述專輯存儲單元存儲的與唱片專輯圖片對應的專輯內容列表文本進行反向後,與背景透明的圖片合成為專輯內容列表圖片;所述圖片加載單元根據所述專輯存儲單元存儲的唱片專輯圖片加載所述第一類圖片, 並根據所述列表圖片生成單元合成的所述專輯內容列表圖片加載所述第二類圖片。
10.如權利要求6 9任一項所述實現仿真翻頁效果的裝置,其中,所述顯示屏為觸控螢幕;所述動作傳感單元將所述觸控螢幕上的手指向左滑動感測為所述向後翻頁動作,並將所述觸控螢幕上的手指向右滑動感測為所述向前翻頁動作。
全文摘要
本發明公開了一種實現仿真翻頁效果的裝置,與顯示屏及控制項單元連接,且所述顯示屏能夠利用控制項單元顯示當前圖片繞自身對稱軸從與所述顯示屏夾角為0°旋轉至夾角為180°的旋轉過程,該裝置包括圖層設置單元、圖片加載單元、動作傳感單元及顯示控制單元。本發明還公開了一種對應實現仿真翻頁效果的方法。本發明實施例提供的實現仿真翻頁效果的方法及裝置,僅需動態地加載三個圖層便可以在顯示屏上仿真出逼真的翻頁效果,既能發揮出顯示屏潛在的硬體優勢,更重要能夠節省搭載顯示屏的手持終端的寶貴硬體資源。
文檔編號G06F9/44GK102184104SQ20111012454
公開日2011年9月14日 申請日期2011年5月13日 優先權日2011年5月13日
發明者鞏紅霞 申請人:北京瑞信在線系統技術有限公司