圖像顯示方法及裝置的制造方法
【專利摘要】本發(fā)明公開了一種圖像顯示方法，應用于可顯示界面的終端，終端的顯示界面包括第二圖層和顯示有至少一張圖像的第一圖層，其中第二圖層覆蓋在第一圖層上方且可相對于第一圖層移動；該方法包括：接收針對第二圖層的移動指令；根據(jù)移動指令移動第二圖層，并且根據(jù)第一圖層被第二圖層覆蓋的面積，將第一圖層中的圖像以預設點為中心進行擴大顯示或縮小顯示。并公開了一種圖像顯示裝置，包括接收模塊和顯示模塊。實施本發(fā)明的技術方案，圖像的縮放與顯示界面中第二圖層的移動相聯(lián)動，即是，圖像會根據(jù)第一圖層被第二圖層覆蓋的面積，以預設點為中心進行擴大顯示或縮小顯示，能給用戶帶來較好的操作和視覺體驗。
【專利說明】
圖像顯示方法及裝置
技術領域
[0001]本發(fā)明涉及計算機技術領域，尤其是涉及一種圖像顯示方法及裝置。
【背景技術】
[0002]現(xiàn)有的終端的圖像顯示方式，一般是將應用的若干張圖像顯示在界面，圖像隨著界面的滾動而移動時。在需要查看圖像時，就停止?jié)L動界面并點擊圖像，圖像放大以供查看;查看完后，再縮小圖像，可繼續(xù)滾動界面查看界面的其它信息。
[0003]這樣的單圖像顯示方式單一，查看圖像時需要停止?jié)L動界面，滾動界面查看其它信息時又難以查看圖像，不能給用戶帶來很好的操作和視覺體驗。

【發(fā)明內(nèi)容】

[0004]本發(fā)明要解決的技術問題在于，針對現(xiàn)有技術中的上述缺陷，提供一種能給用戶帶來較好操作和視覺體驗的圖片顯示方法及裝置。
[0005]本發(fā)明解決其技術問題所采用的技術方案是:構(gòu)造一種圖像顯示方法，應用于可顯示界面的終端，終端的顯示界面包括第二圖層和顯示有至少一張圖像的第一圖層，其中第二圖層覆蓋在第一圖層上方且可相對于第一圖層移動;該方法包括:
[0006]接收針對第二圖層的移動指令；
[0007]根據(jù)移動指令移動第二圖層，并且根據(jù)第一圖層被第二圖層覆蓋的面積，將第一圖層中的圖像以預設點為中心進行擴大顯示或縮小顯示。
[0008]優(yōu)選地，預設點為終端的顯示界面的中心、第一圖層中未被第二圖層覆蓋的區(qū)域中心、或第一圖層中的圖像的中心。
[0009]優(yōu)選地，至少一張圖像包括陣列排布的至少兩張圖像，預設點為陣列的中心。
[0010]優(yōu)選地，將第一圖層中的圖像以預設點為中心進行擴大顯示或縮小顯示，包括:
[0011]將第一圖層中的至少兩張圖像以陣列的中心進行擴大顯示，且至少兩張圖像中相鄰的兩張圖像之間的距離增大;或者，將第一圖層中的至少兩張圖像以陣列的中心進行縮小顯示，且至少兩張圖像中相鄰的兩張圖像之間的距離減少。
[0012]優(yōu)選地，將第一圖層中的圖像以預設點為中心進行擴大顯示或縮小顯示，包括:
[0013]將第一圖層中的至少兩張圖像以陣列的中心進行分離擴大顯示;或者，將第一圖層中的至少兩張圖像以陣列的中心進行收攏縮小顯示。
[0014]針對現(xiàn)有技術中的上述缺陷，同時提供一種圖像顯示裝置，用于在頁面顯示圖像，終端的顯示界面包括第二圖層和顯示有至少一張圖像的第一圖層，其中第二圖層覆蓋在第一圖層上方且可相對于第一圖層移動；
[0015]圖像顯示裝置包括:
[0016]接收模塊，用于接收針對第二圖層的移動指令；
[0017]顯示模塊，用于根據(jù)移動指令移動第二圖層，并且根據(jù)第一圖層被第二圖層覆蓋的面積，將第一圖層中的圖像以預設點為中心進行擴大顯示或縮小顯示。
[0018]優(yōu)選地，預設點為終端的顯示界面的中心、第一圖層中未被第二圖層覆蓋的區(qū)域中心、或第一圖層中的圖像的中心。
[0019]優(yōu)選地，至少一張圖像包括陣列排布的至少兩張圖像，預設點為陣列的中心。
[0020]優(yōu)選地，將第一圖層中的圖像以預設點為中心進行擴大顯示或縮小顯示，包括:
[0021]將第一圖層中的至少兩張圖像以陣列的中心進行擴大顯示，且至少兩張圖像中相鄰的兩張圖像之間的距離增大;或者，將第一圖層中的至少兩張圖像以陣列的中心進行縮小顯示，且至少兩張圖像中相鄰的兩張圖像之間的距離減少。
[0022]優(yōu)選地，將第一圖層中的圖像以預設點為中心進行擴大顯示或縮小顯示，包括:
[0023]將第一圖層中的至少兩張圖像以陣列的中心進行分離擴大顯示;或者，將第一圖層中的至少兩張圖像以陣列的中心進行收攏縮小顯示。
[0024]實施本發(fā)明的技術方案，至少具有以下的有益效果:圖像的縮放與顯示界面中第二圖層的移動相聯(lián)動，即是，圖像會根據(jù)第一圖層被第二圖層覆蓋的面積，以預設點為中心進行擴大顯示或縮小顯示，能給用戶帶來較好的操作和視覺體驗。
【附圖說明】
[0025]下面將結(jié)合附圖及實施例對本發(fā)明作進一步說明，附圖中:
[0026]圖1是本發(fā)明提供的一種圖像顯示方法的流程示意圖。
[0027]圖2是本發(fā)明提供的一種圖像顯示裝置的結(jié)構(gòu)示意圖。
[0028]圖3-6依次是本發(fā)明提供的圖像顯示方法中，當?shù)诙D層在不同位置狀態(tài)下的圖像顯示示意圖。
[0029]其中，11.接收模塊，12.顯示模塊;10.終端，21.第一圖層，22.第二圖層，30.圖像。
【具體實施方式】
[0030]為了對本發(fā)明的技術特征、目的和效果有更加清楚的理解，現(xiàn)對照附圖詳細說明本發(fā)明的【具體實施方式】。
[0031]如圖1所示，本發(fā)明一個優(yōu)選實施方式中的圖像顯示方法，應用于可顯示界面的終端，終端的顯示界面包括第二圖層和顯示有至少一張圖像的第一圖層，其中第二圖層覆蓋在第一圖層上方且可相對于第一圖層移動。
[0032]該方法包括以下步驟。
[0033]步驟SlOl:接收針對第二圖層的移動指令。
[0034]該移動指令用于控制第二圖層的移動。例如，終端設有觸摸顯示屏，觸摸顯示屏顯示上述界面，用戶對觸摸顯示屏進行滑動操作產(chǎn)生移動指令;或者終端設有方向按鍵或滾輪，用戶觸發(fā)按鍵或滾動滾輪產(chǎn)生移動指令。
[0035]步驟S102:根據(jù)移動指令移動第二圖層，并且根據(jù)第一圖層被第二圖層覆蓋的面積，將第一圖層中的圖像以預設點為中心進行擴大顯示或縮小顯示。
[0036]隨著第二圖層的移動，第一圖層被第二圖層覆蓋的面積會變大或變小，隨著第一圖層的被第二圖層覆蓋的面積的變大或變小，第一圖層的圖像以預設點為中心進行擴大顯示或縮小顯示?？衫斫獾兀^以預設點為中心進行擴大顯示或縮小顯示，即是，圖像以預設點為中心進行擴大顯示過程中，圖像會一邊擴大一邊遠離預設點；圖像以預設點為中心進行縮小顯示過程中，圖像會一邊縮小一邊靠近預設點。
[0037]其中，預設點可為終端系統(tǒng)中預先設定的某一點，該點不一定位于顯示界面內(nèi)，也可位于顯示界面外，只要可實現(xiàn)圖像的上述擴大顯示或縮小顯示即可。
[0038]進一步地，預設點可為終端的顯示界面的中心、第一圖層中未被第二圖層覆蓋的區(qū)域中心、或第一圖層中的圖像的中心。其中，若預設點為第一圖層中未被第二圖層覆蓋的區(qū)域中心，則預設點是動態(tài)的，即是預設點相對于顯示界面的位置，會隨著第一圖層中未被第二圖層覆蓋的區(qū)域的擴大或縮小而變化。
[0039]進一步地，上述至少一張圖像可包括陣列排布的至少兩張圖像，預設點為陣列的中心。優(yōu)選地，上述的將第一圖層中的圖像以預設點為中心進行擴大顯示或縮小顯示的步驟中，包括:將第一圖層中的至少兩張圖像以陣列的中心進行擴大顯示，且至少兩張圖像中相鄰的兩張圖像之間的距離增大;或者，將第一圖層中的至少兩張圖像以陣列的中心進行縮小顯示，且至少兩張圖像中相鄰的兩張圖像之間的距離減少。如上文所述，圖像以預設點為中心進行擴大顯示過程中，圖像會一邊擴大一邊遠離預設點；圖像以預設點為中心進行縮小顯示過程中，圖像會一邊縮小一邊靠近預設點；所以在上述至少一張圖像可包括陣列排布的至少兩張圖像的情況下，至少兩張圖像同時一邊擴大一邊遠離預設點以致相鄰的兩張圖像之間的距離增大，至少兩張圖像同時一邊縮小一邊靠近預設點以致相鄰的兩張圖像之間的距離減小?？衫斫獾?，如圖5、6所示，在圖像以預設點為中心進行擴大顯示或縮小顯示過程中，兩個圖像若相交，可呈一個圖像覆蓋另一個圖像的至少部分區(qū)域的狀態(tài)。
[0040]進一步優(yōu)選地，將第一圖層中的圖像以預設點為中心進行擴大顯示或縮小顯示，包括:將第一圖層中的至少兩張圖像以陣列的中心進行分離擴大顯示;或者，將第一圖層中的至少兩張圖像以陣列的中心進行收攏縮小顯示。具體過程可如下，將第一圖層中的至少兩張圖像以陣列的中心進行擴大顯示、且至少兩張圖像中相鄰的兩張圖像之間的距離增大，該至少兩張圖像分散并遠離陣列的中心，從而實現(xiàn)該分散擴大顯示的效果;或者，將第一圖層中的至少兩張圖像以陣列的中心進行縮小顯示、且至少兩張圖像中相鄰的兩張圖像之間的距離減少，該至少兩張圖像向陣列的中心聚集，從而實現(xiàn)該收攏縮小顯示的效果。
[0041]圖3-6為上述圖像顯示方法應用于終端10的一個實施例中的當?shù)诙D層22在不同位置狀態(tài)下的圖像30顯示示意圖。終端10設有顯示屏，顯示屏顯示界面，顯示界面包括第二圖層22和第一圖層21，其中第二圖層22覆蓋在第一圖層21上方且可相對于第一圖層21移動，第一圖層21的未被第二圖層22覆蓋的區(qū)域顯示有若干張圖像30的至少部分。終端10接收針對第二圖層22的移動指令;終端10根據(jù)移動指令移動第二圖層22。在第二圖層22移動過程中，隨著第一圖層21的未被第二圖層22覆蓋的區(qū)域的面積的減小，上述若干張圖像30以預設點為中心進行縮小顯示，即是，各張圖片在縮小的同時，向預設點靠近，從而該若干張圖片向預設點收攏;隨著第一圖層21的未被第二圖層22覆蓋的區(qū)域的面積的增大，上述若干張圖像30以預設點為中心進行擴大顯示，即是，各張圖片在擴大的同時，遠離預設點，從而該若干張圖片相互分離。
[0042]此外，在上述若干張圖像的以預設點為中心進行縮小顯示過程中，第二圖層可同時覆蓋住該若干張圖像的部分區(qū)域，并隨著第二圖層的移動、即是隨著第一圖層被第二圖層覆蓋的面積的增大，該若干張圖像被第二圖層覆蓋的面積也在增大;最終第二圖層可能完全覆蓋住該若干張圖像。反之，在上述若干張圖像的以預設點為中心進行擴大顯示過程中，第二圖層可同時覆蓋住該若干張圖像的部分區(qū)域，并隨著第二圖層的移動、即是隨著第一圖層被第二圖層覆蓋的面積的減小，該若干張圖像被第二圖層覆蓋的面積也在減小。
[0043]進一步地，本發(fā)明的圖像顯示方法，可應用于終端的應用程序商店，用來顯示商店中的應用程序的預覽圖。
[0044]綜上所述，現(xiàn)有的圖像顯示方式具有以下缺陷，查看圖像時需要停止?jié)L動界面，滾動界面查看其它信息時又難以查看圖像。相對于現(xiàn)有方式，本發(fā)明的圖像顯示方法中，圖像的縮放與顯示界面中第二圖層的移動相聯(lián)動，即是，圖像會根據(jù)第一圖層被第二圖層覆蓋的面積，以預設點為中心進行擴大顯示或縮小顯示，能給用戶帶來較好的操作和視覺體驗。
[0045]如圖2所示，本發(fā)明還公開了一種圖像顯示裝置，用于在頁面顯示圖像，可與上述圖像顯示方法配合使用。
[0046]終端的顯示界面包括第二圖層和顯示有至少一張圖像的第一圖層，其中第二圖層覆蓋在第一圖層上方且可相對于第一圖層移動。
[0047]圖像顯示裝置包括以下模塊。
[0048]接收模塊11，用于接收針對第二圖層的移動指令。該移動指令用于控制第二圖層的移動。例如，終端設有觸摸顯示屏，觸摸顯示屏顯示上述界面，用戶對觸摸顯示屏進行滑動操作產(chǎn)生移動指令;或者終端設有方向按鍵或滾輪，用戶觸發(fā)按鍵或滾動滾輪產(chǎn)生移動指令。
[0049]顯示模塊12，用于根據(jù)移動指令移動第二圖層，并且根據(jù)第一圖層被第二圖層覆蓋的面積，將第一圖層中的圖像以預設點為中心進行擴大顯示或縮小顯示。
[0050]隨著第二圖層的移動，第一圖層被第二圖層覆蓋的面積會變大或變小，隨著第一圖層的被第二圖層覆蓋的面積的變大或變小，第一圖層的圖像以預設點為中心進行擴大顯示或縮小顯示?？衫斫獾?，所謂以預設點為中心進行擴大顯示或縮小顯示，即是，圖像以預設點為中心進行擴大顯示過程中，圖像會一邊擴大一邊遠離預設點；圖像以預設點為中心進行縮小顯示過程中，圖像會一邊縮小一邊靠近預設點。
[0051]其中，預設點可為終端系統(tǒng)中預先設定的某一點，該點不一定位于顯示界面內(nèi)，也可位于顯示界面外，只要可實現(xiàn)圖像的上述擴大顯示或縮小顯示即可。
[0052]進一步地，預設點可為終端的顯示界面的中心、第一圖層中未被第二圖層覆蓋的區(qū)域中心、或第一圖層中的圖像的中心。其中，若預設點為第一圖層中未被第二圖層覆蓋的區(qū)域中心，則預設點是動態(tài)的，即是預設點相對于顯示界面的位置，會隨著第一圖層中未被第二圖層覆蓋的區(qū)域的擴大或縮小而變化。
[0053]進一步地，上述至少一張圖像可包括陣列排布的至少兩張圖像，預設點為陣列的中心。
[0054]優(yōu)選地，上述的將第一圖層中的圖像以預設點為中心進行擴大顯示或縮小顯示，包括:將第一圖層中的至少兩張圖像以陣列的中心進行擴大顯示，且至少兩張圖像中相鄰的兩張圖像之間的距離增大;或者，將第一圖層中的至少兩張圖像以陣列的中心進行縮小顯示，且至少兩張圖像中相鄰的兩張圖像之間的距離減少。如上文所述，圖像以預設點為中心進行擴大顯示過程中，圖像會一邊擴大一邊遠離預設點；圖像以預設點為中心進行縮小顯示過程中，圖像會一邊縮小一邊靠近預設點；所以在上述至少一張圖像可包括陣列排布的至少兩張圖像的情況下，至少兩張圖像同時一邊擴大一邊遠離預設點以致相鄰的兩張圖像之間的距離增大，至少兩張圖像同時一邊縮小一邊靠近預設點以致相鄰的兩張圖像之間的距離減小?？衫斫獾?，如圖5、6所示，在圖像以預設點為中心進行擴大顯示或縮小顯示過程中，兩個圖像若相交，可呈一個圖像覆蓋另一個圖像的至少部分區(qū)域的狀態(tài)。
[0055]進一步優(yōu)選地，將第一圖層中的圖像以預設點為中心進行擴大顯示或縮小顯示，包括:將第一圖層中的至少兩張圖像以陣列的中心進行分離擴大顯示;或者，將第一圖層中的至少兩張圖像以陣列的中心進行收攏縮小顯示。具體過程可如下，將第一圖層中的至少兩張圖像以陣列的中心進行擴大顯示、且至少兩張圖像中相鄰的兩張圖像之間的距離增大，該至少兩張圖像分散并遠離陣列的中心，從而實現(xiàn)該分散擴大顯示的效果;或者，將第一圖層中的至少兩張圖像以陣列的中心進行縮小顯示、且至少兩張圖像中相鄰的兩張圖像之間的距離減少，該至少兩張圖像向陣列的中心聚集，從而實現(xiàn)該收攏縮小顯示的效果。
[0056]進一步地，該圖像顯示裝置應用于終端的一個實施例可如下。終端設有顯示屏，圖像顯示裝置通過顯示屏顯示界面，顯示界面包括第二圖層和第一圖層，其中第二圖層覆蓋在第一圖層上方且可相對于第一圖層移動，第一圖層的未被第二圖層覆蓋的區(qū)域顯示有若干張圖像的至少部分。接收模塊11接收針對第二圖層的移動指令;顯示模塊12根據(jù)移動指令移動第二圖層。并且顯示模塊12根據(jù)第一圖層被第二圖層覆蓋的面積將圖像以預設點為中心進行擴大顯示或縮小顯示的具體方式如下，在第二圖層移動過程中，隨著第一圖層的未被第二圖層覆蓋的區(qū)域的面積的減小，上述若干張圖像以預設點為中心進行縮小顯示，即是，各張圖片在縮小的同時，向預設點靠近，從而該若干張圖片向預設點收攏;隨著第一圖層的未被第二圖層覆蓋的區(qū)域的面積的增大，上述若干張圖像以預設點為中心進行擴大顯示，即是，各張圖片在擴大的同時，遠離預設點，從而該若干張圖片相互分離。
[0057]綜上所述，現(xiàn)有的圖像顯示裝置具有以下缺陷，查看圖像時需要停止?jié)L動界面，滾動界面查看其它信息時又難以查看圖像。相對于現(xiàn)有方式，本發(fā)明的圖像顯示裝置中，圖像的縮放與顯示界面中第二圖層的移動相聯(lián)動，即是，接收模塊11接收針對第二圖層的移動指令，而顯示模塊12會根據(jù)第一圖層被第二圖層覆蓋的面積，將圖像以預設點為中心進行擴大顯示或縮小顯示，能給用戶帶來較好的操作和視覺體驗。
[0058]最后，在本發(fā)明提供的圖像顯示方法及裝置所涉及的終端包括但不限于手機、平板電腦、智能手表、智能手環(huán)、筆記本電腦、臺式電腦、MP3、MP4等可顯示界面的終端。終端的操作系統(tǒng)可包括但不限于Android操作系統(tǒng)、1S操作系統(tǒng)、Symbian(塞班)操作系統(tǒng)、BlackBerry(黑莓)操作系統(tǒng)、Windows Phone操作系統(tǒng)等等。
[0059]以上所述僅為本發(fā)明的優(yōu)選實施例而已，并不用于限制本發(fā)明，對于本領域的技術人員來說，本發(fā)明可以有各種更改、組合和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應包含在本發(fā)明的權(quán)利要求范圍之內(nèi)。
【主權(quán)項】
1.一種圖像顯示方法，應用于可顯示界面的終端，其特征在于，所述終端的顯示界面包括第二圖層和顯示有至少一張圖像的第一圖層，其中所述第二圖層覆蓋在所述第一圖層上方且可相對于所述第一圖層移動;所述方法包括: 接收針對所述第二圖層的移動指令； 根據(jù)所述移動指令移動所述第二圖層，并且根據(jù)所述第一圖層被所述第二圖層覆蓋的面積，將所述第一圖層中的所述圖像以預設點為中心進行擴大顯示或縮小顯示。2.根據(jù)權(quán)利要求1所述的圖像顯示方法，其特征在于，所述預設點為所述終端的顯示界面的中心、所述第一圖層中未被所述第二圖層覆蓋的區(qū)域中心、或所述第一圖層中的所述圖像的中心。3.根據(jù)權(quán)利要求1所述的圖像顯示方法，其特征在于，所述至少一張圖像包括陣列排布的至少兩張圖像，所述預設點為所述陣列的中心。4.根據(jù)權(quán)利要求3所述的圖像顯示方法，其特征在于，所述將所述第一圖層中的所述圖像以預設點為中心進行擴大顯示或縮小顯示，包括: 將所述第一圖層中的所述至少兩張圖像以所述陣列的中心進行擴大顯示，且所述至少兩張圖像中相鄰的兩張圖像之間的距離增大;或 將所述第一圖層中的所述至少兩張圖像以所述陣列的中心進行縮小顯示，且所述至少兩張圖像中相鄰的兩張圖像之間的距離減少。5.根據(jù)權(quán)利要求4所述的圖像顯示方法，其特征在于，所述將所述第一圖層中的所述圖像以預設點為中心進行擴大顯示或縮小顯示，包括: 將所述第一圖層中的所述至少兩張圖像以所述陣列的中心進行分離擴大顯示;或 將所述第一圖層中的所述至少兩張圖像以所述陣列的中心進行收攏縮小顯示。6.一種圖像顯示裝置，用于在頁面顯示圖像，其特征在于， 所述終端的顯示界面包括第二圖層和顯示有至少一張圖像的第一圖層，其中所述第二圖層覆蓋在所述第一圖層上方且可相對于所述第一圖層移動； 所述圖像顯示裝置包括: 接收模塊(11)，用于接收針對所述第二圖層的移動指令； 顯示模塊(12)，用于根據(jù)所述移動指令移動所述第二圖層，并且根據(jù)所述第一圖層被所述第二圖層覆蓋的面積，將所述第一圖層中的所述圖像以預設點為中心進行擴大顯示或縮小顯示。7.根據(jù)權(quán)利要求6所述的圖像顯示裝置，其特征在于，所述預設點為所述終端的顯示界面的中心、所述第一圖層中未被所述第二圖層覆蓋的區(qū)域中心、或所述第一圖層中的所述圖像的中心。8.根據(jù)權(quán)利要求6所述的圖像顯示裝置，其特征在于，所述至少一張圖像包括陣列排布的至少兩張圖像，所述預設點為所述陣列的中心。9.根據(jù)權(quán)利要求8所述的圖像顯示裝置，其特征在于，所述將所述第一圖層中的所述圖像以預設點為中心進行擴大顯示或縮小顯示，包括: 將所述第一圖層中的所述至少兩張圖像以所述陣列的中心進行擴大顯示，且所述至少兩張圖像中相鄰的兩張圖像之間的距離增大;或 將所述第一圖層中的所述至少兩張圖像以所述陣列的中心進行縮小顯示，且所述至少兩張圖像中相鄰的兩張圖像之間的距離減少。10.根據(jù)權(quán)利要求8所述的圖像顯示裝置，其特征在于，所述將所述第一圖層中的所述圖像以預設點為中心進行擴大顯示或縮小顯示，包括: 將所述第一圖層中的所述至少兩張圖像以所述陣列的中心進行分離擴大顯示;或 將所述第一圖層中的所述至少兩張圖像以所述陣列的中心進行收攏縮小顯示。
【文檔編號】G06F3/0481GK105912209SQ201610222152
【公開日】2016年8月31日
【申請日】2016年4月11日
【發(fā)明人】李佩陽, 楊懷志, 王天智
【申請人】珠海市魅族科技有限公司