專利名稱：頁面變換的方法和裝置的制作方法
技術領域：
本發(fā)明涉及計算機技術領域，尤其涉及一種頁面變換的方法和相關裝置。
背景技術：
在計算機領域，在現有的許多計算機程序(例如瀏覽器、PDF閱讀器等)操作過程中，當使用者要切換至新的頁面、或是要在不同的頁面間切換時，計算機程序都是立即完成頁面切換，對于前后頁面的轉換缺乏緩沖。因此，頁面切換前后頁面之間缺乏關聯，而且前后頁面的轉換缺乏緩沖。另外，現有的計算機程序也不支持用戶對頁面的變換過程進行控制，導致在頁面變換的過程中用戶與計算機程序之間缺乏互動的可能，從而用戶無法在頁面切換過程中對頁面切換進行進一步的控制。

發(fā)明內容
鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的頁面變換的方法和相關裝置根據本發(fā)明的一個方面，提供一種頁面變換的方法，該方法包括顯示當前頁面；接收控制指令；依據該控制指令獲取該當前頁面的圖像；依據該當前頁面的圖像和一個或多個目的圖像合成多個不同的過渡圖像；先后顯示該多個過渡圖像；以及在該多個過渡圖像都顯示至少一次后，顯示目的頁面。根據本發(fā)明的方法，其中，合成多個不同的過渡圖像的步驟還包括調整該當前頁面的圖像的透明度，以產生第一調整圖像；調整該目的圖像的透明度，以產生第二調整圖像；將該第一調整圖像和該第二調整圖像迭合成第一過渡圖像；調升該當前頁面的圖像的透明度，以產生第三調整圖像；調降該目的圖像的透明度，以產生第四調整圖像；將該第三調整圖像和該第四調整圖像迭合成第二過渡圖像；調升該當前頁面的圖像的透明度，以產生第五調整圖像；調降該目的圖像的透明度，以產生第六調整圖像；以及將該第五調整圖像和該第六調整圖像迭合成第三過渡圖像。根據本發(fā)明的方法，其中，合成多個不同的過渡圖像的步驟還包括將該當前頁面的圖像中的第一組平行的多個帶狀區(qū)域的圖像，與該目的圖像中的第二組平行的多個帶狀區(qū)域的圖像交錯排列，以產生第一過渡圖像；將該當前頁面的圖像中的第三組平行的多個帶狀區(qū)域的圖像，與該目的圖像中的第四組平行的多個帶狀區(qū)域的圖像交錯排列，以產生第二過渡圖像；以及將該當前頁面的圖像中的第五組平行的多個帶狀區(qū)域的圖像，與該目的圖像中的第六組平行的多個帶狀區(qū)域的圖像交錯排列，以產生第三過渡圖像；其中，該第一組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于該第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度、該第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于該第五組帶狀區(qū)域中的各帶狀區(qū)域的寬度、該第二組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于該第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度、且該第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于該第六組帶狀區(qū)域中的各帶狀區(qū)域的寬度。根據本發(fā)明的方法，其中，合成多個不同的過渡圖像的步驟還包括將該當前頁面的圖像中的第一區(qū)塊的圖像，與該目的圖像中的第二區(qū)塊的圖像組成第一過渡圖像；將該當前頁面的圖像中的第三區(qū)塊的圖像，與該目的圖像中的第四區(qū)塊的圖像組成第二過渡圖像；以及將該當前頁面的圖像中的第五區(qū)塊的圖像，與該目的圖像中的第六區(qū)塊的圖像組成第三過渡圖像；其中，該第一區(qū)塊的形狀不同于該第二區(qū)塊的形狀、該第五區(qū)塊的形狀不同于該第六區(qū)塊的形狀、該第一區(qū)塊的面積大于該第三區(qū)塊的面積、該第三區(qū)塊的面積大于該第五區(qū)塊的面積、該第二區(qū)塊的面積小于該第四區(qū)塊的面積、且該第四區(qū)塊的面積小于該第六區(qū)塊的面積。根據本發(fā)明的方法，其中，合成多個不同的過渡圖像的步驟還包括將該當前頁面的圖像中的第一帶狀區(qū)域的圖像，與該目的圖像中的第二帶狀區(qū)域的圖像組合成第一過渡圖像；將該當前頁面的圖像中的第三帶狀區(qū)域的圖像，與該目的圖像中的第四帶狀區(qū)域的圖像組合成第二過渡圖像；以及將該當前頁面的圖像中的第五帶狀區(qū)域的圖像，與該目的圖像中的第六帶狀區(qū)域的圖像組合成第三過渡圖像；其中，該第一帶狀區(qū)域的圖像包含該第三帶狀區(qū)域的圖像、該第三帶狀區(qū)域的圖像包含該第五帶狀區(qū)域的圖像、該第六帶狀區(qū)域的圖像包含該第四帶狀區(qū)域的圖像、且該第四帶狀區(qū)域的圖像包含該第二帶狀區(qū)域的圖像。根據本發(fā)明的方法，還包括獲取該目的頁面的圖像，以產生該目的圖像。根據本發(fā)明的方法，其中，所述目的圖像是預定目的圖像。根據本發(fā)明的方法，其中，顯示該多個過渡圖像的步驟還包括依據該控制指令動態(tài)調整顯示該多個過渡圖像的個體時間長度，使該多個過渡圖像中的至少部分過渡圖像具有不相等的顯示時間長度。根據本發(fā)明的方法，其中，顯示該多個過渡圖像的步驟還包括依據該控制指令動態(tài)調整顯示該多個過渡圖像的次序，使該多個過渡圖像中的至少部分過渡圖像顯示超過一次。根據本發(fā)明的方法，其中，顯示該多個過渡圖像的步驟還包括依據該控制指令動態(tài)調整顯示該多個過渡圖像的顯示次序，使先按預定次序顯示該多個過渡圖像，再按相反次序顯示該多個過渡圖像。根據本發(fā)明的方法，其中，顯示該多個過渡圖像的步驟還包括依據該控制指令動態(tài)調整顯示該多個過渡圖像的次序、速度、或次數，使該多個過渡圖像呈現出動畫效果。根據本發(fā)明的方法，其中，所述圖像是位圖。根據本發(fā)明的一個方面，提供一種頁面變換裝置，用于在同一程序的頁面變換過程中產生動畫效果，所述頁面變換裝置包括顯示模塊，用于顯示當前頁面；接收模塊，用于接收控制指令；圖像獲取模塊，用于依據該控制指令獲取該當前頁面的圖像；合成模塊，用于依據該當前頁面的圖像和一個或多個目的圖像合成多個不同的過渡圖像；其中，所述顯示模塊還被配置成先后顯示該多個過渡圖像，以及在該多個過渡圖像都顯示至少一次后，顯示目的頁面。根據本發(fā)明的頁面變換裝置，其中，所述合成模塊還被配置成調整該當前頁面的圖像的透明度，以產生第一調整圖像，調整該目的圖像的透明度，以產生第二調整圖像，將該第一調整圖像和該第二調整圖像迭合成第一過渡圖像；所述合成模塊還被配置成調升該當前頁面的圖像的透明度，以產生第三調整圖像，調降該目的圖像的透明度，以產生第四調整圖像，將該第三調整圖像和該第四調整圖像迭合成第二過渡圖像；所述合成模塊還被配置成調升該當前頁面的圖像的透明度，以產生第五調整圖像；調降該目的圖像的透明度，以產生第六調整圖像；以及將該第五調整圖像和該第六調整圖像迭合成第三過渡圖像。根據本發(fā)明的頁面變換裝置，其中，所述合成模塊還被配置成將該當前頁面的圖像中的第一組平行的多個帶狀區(qū)域的圖像，與該目的圖像中的第二組平行的多個帶狀區(qū)域的圖像交錯排列，以產生第一過渡圖像；將該當前頁面的圖像中的第三組平行的多個帶狀區(qū)域的圖像，與該目的圖像中的第四組平行的多個帶狀區(qū)域的圖像交錯排列，以產生第二過渡圖像；以及將該當前頁面的圖像中的第五組平行的多個帶狀區(qū)域的圖像，與該目的圖像中的第六組平行的多個帶狀區(qū)域的圖像交錯排列，以產生第三過渡圖像；其中，該第一組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于該第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度、該第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于該第五組帶狀區(qū)域中的各帶狀區(qū)域的寬度、該第二組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于該第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度、且該第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于該第六組帶狀區(qū)域中的各帶狀區(qū)域的寬度。根據本發(fā)明的頁面變換裝置，其中，所述合成模塊還被配置成將該當前頁面的圖像中的第一區(qū)塊的圖像，與該目的圖像中的第二區(qū)塊的圖像組成第一過渡圖像；將該當前頁面的圖像中的第三區(qū)塊的圖像，與該目的圖像中的第四區(qū)塊的圖像組成第二過渡圖像；以及將該當前頁面的圖像中的第五區(qū)塊的圖像，與該目的圖像中的第六區(qū)塊的圖像組成第三過渡圖像；其中，該第一區(qū)塊的形狀不同于該第二區(qū)塊的形狀、該第五區(qū)塊的形狀不同于該第六區(qū)塊的形狀、該第一區(qū)塊的面積大于該第三區(qū)塊的面積、該第三區(qū)塊的面積大于該第五區(qū)塊的面積、該第二區(qū)塊的面積小于該第四區(qū)塊的面積、且該第四區(qū)塊的面積小于該第六區(qū)塊的面積。根據本發(fā)明的頁面變換裝置，其中，所述合成模塊還被配置成將該當前頁面的圖像中的第一帶狀區(qū)域的圖像，與該目的圖像中的第二帶狀區(qū)域的圖像組合成第一過渡圖像；將該當前頁面的圖像中的第三帶狀區(qū)域的圖像，與該目的圖像中的第四帶狀區(qū)域的圖像組合成第二過渡圖像；以及將該當前頁面的圖像中的第五帶狀區(qū)域的圖像，與該目的圖像中的第六帶狀區(qū)域的圖像組合成第三過渡圖像；其中，該第一帶狀區(qū)域的圖像包含該第三帶狀區(qū)域的圖像、該第三帶狀區(qū)域的圖像包含該第五帶狀區(qū)域的圖像、該第六帶狀區(qū)域的圖像包含該第四帶狀區(qū)域的圖像、且該第四帶狀區(qū)域的圖像包含該第二帶狀區(qū)域的圖像。根據本發(fā)明的頁面變換裝置，其中，所述合成模塊會獲取該目的頁面的圖像，以產生該目的圖像。根據本發(fā)明的頁面變換裝置，其中，所述目的圖像是預定目的圖像。根據本發(fā)明的頁面變換裝置，其中，所述顯示模塊會依據該控制指令動態(tài)調整顯示該多個過渡圖像的個體時間長度，使該多個過渡圖像中的至少部分過渡圖像具有不相等的顯示時間長度。根據本發(fā)明的頁面變換裝置，其中，所述顯示模塊會依據該控制指令動態(tài)調整顯示該多個過渡圖像的次序，使該多個過渡圖像中的至少部分過渡圖像在該顯示模塊上顯示超過一次。根據本發(fā)明的頁面變換裝置，其中，所述顯示模塊會依據該控制指令動態(tài)調整該顯示模塊顯示該多個過渡圖像的顯示次序，使先按預定次序顯示該多個過渡圖像，再按相反次序顯示該多個過渡圖像。根據本發(fā)明的頁面變換裝置，其中，所述顯示模塊會依據該控制指令動態(tài)調整顯示該多個過渡圖像的次序、速度、或次數，使該多個過渡圖像呈現出動畫效果。根據本發(fā)明的頁面變換裝置，其中，所述圖像是位圖。與現有技術相比，根據本發(fā)明的技術方案的優(yōu)點之一，是使得切換前后的頁面具有關聯，實現了切換前后頁面的緩沖。進而實現用戶在切換過程進行進一步的操作。


通過閱讀下文優(yōu)選實施方式的詳細描述，各種其他的優(yōu)點和益處對于本領域普通技術人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的，而并不認為是對本發(fā)明的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中圖I是本發(fā)明一實施例的計算機系統(tǒng)簡化后的功能方框圖；圖2是圖I中的頁面變換模塊簡化后的功能方框圖；圖3是本發(fā)明在目標程序中切換頁面的方法的一實施例簡化后的流程圖；圖4至圖5是目標程序視窗畫面簡化后的示意圖；圖6是圖3中的合成過渡圖像的流程的一實施例簡化后的流程圖；圖7至圖10是合成過渡圖像的不同實施例簡化后的示意圖；圖11是本發(fā)明在目標程序中新增頁面的方法的一實施例簡化后的流程圖；以及圖12是目標程序視窗畫面簡化后的示意圖。
具體實施例方式下面將參照附圖更詳細地描述本公開的示例性實施例。雖然附圖中顯示了本公開的示例性實施例，然而應當理解，可以以各種形式實現本公開而不應被這里闡述的實施例所限制。相反，提供這些實施例是為了能夠更透徹地理解本公開，并且能夠將本公開的范圍完整的傳達給本領域的技術人員。請參考圖1，圖I是本發(fā)明的一實施例的計算機系統(tǒng)100簡化后的功能方框圖。計算機系統(tǒng)100可以包括處理器裝置110、輸入裝置120、顯示裝置130、內存140和存儲裝置150。處理器裝置110可以采用一個或多個處理器單元實施。輸入裝置120用于接收用戶102的指令，可以采用各種有線或無線的輸入設備實施，例如，鍵盤、鼠標、觸控板、語音控制器、姿勢感應器等設備?；蛘撸部梢詫⑤斎胙b置120和顯示裝置130整合成一觸控屏幕。內存140用以存儲處理器裝置110運作過程所需的數據。存儲裝置150中存儲有采用一個或多個頁面變換模塊160，用于在同一目標程序的頁面變換過程中產生動畫效果。前述的目標程序可以是各種支持用戶在同一程序的視窗內進行頁面變換的計算機應用程序，例如瀏覽器、PDF閱讀器等等。計算機系統(tǒng)100可以采用移動或非移動的設備實施，例如，個人計算機、筆記本電腦或手機等設備。圖2是圖I中的頁面變換模塊160簡化后的功能方框圖。如圖2所示，頁面變換模塊160包括顯示模塊210、接收模塊220、圖像獲取模塊230、以及合成模塊240。顯示模塊210用于顯示當前頁面，接收模塊220用于接收控制指令，圖像獲取模塊230用于依據該控制指令獲取該當前頁面的圖像，而合成模塊240則用于依據該當前頁面的圖像和一個或多個目的圖像合成多個不同的過渡圖像。其中，當前頁面的圖像是位圖(bitmap)。所述顯示模塊210還被配置成先后顯示該多個過渡圖像，以及在該多個過渡圖像都顯示至少一次后，顯示目的頁面。以下將結合圖3至圖5來進一步地說明計算機系統(tǒng)100在目標程序中變換頁面的運行方式。圖3是本發(fā)明在目標程序中從當前頁面切換至目的頁面的方法的一實施例簡化后的流程圖。圖3的左側欄，代表計算機系統(tǒng)100的輸入裝置120所進行的流程；圖3的右側欄，代表顯示裝置130所進行的流程；而圖3的中間欄，則代表頁面變換模塊160所進行的流程。圖4至圖5是目標程序視窗畫面簡化后的示意圖。如圖4所示，目標程序400的程序視窗畫面中包含第一標簽410、第二標簽420、第三標簽430、以及新增頁面標簽440。為方便起見，在此以瀏覽器作為目標程序400的實施例，來說明將目標程序400從與標簽410對應的當前頁面412切換至另一標簽所對應的目的頁面的方法。在流程302中，頁面變換模塊160會利用處理器裝置110執(zhí)行渲染(render)進程，以渲染目標程序400的當前頁面412。在流程304中，頁面變換模塊160的顯示模塊210會利用顯示裝置130顯示當前頁面412的內容。當用戶102要將目標程序400的程序視窗畫面的內容由當前頁面412切換到另一頁面時，可通過輸入裝置120對計算機系統(tǒng)100進行指示。此時，輸入裝置120會依據用戶102的操作執(zhí)行流程306，產生指示切換頁面的控制指令。例如，在輸入裝置120為鼠標的一實施例中，用戶102可操控鼠標將顯示裝置130上所顯示的游標402移動到目標程序400的另一個標簽上進行點擊，如圖5所示，以指示目標程序400切換到相對應的頁面?；蛘撸脩?02也可操控鼠標將顯示裝置130上所顯示的游標402移動到目標程序400的另一個標簽上停留，以指示目標程序400切換到相對應的頁面?；蛘?，用戶102也可操控鼠標將顯示裝置130上所顯示的游標402以預定軌跡移動(例如畫一個特定的圖案)，以指示目標程序400切換到相對應的頁面。在輸入裝置120為觸控面板的一實施例中，用戶102可直接用手指、觸控筆等在觸控面板上對應于目標程序400的另一個標簽的位置進行點擊，以指示目標程序400切換到相對應的頁面。或者，用戶102也可用手指、觸控筆等在觸控面板上以預定軌跡移動(例如畫一個特定的圖案)，以指示目標程序400切換到相對應的頁面。為方便以下說明起見，在此假設輸入裝置120在流程306中產生的控制指令，是指示目標程序400將程序視窗畫面中的內容由當前頁面412切換到與標簽420對應的目的頁面 422。在流程308中，頁面變換模塊160的接收模塊220會接收輸入裝置120在流程306中產生的控制指令。在流程310中，頁面變換模塊160的圖像獲取模塊230會從當前頁面412的渲染進程中獲取當前頁面412的最終位圖。例如，在瀏覽器采用chrome內核的實施例中，可以在渲染進程里創(chuàng)建一個內存位圖作為繪制對象，讓渲染進程把當前頁面412重新繪制一遍，以取得當前頁面412的最終位圖。又例如，在瀏覽器采用IE內核的實施例中，可使用特定接口(例如IviewObject接口)的繪圖(Draw)函數把當前頁面412的內容繪制到內存位圖中，以取得當前頁面412的最終位圖。在流程312中，頁面變換模塊160的圖像獲取模塊230會從目的頁面422的渲染進程中獲取目的頁面422的最終位圖，以作為目的圖像。圖像獲取模塊230獲取目的頁面422的最終位圖的方式，與前述獲取當前頁面412的最終位圖的方式相類似。例如，在瀏覽器采用chrome內核的實施例中，可以在渲染進程里創(chuàng)建一個內存位圖作為繪制對象，讓渲染進程把目的頁面422重新繪制一遍，以取得目的頁面422的最終位圖。又例如，在瀏覽器采用IE內核的實施例中，可使用IviewObject接口的繪圖函數把目的頁面422的內容繪制到內存位圖中，以取得目的頁面422的最終位圖。在流程314中，頁面變換模塊160的合成模塊240依據當前頁面412的圖像和目的圖像合成多個不同的過渡圖像。以下將結合圖6至圖7來進一步說明流程314的實施方式。圖6是圖3中合成過渡圖像的流程314的一實施例簡化后的流程圖。圖7是合成過渡圖像的第一實施例簡化后的示意圖。在圖7中，以圖像710代表當前頁面412的最終位圖，并以圖像750代表依據目的頁面422的最終位圖產生的目的圖像。圖7中的過渡圖像720、730、及740則是用以代表合成模塊240依據圖像710和圖像750所合成的多個圖像。在流程602中，合成模塊240被配置成調整當前頁面412的圖像710的透明度，以產生第一調整圖像。例如，合成模塊240可將當前頁面412的圖像710的透明度調整成
20%，以產生第一調整圖像。在流程604中，合成模塊240被配置成調整目的頁面422的圖像750的透明度，以產生第二調整圖像。例如，合成模塊240可將目的頁面422的圖像750的透明度調整成
80%，以產生第二調整圖像。在流程606中，合成模塊240被配置成將該第一調整圖像和該第二調整圖像迭合成第一過渡圖像720。在流程608中，合成模塊240被配置成調升當前頁面412的圖像710的透明度，以產生第三調整圖像。例如，合成模塊240可將當前頁面412的圖像710的透明度調整成
40%，以產生第三調整圖像。在流程610中，合成模塊240被配置成調降目的頁面422的圖像750的透明度，以產生第四調整圖像。例如，合成模塊240可將目的頁面422的圖像750的透明度調整成60%，以產生第四調整圖像。在流程612中，合成模塊240被配置成將該第三調整圖像和該第四調整圖像迭合成第二過渡圖像730。在流程614中，合成模塊240被配置成調升當前頁面412的圖像710的透明度，以產生第五調整圖像。例如，合成模塊240可將當前頁面412的圖像710的透明度調整成60%，以產生第五調整圖像。在流程616中，合成模塊240被配置成調降目的頁面422的圖像750的透明度，以產生第六調整圖像。例如，合成模塊240可將目的頁面422的圖像750的透明度調整成40%，以產生第六調整圖像。在流程618中，合成模塊240被配置成將該第五調整圖像和該第六調整圖像迭合成第三過渡圖像740。合成模塊240在流程618之后的運作方式可依據上述方式進行類推。實踐上，合成模塊240每次對當前頁面412的圖像710的透明度調整幅度、以及對目的頁面422的圖像750的透明度調整幅度，可以維持固定，也可以是呈線性關系、平方關系、指數關系、或是曲線關系變化。例如，合成模塊240每次對當前頁面412的圖像710的透明度調整幅度可以呈曲線關系逐漸增加，而每次對目的頁面422的圖像750的透明度調整幅度則可呈曲線關系逐漸減少。在流程316中，頁面變換模塊160的顯示模塊210會將顯示裝置130設置成先后顯示合成模塊240所產生的多個過渡圖像720 740。例如，顯示模塊210可將顯示裝置130設置成依序顯示前述的多個過渡圖像720 740。在顯示裝置130將該多個過渡圖像720 740都顯示至少一次后，頁面變換模塊160會進行流程318，利用處理器裝置110執(zhí)行渲染進程，以渲染目的頁面422。在流程320中，頁面變換模塊160的顯示模塊210會利用顯示裝置130顯示目的頁面422的內容。由前述說明可知，在顯示模塊210利用顯示裝置130顯示目的頁面422的內容前，顯示模塊210會先利用顯示裝置130先后顯示合成模塊240所產生的多個過渡圖像720 740，以使目標程序400的程序視窗畫面的內容在切換到目的頁面422前，會呈現出特殊的視覺效果。在前述圖7的實施例中，目標程序400的程序視窗畫面的內容在切換到目的頁面422前，會因顯示模塊210利用顯示裝置130先后顯示過渡圖像720 740而呈現類似漸變效果的豐富視覺變化。如此一來，便可有效解決現有技術中頁面切換前后頁面之間缺乏關聯，而且前后頁面的轉換缺乏緩沖的問題。除了前述的漸變效果外，也可以藉由調整合成模塊240合成過渡圖像的方式，使產生的多個過渡圖像能藉由顯示裝置130的顯示而呈現出不同的效果。例如，圖8是合成過渡圖像的第二實施例簡化后的示意圖。在圖8中，以圖像810代表當前頁面412的最終位圖，并以圖像850代表依據目的頁面422的最終位圖產生的目的圖像。圖8中的過渡圖像820、830、及840則是用以代表合成模塊240依據圖像810和圖像850所合成的多個圖像。在圖8的實施例中，合成模塊240被配置成將當前頁面412的圖像810中的第一組平行的多個帶狀區(qū)域821、823、825、827、和829的圖像，與目的圖像850中的第二組平行的多個帶狀區(qū)域822、824、826、和828的圖像交錯排列，以產生第一過渡圖像820。合成模塊240還被配置成將該當前頁面412的圖像810中的第三組平行的多個帶狀區(qū)域831、833、835、837、和839的圖像，與目的圖像850中的第四組平行的多個帶狀區(qū)域832、834、836、838的圖像交錯排列，以產生第二過渡圖像830。合成模塊240還被配置成將當前頁面412的圖像810中的第五組平行的多個帶狀區(qū)域841、843、845、847、和849的圖像，與目的圖像850中的第六組平行的多個帶狀區(qū)域842、844、846、和848的圖像交錯排列，以產生第三過渡圖像840。如圖8所示，前述第一組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于前述第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度、前述第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于前述第五組帶狀區(qū)域中的各帶狀區(qū)域的寬度、前述第二組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于前述第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度、且前述第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于前述第六組帶狀區(qū)域中的各帶狀區(qū)域的寬度。在圖8的實施例中，目標程序400的程序視窗畫面的內容在切換到目的頁面422前，會因顯示模塊210利用顯示裝置130先后顯示過渡圖像820 840而呈現類似百葉窗效果的豐富視覺變化。如此一來，也可有效解決現有技術中頁面切換前后頁面之間缺乏關聯，而且前后頁面的轉換缺乏緩沖的問題。又例如，圖9是合成過渡圖像的第三實施例簡化后的示意圖。在圖9中，以圖像910代表當前頁面412的最終位圖，并以圖像950代表依據目的頁面422的最終位圖產生的目的圖像。圖9中的過渡圖像920、930、及940則是用以代表合成模塊240依據圖像910和圖像950所合成的多個圖像。在圖9的實施例中，合成模塊240被配置成將當前頁面412的圖像910中的第一區(qū)塊921的圖像，與目的圖像950中的第二區(qū)塊922的圖像組成第一過渡圖像920，其中，第一區(qū)塊921的形狀不同于第二區(qū)塊922的形狀。合成模塊240還被配置成將當前頁面412的圖像910中的第三區(qū)塊931的圖像，與目的圖像950中的第四區(qū)塊932的圖像組成第二過渡圖像930，其中，第一區(qū)塊921的面積大于第三區(qū)塊931的面積。合成模塊240還被配置成將當前頁面412的圖像910中的第五區(qū)塊941的圖像，與目的圖像950中的第六區(qū)塊942的圖像組成第三過渡圖像940，其中，第五區(qū)塊941的形狀不同于第六區(qū)塊942的形狀。如圖9所示，前述第三區(qū)塊931的面積大于前述第五區(qū)塊941的面積、前述第二區(qū)塊922的面積小于前述第四區(qū)塊932的面積、且前述第四區(qū)塊932的面積小于前述第六區(qū)塊942的面積。在圖9的實施例中，目標程序400的程序視窗畫面的內容在切換到目的頁面422前，會因顯示模塊210利用顯示裝置130先后顯示過渡圖像920 940而呈現類似區(qū)塊消失效果的豐富視覺變化。如此一來，也可有效解決現有技術中頁面切換前后頁面之間缺乏關聯，而且前后頁面的轉換缺乏緩沖的問題。又例如，圖10是合成過渡圖像的第四實施例簡化后的示意圖。在圖10中，以圖像1010代表當前頁面412的最終位圖，并以圖像1050代表依據目的頁面422的最終位圖產生的目的圖像。圖10中的過渡圖像1020、1030、及1040則是用以代表合成模塊240依據圖像1010和圖像1050所合成的多個圖像。在圖10的實施例中，合成模塊240被配置成將當前頁面412的圖像1010中的第一帶狀區(qū)域1021的圖像，與目的圖像1050中的第二帶狀區(qū)域1022的圖像組合成第一過渡圖像1020。合成模塊240還被配置成將當前頁面412的圖像1010中的第三帶狀區(qū)域1031的圖像，與目的圖像1050中的第四帶狀區(qū)域1032的圖像組合成第二過渡圖像1030。合成模塊240還被配置成將當前頁面412的圖像1010中的第五帶狀區(qū)域1041的圖像，與目的圖像1050中的第六帶狀區(qū)域1042的圖像組合成第三過渡圖像1040。如圖10所示，第一帶狀區(qū)域1021的圖像包含第三帶狀區(qū)域1031的圖像、第三帶狀區(qū)域1031的圖像包含第五帶狀區(qū)域1041的圖像、第六帶狀區(qū)域1042的圖像包含第四帶狀區(qū)域1032的圖像、且第四帶狀區(qū)域1032的圖像包含第二帶狀區(qū)域1022的圖像。在圖10的實施例中，目標程序400的程序視窗畫面的內容在切換到目的頁面422前，會因顯示模塊210利用顯示裝置130先后顯示過渡圖像1020 1040而呈現類似圖像插入效果的豐富視覺變化。如此一來，也可有效解決現有技術中頁面切換前后頁面之間缺乏關聯，而且前后頁面的轉換缺乏緩沖的問題。請注意，以上的幾種方式只是合成模塊240產生多個不同的過渡圖像的某些實施例，而非局限合成模塊240的實際運作方式。實踐上，合成模塊240可利用各種的圖像合并方式，依據當前頁面412的圖像和目的圖像來合成各種不同的過渡圖像。請參考圖11，圖11是本發(fā)明在目標程序中新增頁面的方法的一實施例簡化后的流程圖。圖11的左側欄，代表計算機系統(tǒng)100的輸入裝置120所進行的流程；圖11的右側欄，代表顯示裝置130所進行的流程；而圖11的中間欄，則代表頁面變換模塊160所進行的流程。圖12是目標程序視窗畫面簡化后的示意圖。如圖12所示，目標程序400的程序視窗畫面中包含第一標簽410、以及新增頁面標簽440。為方便起見，在此同樣以瀏覽器作為目標程序400的實施例，來說明在目標程序400中新增頁面的方法。在流程1102中，頁面變換模塊160會利用處理器裝置110執(zhí)行渲染進程，以渲染目標程序400中與標簽410對應的當前頁面412。在流程1104中，頁面變換模塊160的顯示模塊210會利用顯示裝置130顯示當前頁面412的內容。當用戶102要在目標程序400中新增另一頁面時，可通過輸入裝置120對計算機系統(tǒng)100下達指示。此時，輸入裝置120會依據用戶102的操作進行流程1106，產生指示新增頁面的控制指令。例如，在輸入裝置120為鼠標的一實施例中，用戶102可操控鼠標將顯示裝置130上所顯示的游標402移動到目標程序400的新增頁面標簽440上進行點擊，如圖12所示，以指示目標程序400新增對應的目的頁面?；蛘撸脩?02也可操控鼠標將顯示裝置130上所顯示的游標402移動到目標程序400的新增頁面標簽440上停留，以指示目標程序400新增對應的目的頁面。或者，用戶102也可操控鼠標將顯示裝置130上所顯示的游標402以預定軌跡移動(例如畫一個特定的圖案)，以指示目標程序400新增對應的目的頁面。在輸入裝置120為觸控面板的一實施例中，用戶102可直接用手指或觸控筆在觸控面板上對應于目標程序400的新增頁面標簽440的位置進行點擊，以指示目標程序400新增對應的目的頁面。或者，用戶102也可用手指或觸控筆在觸控面板上以預定軌跡移動(例如畫一個特定的圖案)，以指示目標程序400新增對應的目的頁面。在流程1108中，頁面變換模塊160的接收模塊220會接收輸入裝置120于流程1106中產生的控制指令。在流程1110中，頁面變換模塊160的圖像獲取模塊230會從當前頁面412的渲染進程中獲取當前頁面412的最終位圖。如前所述，在瀏覽器采用chrome內核的實施例中，可以在渲染進程里創(chuàng)建了一個內存位圖作為繪制對象，讓渲染進程把當前頁面412重新繪制一遍，以取得當前頁面412的最終位圖。在瀏覽器采用IE內核的實施例中，則可使用特定的IviewObject接口的繪圖函數把當前頁面412的內容繪制到內存位圖中，以取得當前頁面412的最終位圖。
在流程1112中，頁面變換模塊160的合成模塊240依據當前頁面412的圖像和一個或多個預定目的圖像合成多個不同的過渡圖像。流程1112的運作方式與前述的流程314很類似，但由于要新增的頁面的內容尚未經過渲染進程的處理，所以圖像獲取模塊230此時無法從渲染進程中獲取要新增的頁面的圖像來作為目的圖像。因此，在圖11的流程1112中，合成模塊240會直接利用頁面變換模塊160所預定的一或多個目的圖像來與當前頁面412的圖像進行過渡圖像的合成動作。實踐上，合成模塊240依據當前頁面412的圖像和一或多個預定目的圖像合成多個不同的過渡圖像的方式，與前述流程314中的方式相同。因此，有關前述流程314中用來合成多個不同的過渡圖像的各種運作方式的說明，也適用于流程1112中。在流程1114中，頁面變換模塊160的顯示模塊210會將顯示裝置130設置成先后顯示合成模塊240于流程1112中所產生的多個過渡圖像。在顯示裝置130將該多個過渡圖像都顯示至少一次后，頁面變換模塊160會進行流程1116，利用處理器裝置110執(zhí)行渲染進程，以渲染新增的頁面。在流程1118中，頁面變換模塊160的顯示模塊210會利用顯示裝置130顯示新增的頁面的內容。由前述說明可知，在顯示模塊210利用顯示裝置130顯示新增的頁面的內容前，顯示模塊210會先利用顯示裝置130先后顯示合成模塊240所產生的多個過渡圖像，以使目標程序400的程序視窗畫面的內容在切換到新增的頁面前，會呈現出特殊的視覺效果，例如前述實施例中提到的類似漸變效果、百葉窗效果、區(qū)塊消失效果圖像插入效果等各種視覺變化。如此一來，便可有效解決現有技術中頁面切換前后頁面之間缺乏關聯，而且前后頁面的轉換缺乏緩沖的問題。此外，還可將前述的流程316和1114的運作過程加以調整，使顯示模塊210依據輸入裝置120在用戶102的操控下產生的控制指令來調整顯示過渡圖像的次序、速度、次數、或時間長度，以支持用戶102通過輸入裝置120對頁面的變換過程進行控制。在一實施例中，顯示模塊210還可在前述的流程316或1114中依據該控制指令動態(tài)調整顯示該多個過渡圖像的個體時間長度，使該多個過渡圖像中的至少部分過渡圖像具有不相等的顯示時間長度。例如，在輸入裝置120為鼠標的實施例中，用戶102可轉動鼠標上的滾輪，來調整顯示該多個過渡圖像的個體時間長度。例如，當滾輪轉動的速度變快時，顯示模塊210就可縮短顯示后續(xù)過渡圖像的個體時間長度，而當滾輪轉動的速度變慢時，顯示模塊210就可延長顯示后續(xù)過渡圖像的個體時間長度。如此一來，便能支持用戶102對頁面的變換過程進行控制，使得該多個過渡圖像可能會具有不相等的顯示時間長度。在另一實施例中，顯示模塊210還可在前述的流程316或1114中依據該控制指令動態(tài)調整顯示該多個過渡圖像的次序，使該多個過渡圖像中的至少部分過渡圖像顯示超過一次。例如，在輸入裝置120為鼠標的實施例中，用戶102可轉動鼠標上的滾輪，來調整顯示該多個過渡圖像的方向性。例如，當滾輪往前轉動時，顯示模塊210可按預定次序顯示該多個過渡圖像，而當滾輪往后轉動時，顯示模塊210再按相反次序顯示該多個過渡圖像。如此一來，便能支持用戶102對頁面的變換過程進行控制，使得該多個過渡圖像中的部分過渡圖像可能會被顯示超過一次。由前述說明可知，本案提出的方法和頁面變換模塊160支持用戶102與目標程序400在頁面變換的過程中進行互動，以提升用戶102的操作彈性和對目標程序的控制性。實踐上，可以將前述的頁面變換模塊160整合成瀏覽器或閱讀器的一部分，或是采用其插件的形式來實施。在此提供的算法和顯示不與任何特定計算機、虛擬系統(tǒng)或者其它設備固有相關。各種通用系統(tǒng)也可以與基于在此的示教一起使用。根據上面的描述，構造這類系統(tǒng)所要求的結構是顯而易見的。此外，本發(fā)明也不針對任何特定編程語言。應當明白，可以利用各種編程語言實現在此描述的本發(fā)明的內容，并且上面對特定語言所做的描述是為了披露本發(fā)明的最佳實施方式。在此處所提供的說明書中，說明了大量具體細節(jié)。然而，能夠理解，本發(fā)明的實施例可以在沒有這些具體細節(jié)的情況下實踐。在一些實例中，并未詳細示出公知的方法、結構和技術，以便不模糊對本說明書的理解。類似地，應當理解，為了精簡本公開并幫助理解各個發(fā)明方面中的一個或多個，在上面對本發(fā)明的示例性實施例的描述中，本發(fā)明的各個特征有時被一起分組到單個實施例、圖、或者對其的描述中。然而，并不應將該公開的方法解釋成反映如下意圖即所要求保護的本發(fā)明要求比在每個權利要求中所明確記載的特征更多的特征。更確切地說，如下面的權利要求書所反映的那樣，發(fā)明方面在于少于前面公開的單個實施例的所有特征。因此，遵循具體實施方式
的權利要求書由此明確地并入該具體實施方式
，其中每個權利要求本身都作為本發(fā)明的單獨實施例。本領域那些技術人員可以理解，可以對實施例中的裝置中的模塊進行自適應性地改變并且把它們設置在與該實施例不同的一個或多個裝置中?？梢园褜嵤├械哪K組合成一個模塊，以及此外可以把它們分成多個子模塊或子單元或子組件。除了這樣的特征和/或過程或者單元中的至少一些是相互排斥之外，可以采用任何組合對本說明書(包括伴隨的權利要求、摘要和附圖)中公開的所有特征以及如此公開的任何方法或者裝置的所有過程或單元進行組合。除非另外明確陳述，本說明書(包括伴隨的權利要求、摘要和附圖)中公開的每個特征可以由提供相同、等同或相似目的的替代特征來代替。此外，本領域的技術人員能夠理解，盡管在此所述的一些實施例包括其它實施例中所包括的某些特征而不是其它特征，但是不同實施例的特征的組合意味著處于本發(fā)明的范圍之內并且形成不同的實施例。例如，在下面的權利要求書中，所要求保護的實施例的任意之一都可以以任意的組合方式來使用。本發(fā)明的各個部件實施例可以以硬件實現，或者以在一個或者多個處理器上運行的軟件模塊實現，或者以它們的組合實現。本領域的技術人員應當理解，可以在實踐中使用微處理器或者數字信號處理器(DSP )來實現根據本發(fā)明實施例的頁面變換的裝置中的一些或者全部部件的一些或者全部功能。本發(fā)明還可以實現為用于執(zhí)行這里所描述的方法的一部分或者全部的設備或者裝置程序(例如，計算機程序和計算機程序產品)。這樣的實現本發(fā)明的程序可以存儲在計算機可讀介質上，或者可以具有一個或者多個信號的形式。這樣的信號可以從因特網網站上下載得到，或者在載體信號上提供，或者以任何其他形式提供。應該注意的是上述實施例對本發(fā)明進行說明而不是對本發(fā)明進行限制，并且本領域技術人員在不脫離所附權利要求的范圍的情況下可設計出替換實施例。在權利要求中，不應將位于括號之間的任何參考符號構造成對權利要求的限制。單詞“包含”不排除存在未列在權利要求中的元件或步驟。位于元件之前的單詞“一”或“一個”不排除存在多個這樣的元件。本發(fā)明可以借助于包括有若干不同元件的硬件以及借助于適當編程的計算機來實現。在列舉了若干裝置的單元權利要求中，這些裝置中的若干個可以是通過同一個硬件項來具體體現。單詞第一、第二、以及第三等的使用不表示任何順序?？蓪⑦@些單詞解釋為名稱。在說明書及權利要求書中使用了某些詞匯來指稱特定的元件。所屬技術領域的技術人員應可理解，同樣的元件可能會用不同的名詞來稱呼。本說明書及權利要求書并不以名稱的差異來作為區(qū)分元件的方式，而是以元件在功能上的差異來作為區(qū)分的基準。在說明書及權利要求書中所提及的“包括”為開放式的用語，應解釋成“包括但不限于”。在此所使用的“及/或”的描述方式，包括所列舉的其中之一或多個方案的任意組合。另外，除非說明書中特別指明，否則任何單數的用語都同時包括復數的涵義。本領域內的技術人員應明白，本申請的實施例可提供為方法、系統(tǒng)、或計算機程序產品。因此，本申請可采用完全硬件實施例、完全軟件實施例、或結合軟件和硬件方面的實施例的形式。而且，本申請可采用在一個或多個其中包含有計算機可用程序代碼的計算機可用存儲介質(包括但不限于磁盤存儲器、CD-ROM、光學存儲器等)上實施的計算機程序產品的形式。以上所述僅為本申請的實施例而已，并不用于限制本申請，對于本領域的技術人員來說，本申請可以有各種更改和變化。凡在本申請的精神和原則之內，所作的任何修改、等同替換、改進等，均應包括在本申請的權利要求范圍之內。本文公開了 Al、一種頁面變換的方法，所述方法包括顯示當前頁面(412);接收控制指令；依據該控制指令獲取該當前頁面的圖像(710、810、910、1010);依據該當前頁面的圖像(710、810、910、1010)和一個或多個目的圖像(750、850、950、1050)合成多個不同的過渡圖像(720-740、820-840、920-940、1020-1040);先后顯示該多個過渡圖像(720-740、820-840,920-940,1020-1040)；以及在該多個過渡圖像都顯示至少一次后，顯示目的頁面(422)。A2、如Al所述的方法，其中，合成多個不同的過渡圖像的步驟還包括調整該當前頁面的圖像(710)的透明度，以產生第一調整圖像；調整該目的圖像(750)的透明度，以產生第二調整圖像；將該第一調整圖像和該第二調整圖像迭合成第一過渡圖像(720);調升該當前頁面的圖像(710)的透明度，以產生第三調整圖像；調降該目的圖像(750)的透明度，以產生第四調整圖像；將該第三調整圖像和該第四調整圖像迭合成第二過渡圖像(730)；調升該當前頁面的圖像(710)的透明度，以產生第五調整圖像；調降該目的圖像(750)的透明度，以產生第六調整圖像；以及將該第五調整圖像和該第六調整圖像迭合成第三過渡圖像(740)。A3、如Al所述的方法，其中，合成多個不同的過渡圖像的步驟還包括將該當前頁面的圖像(810)中的第一組平行的多個帶狀區(qū)域(821、823、825、827、829)的圖像，與該目的圖像(850)中的第二組平行的多個帶狀區(qū)域(822、824、826、828)的圖像交錯排列，以產生第一過渡圖像(820);將該當前頁面的圖像(810)中的第三組平行的多個帶狀區(qū)域(831、833、835、837、839)的圖像，與該目的圖像(850)中的第四組平行的多個帶狀區(qū)域(832、834、836、838)的圖像交錯排列，以產生第二過渡圖像(830);以及將該當前頁面的圖像(810)中的第五組平行的多個帶狀區(qū)域(841、843、845、847、849)的圖像，與該目的圖像(850)中的第六組平行的多個帶狀區(qū)域(842、844、846、848)的圖像交錯排列，以產生第三過渡圖像(840);其中，該第一組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于該第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度、該第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于該第五組帶狀區(qū)域中的各帶狀區(qū)域的寬度、該第二組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于該第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度、且該第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于該第六組帶狀區(qū)域中的各帶狀區(qū)域的寬度。A4、如AI所述的方法，其中，合成多個不同的過渡圖像的步驟還包括將該當前頁面的圖像(910)中的第一區(qū)塊(921)的圖像，與該目的圖像(950)中的第二區(qū)塊(922)的圖像組成第一過渡圖像(920);將該當前頁面的圖像(910)中的第三區(qū)塊(931)的圖像，與該目的圖像(950)中的第四區(qū)塊(932)的圖像組成第二過渡圖像(930)；以及將該當前頁面的圖像(910)中的第五區(qū)塊(941)的圖像，與該目的圖像(950)中的第六區(qū)塊(942)的圖像組成第三過渡圖像(940);其中，該第一區(qū)塊的形狀不同于該第二區(qū)塊的形狀、該第五區(qū)塊的形狀不同于該第六區(qū)塊的形狀、該第一區(qū)塊的面積大于該第三區(qū)塊的面積、該第三區(qū)塊的面積大于該第五區(qū)塊的面積、該第二區(qū)塊的面積小于該第四區(qū)塊的面積、且該第四區(qū)塊的面積小于該第六區(qū)塊的面積。A5、如Al所述的方法，其中，合成多個不同的過渡圖像的步驟還包括將該當前頁面的圖像(1010)中的第一帶狀區(qū)域(1021)的圖像，與該目的圖像(1050)中的第二帶狀區(qū)域(1022)的圖像組合成第一過渡圖像(1020)；將該當前頁面的圖像(1010)中的第三帶狀區(qū)域(1031)的圖像，與該目的圖像(1050)中的第四帶狀區(qū)域(1032)的圖像組合成第二過渡圖像(1030);以及將該當前頁面的圖像(1010)中的第五帶狀區(qū)域(1041)的圖像，與該目的圖像(1050)中的第六帶狀區(qū)域(1042)的圖像組合成第三過渡圖像(1040);其中，該第一帶狀區(qū)域的圖像包含該第三帶狀區(qū)域的圖像、該第三帶狀區(qū)域的圖像包含該第五帶狀區(qū)域的圖像、該第六帶狀區(qū)域的圖像包含該第四帶狀區(qū)域的圖像、且該第四帶狀區(qū)域的圖像包含該第二帶狀區(qū)域的圖像。A6、如Al至A5中任一項所述的方法，還包括獲取該目的頁面(422)的圖像，以產生該目的圖像。A7、如Al至A5中任一項所述的方法，其中，所述目的圖像是預定目的圖像。A8、如Al至A5中任一項所述的方法，其中，顯示該多個過渡圖像的步驟還包括依據該控制指令動態(tài)調整顯示該多個過渡圖像的個體時間長度，使該多個過渡圖像中的至少部分過渡圖像具有不相等的顯示時間長度。A9、如Al至A5中任一項所述的方法，其中，顯示該多個過渡圖像的步驟還包括依據該控制指令動態(tài)調整顯示該多個過渡圖像的次序，使該多個過渡圖像中的至少部分過渡圖像顯示超過一次。A10、如Al至A5中任一項所述的方法，其中，顯示該多個過渡圖像的步驟還包括依據該控制指令動態(tài)調整顯示該多個過渡圖像的顯示次序，使先按預定次序顯示該多個過渡圖像，再按相反次序顯示該多個過渡圖像。AU、如Al至A5中任一項所述的方法，其中，顯示該多個過渡圖像的步驟還包括依據該控制指令動態(tài)調整以下至少一項顯示該多個過渡圖像的次序、速度、次數、或個體時間長度，使該多個過渡圖像呈現出動畫效果。A12、如Al至All中任一項所述的方法，其中，所述圖像是位圖。本文公開了 B13、一種頁面變換裝置，用于在同一程序的頁面變換過程中產生動畫效果，所述頁面變換裝置包括顯示模塊，用于顯示當前頁面；接收模塊，用于接收控制指令；圖像獲取模塊，用于依據該控制指令獲取該當前頁面的圖像；合成模塊，用于依據該當前頁面的圖像和一個或多個目的圖像合成多個不同的過渡圖像；其中，所述顯示模塊還被配置成先后顯示該多個過渡圖像，以及在該多個過渡圖像都顯示至少一次后，顯示目的頁面。B14、如B13所述的頁面變換裝置，其中，所述合成模塊還被配置成調整該當前頁面的圖像的透明度，以產生第一調整圖像，調整該目的圖像的透明度，以產生第二調整圖像，將該第一調整圖像和該第二調整圖像迭合成第一過渡圖像；所述合成模塊還被配置成調升該當前頁面的圖像的透明度，以產生第三調整圖像，調降該目的圖像的透明度，以產生第四調整圖像，將該第三調整圖像和該第四調整圖像迭合成第二過渡圖像；所述合成模塊還被配置成調升該當前頁面的圖像的透明度，以產生第五調整圖像；調降該目的圖像的透明度，以產生第六調整圖像；以及將該第五調整圖像和該第六調整圖像迭合成第三過渡圖像。B15、如B13所述的頁面變換裝置，其中，所述合成模塊還被配置成將該當前頁面的圖像中的第一組平行的多個帶狀區(qū)域的圖像，與該目的圖像中的第二組平行的多個帶狀區(qū)域的圖像交錯排列，以產生第一過渡圖像；將該當前頁面的圖像中的第三組平行的多個帶狀區(qū)域的圖像，與該目的圖像中的第四組平行的多個帶狀區(qū)域的圖像交錯排列，以產生第二過渡圖像；以及將該當前頁面的圖像中的第五組平行的多個帶狀區(qū)域的圖像，與該目的圖像中的第六組平行的多個帶狀區(qū)域的圖像交錯排列，以產生第三過渡圖像；其中，該第一組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于該第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度、該第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于該第五組帶狀區(qū)域中的各帶狀區(qū)域的寬度、該第二組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于該第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度、且該第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于該第六組帶狀區(qū)域中的各帶狀區(qū)域的寬度。B16、如B13所述的頁面變換裝置，其中，所述合成模塊還被配置成將該當前頁面的圖像中的第一區(qū)塊的圖像，與該目的圖像中的第二區(qū)塊的圖像組成第一過渡圖像；將該當前頁面的圖像中的第三區(qū)塊的圖像，與該目的圖像中的第四區(qū)塊的圖像組成第二過渡圖像；以及將該當前頁面的圖像中的第五區(qū)塊的圖像，與該目的圖像中的第六區(qū)塊的圖像組成第三過渡圖像；其中，該第一區(qū)塊的形狀不同于該第二區(qū)塊的形狀、該第五區(qū)塊的形狀不同于該第六區(qū)塊的形狀、該第一區(qū)塊的面積大于該第三區(qū)塊的面積、該第三區(qū)塊的面積大于該第五區(qū)塊的面積、該第二區(qū)塊的面積小于該第四區(qū)塊的面積、且該第四區(qū)塊的面積小于該第六區(qū)塊的面積。B17、如B13所述的頁面變換裝置，其中，所述合成模塊還被配置成將該當前頁面的圖像中的第一帶狀區(qū)域的圖像，與該目的圖像中的第二帶狀區(qū)域的圖像組合成第一過渡圖像；將該當前頁面的圖像中的第三帶狀區(qū)域的圖像，與該目的圖像中的第四帶狀區(qū)域的圖像組合成第二過渡圖像；以及將該當前頁面的圖像中的第五帶狀區(qū)域的圖像，與該目的圖像中的第六帶狀區(qū)域的圖像組合成第三過渡圖像；其中，該第一帶狀區(qū)域的圖像包含該第三帶狀區(qū)域的圖像、該第三帶狀區(qū)域的圖像包含該第五帶狀區(qū)域的圖像、該第六帶狀區(qū)域的圖像包含該第四帶狀區(qū)域的圖像、且該第四帶狀區(qū)域的圖像包含該第二帶狀區(qū)域的圖像。B18、如B13至B17中任一項所述的頁面變換裝置，其中，所述合成模塊還被配置成獲取該目的頁面的圖像，以產生該目的圖像。B19、如B13至B17中任一項所述的頁面變換裝置，其中，所述目的圖像是預定目的圖像。B20、如B13至B17中任一項所述的頁面變換裝置，其中，所述顯示模塊還被配置成依據該控制指令動態(tài)調整顯示該多個過渡圖像的個體時間長度，使該多個過渡圖像中的至少部分過渡圖像具有不相等的顯示時間長度。B21、如B13至B17中任一項所述的頁面變換裝置，其中，所述顯示模塊還被配置成依據該控制指令動態(tài)調整顯示該多個過渡圖像的次序，使該多個過渡圖像中的至少部分過渡圖像在該顯示模塊上顯示超過一次。B22、如B13至B17中任一項所述的頁面變換裝置，其中，所述顯示模塊還被配置成依據該控制指令動態(tài)調整該顯示模塊顯示該多個過渡圖像的顯示次序，使先按預定次序顯示該多個過渡圖像，再按相反次序顯示該多個過渡圖像。B23、如B13至B17中任一項所述的頁面變換裝置，其中，所述顯示模塊還被配置成依據該控制指令動態(tài)調整以下至少一項顯示該多個過渡圖像的次序、速度、次數、或個體時間長度，使該多個過渡圖像呈現出動畫效果。B24、包含如B13至B23中任一項所述的頁面變換裝置。B25、如B13至B24中任一項所述的頁面變換裝置，其中，所述圖像是位圖。
權利要求
1.一種頁面變換的方法，所述方法包括 顯示當前頁面(412)； 接收控制指令； 依據該控制指令獲取該當前頁面的圖像(710、810、910、1010)； 依據該當前頁面的圖像(710、810、910、1010)和一個或多個目的圖像(750、850、950、1050)合成多個不同的過渡圖像(720-740、820-840、920-940、1020-1040)； 先后顯示該多個過渡圖像(720-740、820-840、920-940、1020-1040);以及 在該多個過渡圖像都顯示至少一次后，顯示目的頁面(422)。
2.如權利要求I所述的方法，其中，合成多個不同的過渡圖像的步驟還包括 調整該當前頁面的圖像(710)的透明度，以產生第一調整圖像； 調整該目的圖像(750)的透明度，以產生第二調整圖像； 將該第一調整圖像和該第二調整圖像迭合成第一過渡圖像(720)； 調升該當前頁面的圖像(710)的透明度，以產生第三調整圖像； 調降該目的圖像(750)的透明度，以產生第四調整圖像； 將該第三調整圖像和該第四調整圖像迭合成第二過渡圖像(730)； 調升該當前頁面的圖像(710)的透明度，以產生第五調整圖像； 調降該目的圖像(750)的透明度，以產生第六調整圖像；以及 將該第五調整圖像和該第六調整圖像迭合成第三過渡圖像(740)。
3.如權利要求I所述的方法，其中，合成多個不同的過渡圖像的步驟還包括 將該當前頁面的圖像(810)中的第一組平行的多個帶狀區(qū)域(821、823、825、827、829)的圖像，與該目的圖像(850)中的第二組平行的多個帶狀區(qū)域(822、824、826、828)的圖像交錯排列，以產生第一過渡圖像(820)； 將該當前頁面的圖像(810)中的第三組平行的多個帶狀區(qū)域(831、833、835、837、839)的圖像，與該目的圖像(850)中的第四組平行的多個帶狀區(qū)域(832、834、836、838)的圖像交錯排列，以產生第二過渡圖像(830);以及 將該當前頁面的圖像(810)中的第五組平行的多個帶狀區(qū)域(841、843、845、847、849)的圖像，與該目的圖像(850)中的第六組平行的多個帶狀區(qū)域(842、844、846、848)的圖像交錯排列，以產生第三過渡圖像(840)； 其中，該第一組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于該第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度、該第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于該第五組帶狀區(qū)域中的各帶狀區(qū)域的寬度、該第二組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于該第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度、且該第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于該第六組帶狀區(qū)域中的各帶狀區(qū)域的寬度。
4.如權利要求I所述的方法，其中，合成多個不同的過渡圖像的步驟還包括 將該當前頁面的圖像(910)中的第一區(qū)塊(921)的圖像，與該目的圖像(950)中的第二區(qū)塊(922)的圖像組成第一過渡圖像(920)； 將該當前頁面的圖像(910)中的第三區(qū)塊(931)的圖像，與該目的圖像(950)中的第四區(qū)塊(932)的圖像組成第二過渡圖像(930);以及 將該當前頁面的圖像(910)中的第五區(qū)塊(941)的圖像，與該目的圖像(950)中的第六區(qū)塊(942)的圖像組成第三過渡圖像(940)； 其中，該第一區(qū)塊的形狀不同于該第二區(qū)塊的形狀、該第五區(qū)塊的形狀不同于該第六區(qū)塊的形狀、該第一區(qū)塊的面積大于該第三區(qū)塊的面積、該第三區(qū)塊的面積大于該第五區(qū)塊的面積、該第二區(qū)塊的面積小于該第四區(qū)塊的面積、且該第四區(qū)塊的面積小于該第六區(qū)塊的面積。
5.如權利要求I所述的方法，其中，合成多個不同的過渡圖像的步驟還包括 將該當前頁面的圖像(1010)中的第一帶狀區(qū)域(1021)的圖像，與該目的圖像(1050)中的第二帶狀區(qū)域(1022)的圖像組合成第一過渡圖像(1020)； 將該當前頁面的圖像(1010)中的第三帶狀區(qū)域(1031)的圖像，與該目的圖像(1050)中的第四帶狀區(qū)域(1032)的圖像組合成第二過渡圖像(1030);以及 將該當前頁面的圖像(1010)中的第五帶狀區(qū)域(1041)的圖像，與該目的圖像(1050)中的第六帶狀區(qū)域(1042)的圖像組合成第三過渡圖像(1040)； 其中，該第一帶狀區(qū)域的圖像包含該第三帶狀區(qū)域的圖像、該第三帶狀區(qū)域的圖像包含該第五帶狀區(qū)域的圖像、該第六帶狀區(qū)域的圖像包含該第四帶狀區(qū)域的圖像、且該第四帶狀區(qū)域的圖像包含該第二帶狀區(qū)域的圖像。
6.如權利要求I至5中任一項所述的方法，還包括 獲取該目的頁面(422)的圖像，以產生該目的圖像。
7.如權利要求I至5中任一項所述的方法，其中，所述目的圖像是預定目的圖像。
8.如權利要求I至5中任一項所述的方法，其中，顯示該多個過渡圖像的步驟還包括 依據該控制指令動態(tài)調整顯示該多個過渡圖像的個體時間長度，使該多個過渡圖像中的至少部分過渡圖像具有不相等的顯示時間長度。
9.如權利要求I至5中任一項所述的方法，其中，顯示該多個過渡圖像的步驟還包括 依據該控制指令動態(tài)調整顯示該多個過渡圖像的次序，使該多個過渡圖像中的至少部分過渡圖像顯示超過一次。
10.如權利要求I至5中任一項所述的方法，其中，顯示該多個過渡圖像的步驟還包括 依據該控制指令動態(tài)調整顯示該多個過渡圖像的顯示次序，使先按預定次序顯示該多個過渡圖像，再按相反次序顯示該多個過渡圖像。
11.如權利要求I至5中任一項所述的方法，其中，顯示該多個過渡圖像的步驟還包括 依據該控制指令動態(tài)調整以下至少一項顯示該多個過渡圖像的次序、速度、次數、或個體時間長度，使該多個過渡圖像呈現出動畫效果。
12.如權利要求I至11中任一項所述的方法，其中，所述圖像是位圖。
13.一種頁面變換裝置，用于在同一程序的頁面變換過程中產生動畫效果，所述頁面變換裝置包括 顯示模塊，用于顯示當前頁面； 接收模塊，用于接收控制指令； 圖像獲取模塊，用于依據該控制指令獲取該當前頁面的圖像； 合成模塊，用于依據該當前頁面的圖像和一個或多個目的圖像合成多個不同的過渡圖像； 其中，所述顯示模塊還被配置成先后顯示該多個過渡圖像，以及在該多個過渡圖像都顯示至少一次后，顯示目的頁面。
14.如權利要求13所述的頁面變換裝置，其中， 所述合成模塊還被配置成 調整該當前頁面的圖像的透明度，以產生第一調整圖像，調整該目的圖像的透明度，以產生第二調整圖像，將該第一調整圖像和該第二調整圖像迭合成第一過渡圖像； 所述合成模塊還被配置成 調升該當前頁面的圖像的透明度，以產生第三調整圖像，調降該目的圖像的透明度，以產生第四調整圖像，將該第三調整圖像和該第四調整圖像迭合成第二過渡圖像； 所述合成模塊還被配置成 調升該當前頁面的圖像的透明度，以產生第五調整圖像；調降該目的圖像的透明度，以產生第六調整圖像；以及將該第五調整圖像和該第六調整圖像迭合成第三過渡圖像。
15.如權利要求13所述的頁面變換裝置，其中，所述合成模塊還被配置成 將該當前頁面的圖像中的第一組平行的多個帶狀區(qū)域的圖像，與該目的圖像中的第二組平行的多個帶狀區(qū)域的圖像交錯排列，以產生第一過渡圖像； 將該當前頁面的圖像中的第三組平行的多個帶狀區(qū)域的圖像，與該目的圖像中的第四組平行的多個帶狀區(qū)域的圖像交錯排列，以產生第二過渡圖像；以及 將該當前頁面的圖像中的第五組平行的多個帶狀區(qū)域的圖像，與該目的圖像中的第六組平行的多個帶狀區(qū)域的圖像交錯排列，以產生第三過渡圖像； 其中，該第一組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于該第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度、該第三組帶狀區(qū)域中的各帶狀區(qū)域的寬度大于該第五組帶狀區(qū)域中的各帶狀區(qū)域的寬度、該第二組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于該第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度、且該第四組帶狀區(qū)域中的各帶狀區(qū)域的寬度小于該第六組帶狀區(qū)域中的各帶狀區(qū)域的寬度。
16.如權利要求13所述的頁面變換裝置，其中，所述合成模塊還被配置成 將該當前頁面的圖像中的第一區(qū)塊的圖像，與該目的圖像中的第二區(qū)塊的圖像組成第一過渡圖像； 將該當前頁面的圖像中的第三區(qū)塊的圖像，與該目的圖像中的第四區(qū)塊的圖像組成第二過渡圖像；以及 將該當前頁面的圖像中的第五區(qū)塊的圖像，與該目的圖像中的第六區(qū)塊的圖像組成第三過渡圖像； 其中，該第一區(qū)塊的形狀不同于該第二區(qū)塊的形狀、該第五區(qū)塊的形狀不同于該第六區(qū)塊的形狀、該第一區(qū)塊的面積大于該第三區(qū)塊的面積、該第三區(qū)塊的面積大于該第五區(qū)塊的面積、該第二區(qū)塊的面積小于該第四區(qū)塊的面積、且該第四區(qū)塊的面積小于該第六區(qū)塊的面積。
17.如權利要求13所述的頁面變換裝置，其中，所述合成模塊還被配置成 將該當前頁面的圖像中的第一帶狀區(qū)域的圖像，與該目的圖像中的第二帶狀區(qū)域的圖像組合成第一過渡圖像；將該當前頁面的圖像中的第三帶狀區(qū)域的圖像，與該目的圖像中的第四帶狀區(qū)域的圖像組合成第二過渡圖像；以及 將該當前頁面的圖像中的第五帶狀區(qū)域的圖像，與該目的圖像中的第六帶狀區(qū)域的圖像組合成第三過渡圖像； 其中，該第一帶狀區(qū)域的圖像包含該第三帶狀區(qū)域的圖像、該第三帶狀區(qū)域的圖像包含該第五帶狀區(qū)域的圖像、該第六帶狀區(qū)域的圖像包含該第四帶狀區(qū)域的圖像、且該第四帶狀區(qū)域的圖像包含該第二帶狀區(qū)域的圖像。
18.如權利要求13至17中任一項所述的頁面變換裝置，其中，所述合成模塊還被配置成獲取該目的頁面的圖像，以產生該目的圖像。
19.如權利要求13至17中任一項所述的頁面變換裝置，其中，所述目的圖像是預定目的圖像。
20.如權利要求13至17中任一項所述的頁面變換裝置，其中，所述顯示模塊還被配置成依據該控制指令動態(tài)調整顯示該多個過渡圖像的個體時間長度，使該多個過渡圖像中的至少部分過渡圖像具有不相等的顯示時間長度。
全文摘要
本發(fā)明的頁面變換的方法包含顯示當前頁面；接收控制指令；依據該控制指令獲取該當前頁面的圖像；依據該當前頁面的圖像和一個或多個目的圖像合成多個不同的過渡圖像；先后顯示該多個過渡圖像；以及在該多個過渡圖像都顯示至少一次后，顯示目的頁面。本發(fā)明的方法使得切換前后的頁面具有關聯，實現了切換前后頁面的緩沖從而實現用戶在切換過程進行進一步的操作。
文檔編號G06F9/54GK102981710SQ20121046520
公開日2013年3月20日 申請日期2012年11月16日 優(yōu)先權日2012年11月16日
發(fā)明者曹龍, 任寰 申請人:北京奇虎科技有限公司, 奇智軟件(北京)有限公司