一種頁面的適配方法、裝置和終端設備的制作方法【專利摘要】本公開是關于一種頁面的適配方法、裝置和終端設備,能夠實現頁面自動適配不同尺寸的終端設備,在不同尺寸終端設備上顯示,適配效果好,方便用戶使用。其中,所述適配方法包括:檢測顯示界面的尺寸;在預置的尺寸不同的N張頁面中,確定一張優(yōu)選頁面,所述優(yōu)選頁面與所述顯示界面的尺寸差距在預設差距范圍內,所述N為大于或等于2的正整數;將所述優(yōu)選頁面顯示于所述顯示界面上?!緦@f明】一種頁面的適配方法、裝置和終端設備【
技術領域:
】[0001]本公開涉及數據處理【
技術領域:
】,尤其涉及一種頁面的適配方法、裝置和終端設備?!?br>背景技術:
】[0002]在移動設備越來越普及的今天,移動終端上的電子圖書閱讀已經為大眾所接受,但移動設備的顯示界面尺寸差異性極大,給圖書內容的排版帶來了挑戰(zhàn)。[0003]傳統的圖書文件的格式一般分為流式文檔格式和版式文檔格式,流式文檔,例如TXT(TextFile,文本文件)、ePub(ElectronicPublication,電子出版),可以針對顯不界面寬度進行適配;而版式文檔,例如F1DF(PortableDocumentFormat,便攜文件格式),則無法滿足不同顯示界面大小的適配要求。另外,從圖文混排的角度出發(fā),移動終端的適配不僅僅和顯示界面的寬度有關,還和顯示界面的尺寸比例相關,例如,在電子書中會考慮封面、插圖頁撐滿整個顯示界面,因為頁面尺寸是固定的,對于不同比例的顯示界面在適配上就會遇到一些問題。[0004]相關技術中,針對不同尺寸的設備,想要一張圖片盡可能的撐滿整個顯示界面,通常有兩種解決方案:一種是對圖片進行裁剪,使之符合顯示界面的長寬比例;另一種是在某個方向上留空,保證另外一個方向的內容撐滿。第一種方案的不足在于可能導致某些有效內容被裁剪了,例如,如果圖像使用4:3比例的尺寸(1024X768),那么在16:9比例的顯示界面上,寬度方向上將被裁掉192個像素,這在某些情況下是不能接受的,比如封面內容。第二種方案則會導致留空,達不到撐滿整個顯示界面的預期效果?!?br/>發(fā)明內容】[0005]為克服相關技術中存在的問題,本公開提供一種頁面的適配方法、裝置和終端設備,用于實現在各種比例的顯示界面下均可進行頁面適配,并且不會產生有效內容被裁減或者留空的問題。[0006]一方面,本公開提供了一種頁面的適配方法,包括:[0007]檢測顯示界面的尺寸;[0008]在預置的尺寸不同的N張頁面中,確定一張優(yōu)選頁面,所述優(yōu)選頁面與所述顯示界面的尺寸差距在預設差距范圍內,所述N為大于或等于2的正整數;[0009]將所述優(yōu)選頁面顯示于所述顯示界面上。[0010]本公開的一些有益效果可以包括:能夠實現頁面自動適配不同尺寸的終端設備,在不同尺寸終端設備上顯示,不會出現大量留白、空邊或者排版不清楚的問題,達到排版效果清晰,適配效果好,方便用戶使用。[0011]所述在預置的尺寸不同的N張頁面中,確定一張優(yōu)選頁面,包括:[0012]根據所述顯示界面的尺寸,確定所述顯示界面的長寬比;[0013]在預置的長寬比的多個數值區(qū)間中,確定所述顯示界面的長寬比所處的數值區(qū)間;[0014]將針對所述顯示界面的長寬比所處的數值區(qū)間所配置的適配頁面,作為所述優(yōu)選頁面。[0015]本公開的一些有益效果可以包括:在預置的長寬比的多個數值區(qū)間中的每個數值區(qū)間配置一適配頁面,確定顯示界面的長寬比所處的數值區(qū)間,確定針對顯示界面的長寬比所處的數值區(qū)間所配置的適配頁面作為優(yōu)選頁面,這樣提供了一種確定優(yōu)選頁面的方案。[0016]所述在預置的尺寸不同的N張頁面中,確定一張優(yōu)選頁面,包括:[0017]根據所述顯示界面的尺寸,確定所述N張頁面中每張頁面各自的裁剪量;[0018]將所述N張頁面中裁剪量最小的頁面作為所述優(yōu)選頁面。[0019]本公開提供了另一種確定優(yōu)選頁面的方案。[0020]所述根據所述顯示界面的尺寸,確定所述N張頁面中每張頁面各自的裁剪量,包括:[0021]根據所述顯示界面的尺寸,確定所述N張頁面中每張頁面各自的長度裁剪量;[0022]所述將所述N張頁面中裁剪量最小的頁面作為所述優(yōu)選頁面,包括:[0023]將所述N張頁面中長度裁剪量最小的頁面作為所述優(yōu)選頁面。[0024]本公開的一些有益效果可以包括:將N張頁面中長度裁剪量最小的頁面作為優(yōu)選頁面,保證了有效內容不被裁減,適配效果好。[0025]所述根據所述顯示界面的尺寸,確定所述N張頁面中每張頁面各自的裁剪量,包括:[0026]根據所述顯示界面的尺寸,確定所述N張頁面中每張頁面各自的寬度裁剪量;[0027]所述將所述N張頁面中裁剪量最小的頁面作為所述優(yōu)選頁面,包括:[0028]將所述N張頁面中寬度裁剪量最小的頁面作為所述優(yōu)選頁面。[0029]本公開的一些有益效果可以包括:將N張頁面中寬度裁剪量最小的頁面作為優(yōu)選頁面,保證了有效內容不被裁減,適配效果好。[0030]另一方面,本公開提供了一種頁面的適配裝置,包括:[0031]檢測模塊,用于檢測顯示界面的尺寸;[0032]確定模塊,用于在預置的尺寸不同的N張頁面中,確定一張優(yōu)選頁面,所述優(yōu)選頁面與所述顯示界面的尺寸差距在預設差距范圍內,所述N為大于或等于2的正整數;[0033]顯示模塊,用于將所述優(yōu)選頁面顯示于所述顯示界面上。[0034]所述確定模塊包括:[0035]長寬比確定單元,用于根據所述顯示界面的尺寸,確定所述顯示界面的長寬比;[0036]區(qū)間確定單元,用于在預置的長寬比的多個數值區(qū)間中,確定所述顯示界面的長寬比所處的數值區(qū)間;[0037]第一處理單元,用于將針對所述顯示界面的長寬比所處的數值區(qū)間所配置的適配頁面,作為所述優(yōu)選頁面。[0038]所述確定模塊包括:[0039]裁剪量確定單元,用于根據所述顯示界面的尺寸,確定所述N張頁面中每張頁面各自的裁剪量;[0040]第二處理單元,用于將所述N張頁面中裁剪量最小的頁面作為所述優(yōu)選頁面。[0041]另一方面,本公開提供了一種終端設備,終端設備包括有存儲器,以及一個或者一個以上的程序,其中一個或者一個以上程序存儲于存儲器中,且經配置以由一個或者一個以上處理器執(zhí)行所述一個或者一個以上程序包含用于進行以下操作的指令:[0042]檢測顯示界面的尺寸;[0043]在預置的尺寸不同的N張頁面中,確定一張優(yōu)選頁面,所述優(yōu)選頁面與所述顯示界面的尺寸差距在預設差距范圍內,所述N為大于或等于2的正整數;[0044]將所述優(yōu)選頁面顯示于所述顯示界面上。[0045]應當理解的是,以上的一般描述和后文的細節(jié)描述僅是示例性的,并不能限制本公開?!緦@綀D】【附圖說明】[0046]此處所說明的附圖用來提供對本公開的進一步理解,構成本申請的一部分,并不構成對本公開的限定。在附圖中:[0047]圖1為目前寬屏顯示器顯示4:3頁面的第一種處理方法示意圖;[0048]圖2為目前寬屏顯示器顯示4:3頁面的第二種處理方法示意圖;[0049]圖3為本公開實施例中頁面的適配主要方法流程圖;[0050]圖4為本公開實施例中頁面的適配方法的第一種優(yōu)選的實施方式示意圖;[0051]圖5為本公開實施例中頁面的適配方法的第二種優(yōu)選的實施方式示意圖;[0052]圖6為本公開實施例中頁面的適配方法的第三種優(yōu)選的實施方式示意圖;[0053]圖7A為應用本公開實施例中頁面的適配方法的實施方式示意圖;[0054]圖7B為長寬比為4:3的頁面示意圖;[0055]圖7C為將長寬比為4:3頁面顯示在長寬比為16:11的顯示界面的效果圖;[0056]圖8為本公開實施例中頁面的適配裝置的主要結構示意圖;[0057]圖9為本公開實施例中確定模塊的第一種具體結構示意圖;[0058]圖10為本公開實施例中確定模塊的第二種具體結構示意圖;[0059]圖11為本公開實施例提供的一種終端設備結構示意圖。[0060]通過上述附圖,已示出本公開明確的實施例,后文中將有更詳細的描述。這些附圖和文字描述并不是為了通過任何方式限制本公開構思的范圍,而是通過參考特定實施例為本領域技術人員說明本公開的概念?!揪唧w實施方式】[0061]為使本公開的目的、技術方案和優(yōu)點更加清楚明白,下面結合實施方式和附圖,對本公開做進一步詳細說明。在此,本公開的示意性實施方式及其說明用于解釋本公開,但并不作為對本公開的限定。[0062]本公開實施例提供一種頁面的適配方法、裝置、終端及服務器,以下結合附圖對本公開進行詳細說明。[0063]目前,針對不同尺寸的設備,想要將一張頁面盡可能的撐滿整個顯示界面,例如,將長寬比為4:3的頁面在寬屏顯示器上顯示,有以下兩種處理方法:[0064]如圖1所示,將圖1中左側圖所示的長寬比為4:3的頁面等比例放大,直到橫向鋪滿長寬比為16:9的寬屏顯示界面,顯示結果如圖1中右側圖所示,由該顯示結果可以知道,該處理方法使得頁面的頂部和底部被裁剪了,這種情況通常是不能接受的。[0065]如圖2所示,將圖2中左側圖所示的長寬比為4:3的頁面放在長寬比為16:9的寬屏中心進行顯示時,需要在兩個側面增加黑邊以填滿寬屏顯示界面的顯示范圍,顯示結果如圖2中右側圖所示。由該顯示結果可以知道,這種處理方式會影響用戶觀看的視覺效果。而且,由于顯示界面的兩邊長期顯示黑邊,整個顯示屏工作狀態(tài)不均勻,容易加速顯示屏的老化。[0066]本公開實施例提供的技術方案能夠實現在各種比例的顯示界面下均可進行頁面適配,并且不會產生有效內容被裁減或者留空的問題。[0067]在一個實施例中,如圖3所示,為本公開實施例中頁面適配的主要方法流程,執(zhí)行該方法的顯示終端可以是手機、平板電腦或者電子書閱讀器等設備,包括以下步驟31-33:[0068]步驟31、檢測顯示界面的尺寸。[0069]這里,顯示界面的尺寸可以包括:顯示界面長和寬的尺寸。[0070]步驟32、在預置的尺寸不同的N張頁面中,確定一張優(yōu)選頁面,該優(yōu)選頁面與顯示界面的尺寸差距在預設差距范圍內,N為大于或等于2的正整數。[0071]其中,上述N張頁面可以是內容相同,也可以是內容不同的頁面。其中,如果上述N張頁面是內容相同的頁面,適合的場景可以是需要將某一電子圖片在不同的終端設備上顯示,由于各個終端的顯示界面尺寸不同,需要針對該電子圖片預置多張不同的尺寸;如果上述N張頁面是內容不同的頁面,適合的場景可以是用戶在旅行途中拍攝了許多山水風景照片,需要跟家人、朋友分享,由于家人或朋友的終端設備的顯示界面尺寸可能不同,為了更好的呈現照片,需要針對每張照片預置不同的尺寸。[0072]步驟33、將優(yōu)選頁面顯示于顯示界面上。[0073]上述步驟32是為了在預置的尺寸不同的N張頁面中,確定一張優(yōu)選頁面,確定的方法可以有以下幾種:[0074]方法一[0075]上述步驟32可包括以下步驟A1-A3:[0076]步驟Al、根據顯示界面的尺寸,確定顯示界面的長寬比。[0077]步驟A2、在預置的長寬比的多個數值區(qū)間中,確定顯示界面的長寬比所處的數值區(qū)間。[0078]上述多個數值區(qū)間中每個數值區(qū)間的最大值與最小值的差值可以相同,也可以不同。[0079]步驟A3、將針對顯示界面的長寬比所處的數值區(qū)間所配置的適配頁面,作為優(yōu)選頁面。[0080]這里,在預置的長寬比的多個數值區(qū)間中的每個數值區(qū)間配置一適配頁面,確定顯示界面的長寬比所處的數值區(qū)間,確定針對顯示界面的長寬比所處的數值區(qū)間所配置的適配頁面作為優(yōu)選頁面,這樣提供了一種確定優(yōu)選頁面的方案。[0081]還可以根據顯示界面的尺寸,確定N張頁面中每張頁面各自的裁剪量;將N張頁面中裁剪量最小的頁面作為優(yōu)選頁面,以下方式二和方式三進行了詳細介紹。[0082]方法二[0083]上述步驟32可包括以下步驟B1-B2:[0084]步驟B1、根據顯示界面的尺寸,確定N張頁面中每張頁面各自的長度裁剪量。[0085]步驟B2、將N張頁面中長度裁剪量最小的頁面作為優(yōu)選頁面。[0086]例如,可以根據以下公式確定N張頁面中每張頁面各自的長度裁剪量:【權利要求】1.一種頁面的適配方法,其特征在于,包括:檢測顯示界面的尺寸;在預置的尺寸不同的N張頁面中,確定一張優(yōu)選頁面,所述優(yōu)選頁面與所述顯示界面的尺寸差距在預設差距范圍內,所述N為大于或等于2的正整數;將所述優(yōu)選頁面顯示于所述顯示界面上。2.如權利要求1所述的適配方法,其特征在于,所述在預置的尺寸不同的N張頁面中,確定一張優(yōu)選頁面,包括:根據所述顯示界面的尺寸,確定所述顯示界面的長寬比;在預置的長寬比的多個數值區(qū)間中,確定所述顯示界面的長寬比所處的數值區(qū)間;將針對所述顯示界面的長寬比所處的數值區(qū)間所配置的適配頁面,作為所述優(yōu)選頁面。3.如權利要求1所述的適配方法,其特征在于,所述在預置的尺寸不同的N張頁面中,確定一張優(yōu)選頁面,包括:根據所述顯示界面的尺寸,確定所述N張頁面中每張頁面各自的裁剪量;將所述N張頁面中裁剪量最小的頁面作為所述優(yōu)選頁面。4.如權利要求3所述的適配方法,其特征在于,所述根據所述顯示界面的尺寸,確定所述N張頁面中每張頁面各自的裁剪量,包括:根據所述顯示界面的尺寸,確定所述N張頁面中每張頁面各自的長度裁剪量;所述將所述N張頁面中裁剪量最小的頁面作為所述優(yōu)選頁面,包括:將所述N張頁面中長度裁剪量最小的頁面作為所述優(yōu)選頁面。5.如權利要求3所述的適配方法,其特征在于,所述根據所述顯示界面的尺寸,確定所述N張頁面中每張頁面各自的裁剪量,包括:根據所述顯示界面的尺寸,確定所述N張頁面中每張頁面各自的寬度裁剪量;所述將所述N張頁面中裁剪量最小的頁面作為所述優(yōu)選頁面,包括:將所述N張頁面中寬度裁剪量最小的頁面作為所述優(yōu)選頁面。6.一種頁面的適配裝置,其特征在于,包括:檢測模塊,用于檢測顯示界面的尺寸;確定模塊,用于在預置的尺寸不同的N張頁面中,確定一張優(yōu)選頁面,所述優(yōu)選頁面與所述顯示界面的尺寸差距在預設差距范圍內,所述N為大于或等于2的正整數;顯示模塊,用于將所述優(yōu)選頁面顯示于所述顯示界面上。7.如權利要求6所述的適配裝置,其特征在于,所述確定模塊包括:長寬比確定單元,用于根據所述顯示界面的尺寸,確定所述顯示界面的長寬比;區(qū)間確定單元,用于在預置的長寬比的多個數值區(qū)間中,確定所述顯示界面的長寬比所處的數值區(qū)間;第一處理單元,用于將針對所述顯示界面的長寬比所處的數值區(qū)間所配置的適配頁面,作為所述優(yōu)選頁面。8.如權利要求6所述的適配裝置,其特征在于,所述確定模塊包括:裁剪量確定單元,用于根據所述顯示界面的尺寸,確定所述N張頁面中每張頁面各自的裁剪量;第二處理單元,用于將所述N張頁面中裁剪量最小的頁面作為所述優(yōu)選頁面。9.一種終端設備,其特征在于,終端設備包括有存儲器,以及一個或者一個以上的程序,其中一個或者一個以上程序存儲于存儲器中,且經配置以由一個或者一個以上處理器執(zhí)行所述一個或者一個以上程序包含用于進行以下操作的指令:檢測顯示界面的尺寸;在預置的尺寸不同的N張頁面中,確定一張優(yōu)選頁面,所述優(yōu)選頁面與所述顯示界面的尺寸差距在預設差距范圍內,所述N為大于或等于2的正整數;將所述優(yōu)選頁面顯示于所述顯示界面上。【文檔編號】G06F17/21GK103678259SQ201310699702【公開日】2014年3月26日申請日期:2013年12月18日優(yōu)先權日:2013年12月18日【發(fā)明者】王毅申請人:小米科技有限責任公司