一種頁面的顯示處理方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域,特別涉及一種頁面的顯示處理方法及裝置。
【背景技術(shù)】
[0002]伴隨著智能手機(jī)等移動(dòng)終端的普及,微站應(yīng)運(yùn)而生,其是互聯(lián)網(wǎng)時(shí)代企業(yè)應(yīng)用平臺(tái)和移動(dòng)門戶,可以快速構(gòu)建手機(jī)網(wǎng)站,并集成與微信、微博、二維碼等的數(shù)據(jù)接口,企業(yè)可以在微站平臺(tái)上,集成在線客服系統(tǒng)、在線商城、短信系統(tǒng)等多種服務(wù),并可擴(kuò)展多種應(yīng)用,如微調(diào)查、微商城、抽獎(jiǎng)等。以微信為例,用戶進(jìn)入微站后,設(shè)置關(guān)注微信公眾號(hào),可以進(jìn)入到微信平臺(tái),用戶通過微站編輯消息內(nèi)容,由微信平臺(tái)自動(dòng)推送,已關(guān)注該公眾號(hào)的微信用戶接收消息后,點(diǎn)擊消息內(nèi)容中的鏈接可進(jìn)入微站;再以微博為例,微站可以與主流微博完成信息同步共享,用戶進(jìn)入微站,設(shè)置關(guān)注企業(yè)微博,即可進(jìn)入到企業(yè)官方微博。用戶也可以通過企業(yè)官方微博中發(fā)布的鏈接進(jìn)入到微站。但是,當(dāng)用戶在瀏覽微站內(nèi)容,多個(gè)頁面進(jìn)行切換時(shí),只是簡(jiǎn)單的頁面切換,無過渡效果,單調(diào)生硬,同時(shí)頁面中展示的信息過于平淡,僅僅只是內(nèi)容的具體呈現(xiàn),無法激起用戶的瀏覽、使用或購買欲望。
【發(fā)明內(nèi)容】
[0003]本發(fā)明提供一種頁面的顯示處理方法及裝置,實(shí)現(xiàn)了頁面的動(dòng)態(tài)顯示和切換。
[0004]本發(fā)明提供一種頁面的顯示處理方法,包括:
[0005]接收到輸入的滑動(dòng)操作,所述滑動(dòng)操作用于將顯示界面中的當(dāng)前頁面切換至下一張頁面;
[0006]將當(dāng)前頁面的顯示尺寸隨著所述滑動(dòng)操作的滑動(dòng)距離的增大而縮小,并將所述當(dāng)前頁面隨著所述滑動(dòng)操作移動(dòng)出顯示界面外;同時(shí),將下一張頁面隨著所述滑動(dòng)操作移動(dòng)至所述顯示界面中,并將下一張頁面的顯示尺寸隨著所述滑動(dòng)操作的滑動(dòng)距離的增大而增大,其中,所述下一張頁面的初始顯示尺寸小于所述顯示界面的尺寸。
[0007]在一個(gè)實(shí)施例中,所述接收到輸入的滑動(dòng)操作之前,所述方法還可包括:
[0008]建立頁面顯示方式模板,所述頁面顯示方式模板包括預(yù)設(shè)的所述頁面中的元素各自的顯示方式;
[0009]接收將所述頁面中的元素配置到所述頁面顯示方式模板中的配置操作;
[0010]當(dāng)接收到對(duì)所述頁面的顯示指令時(shí),按照所述頁面顯示方式模板顯示所述頁面。
[0011]在一個(gè)實(shí)施例中,所述接收到輸入的滑動(dòng)操作之前,還可包括:
[0012]建立頁面立體切換方式模板,所述頁面立體切換方式模板包括預(yù)設(shè)的相鄰頁面的立體旋轉(zhuǎn)切換方式;
[0013]接收將所述頁面配置到頁面立體切換方式模板中的配置操作。
[0014]在一個(gè)實(shí)施例中,所述當(dāng)接收到對(duì)所述頁面的顯示指令時(shí),按照所述頁面顯示方式模板顯示所述頁面,可包括:
[0015]當(dāng)接收到對(duì)所述頁面的顯示指令時(shí),將配置到所述頁面顯示方式模板中的元素按照所述預(yù)設(shè)的所述頁面中的元素各自的顯示方式進(jìn)行顯示。
[0016]在一個(gè)實(shí)施例中,所述預(yù)設(shè)的相鄰頁面的立體旋轉(zhuǎn)切換方式為立方體式旋轉(zhuǎn)方式或正六棱柱體式旋轉(zhuǎn)方式。
[0017]在一個(gè)實(shí)施例中,所述接收到輸入的滑動(dòng)操作之后,所述方法還可包括:
[0018]判斷所述當(dāng)前頁面是否為最后一張頁面;
[0019]當(dāng)所述當(dāng)前頁面為最后一張頁面時(shí),按照所述頁面立體切換方式模板將所述當(dāng)前頁面切換至第一張頁面。
[0020]本發(fā)明還提供一種頁面的顯示處理裝置,包括:
[0021]第一接收模塊,用于接收到輸入的滑動(dòng)操作,所述滑動(dòng)操作用于將顯示界面中的當(dāng)前頁面切換至下一張頁面;
[0022]縮放及移動(dòng)模塊,用于將當(dāng)前頁面的顯示尺寸隨著所述滑動(dòng)操作的滑動(dòng)距離的增大而縮小,并將所述當(dāng)前頁面隨著所述滑動(dòng)操作移動(dòng)出顯示界面外;同時(shí),將下一張頁面隨著所述滑動(dòng)操作移動(dòng)至所述顯示界面中,并將下一張頁面的顯示尺寸隨著所述滑動(dòng)操作的滑動(dòng)距離的增大而增大,其中,所述下一張頁面的初始顯示尺寸小于所述顯示界面的尺寸。
[0023]在一個(gè)實(shí)施例中,所述裝置還可包括:
[0024]第一建立模塊,用于建立頁面顯示方式模板,所述頁面顯示方式模板包括預(yù)設(shè)的所述頁面中的元素各自的顯示方式;
[0025]第二接收模塊,用于接收將所述頁面中的元素配置到所述頁面顯示方式模板中的配置操作;
[0026]顯示模塊,用于當(dāng)接收到對(duì)所述頁面的顯示指令時(shí),按照所述頁面顯示方式模板顯示所述頁面。
[0027]在一個(gè)實(shí)施例中,所述裝置還可包括:
[0028]第二建立模塊,用于建立頁面立體切換方式模板,所述頁面立體切換方式模板包括預(yù)設(shè)的相鄰頁面的立體旋轉(zhuǎn)切換方式;
[0029]第三接收模塊,用于接收將所述頁面配置到頁面立體切換方式模板中的配置操作。
[0030]在一個(gè)實(shí)施例中,所述顯示模塊,可包括:
[0031]顯示子模塊,用于當(dāng)接收到對(duì)所述頁面的顯示指令時(shí),將配置到所述頁面顯示方式模板中的元素按照所述預(yù)設(shè)的所述頁面中的元素各自的顯示方式進(jìn)行顯示。
[0032]本發(fā)明實(shí)施例的一些有益效果可以包括:
[0033]該技術(shù)方案通過將當(dāng)前頁面的顯示尺寸隨著滑動(dòng)操作的滑動(dòng)距離的增大而縮小,并將當(dāng)前頁面隨著滑動(dòng)操作移動(dòng)出顯示界面外;同時(shí),將下一張頁面隨著滑動(dòng)操作移動(dòng)至顯示界面中,并將下一張頁面的顯示尺寸隨著滑動(dòng)操作的滑動(dòng)距離的增大而增大,從而實(shí)現(xiàn)了頁面的動(dòng)態(tài)顯示和切換,提升了用戶的體驗(yàn)。
[0034]本發(fā)明的其它特征和優(yōu)點(diǎn)將在隨后的說明書中闡述,并且,部分地從說明書中變得顯而易見,或者通過實(shí)施本發(fā)明而了解。本發(fā)明的目的和其他優(yōu)點(diǎn)可通過在所寫的說明書、權(quán)利要求書、以及附圖中所特別指出的結(jié)構(gòu)來實(shí)現(xiàn)和獲得。
[0035]下面通過附圖和實(shí)施例,對(duì)本發(fā)明的技術(shù)方案做進(jìn)一步的詳細(xì)描述。
【附圖說明】
[0036]附圖用來提供對(duì)本發(fā)明的進(jìn)一步理解,并且構(gòu)成說明書的一部分,與本發(fā)明的實(shí)施例一起用于解釋本發(fā)明,并不構(gòu)成對(duì)本發(fā)明的限制。在附圖中:
[0037]圖1為本發(fā)明實(shí)施例中一種頁面的顯示處理方法的流程圖;
[0038]圖2為本發(fā)明實(shí)施例中另一種頁面的顯示處理方法的流程圖;
[0039]圖3為本發(fā)明實(shí)施例中另一種頁面的顯示處理方法的流程圖;
[0040]圖4為本發(fā)明實(shí)施例中另一種頁面的顯示處理方法的流程圖;
[0041]圖5為本發(fā)明實(shí)施例中一種頁面的顯示處理裝置的框圖;
[0042]圖6為本發(fā)明實(shí)施例中另一種頁面的顯示處理裝置的框圖;
[0043]圖7為本發(fā)明實(shí)施例中另一種頁面的顯示處理裝置的框圖
[0044]圖8為本發(fā)明實(shí)施例中另一種頁面的顯示處理裝置的框圖。
【具體實(shí)施方式】
[0045]以下結(jié)合附圖對(duì)本發(fā)明的優(yōu)選實(shí)施例進(jìn)行說明,應(yīng)當(dāng)理解,此處所描述的優(yōu)選實(shí)施例僅用于說明和解釋本發(fā)明,并不用于限定本發(fā)明。
[0046]本發(fā)明提供的一種頁面的顯示處理方法中,頁面可以是終端設(shè)備上安裝的具有展示信息功能的應(yīng)用程序的展示頁面,例如微信、微博、二維碼等;也可以是終端設(shè)備上其它app中的頁面。終端設(shè)備可以是智能手機(jī)、平板電腦或個(gè)人計(jì)算機(jī)等。
[0047]圖1為本發(fā)明實(shí)施例中一種頁面的顯示處理方法的流程圖。如圖1所示,該方法用于終端設(shè)備的應(yīng)用程序中,包括以下步驟S11-S12:
[0048]步驟S11,接收到輸入的滑動(dòng)操作,滑動(dòng)操作用于將顯示界面中的當(dāng)前頁面切換至下一張頁面。
[0049]該步驟中,當(dāng)用戶想切換頁面時(shí),會(huì)滑動(dòng)當(dāng)前頁面將其切換至下一頁面,滑動(dòng)操作可以是用戶在顯示屏上從左向右滑動(dòng)或從右向左滑動(dòng),還可以是從上向下滑動(dòng)或從下向上滑動(dòng),用戶滑動(dòng)的過程也是將當(dāng)前頁面切換至下一頁面的過程。
[0050]步驟S12,將當(dāng)前頁面的顯示尺寸隨著滑動(dòng)操作的滑動(dòng)距離的增大而縮小,并將當(dāng)前頁面隨著滑動(dòng)操作移動(dòng)出顯示界面外;同時(shí),將下一張頁面隨著滑動(dòng)操作移動(dòng)至顯示界面中,并將下一張頁面的顯示尺寸隨著滑動(dòng)操作的滑動(dòng)距離的增大而增大,其中,下一張頁面的初始顯示尺寸小于顯示界面的尺寸。
[0051]其中,在用戶滑動(dòng)頁面過程中,當(dāng)前頁面會(huì)隨著用戶滑動(dòng)距離的增大而縮小,下一張頁面會(huì)隨著用戶滑動(dòng)距離的增大而放大。當(dāng)頁面切換完成時(shí),該下一張頁面放大至其正常瀏覽時(shí)的尺寸,并作為當(dāng)前頁面。在一個(gè)實(shí)施例中,還可以在微站開始部分、從當(dāng)前頁面切換至下一頁面時(shí)以及從當(dāng)前頁面返回上一頁面時(shí),增加蒙版特效,更加使微站絢麗多彩,并提高了用戶的探宄心態(tài)。同時(shí)頁面中的文字,可以根據(jù)需要,變換出現(xiàn)的動(dòng)畫效果,始頁面顯示更加動(dòng)態(tài)。
[0052]本發(fā)明實(shí)施例提供的上述方法,通過將當(dāng)前頁面的顯示尺寸隨著滑動(dòng)操作的滑動(dòng)距離的增大而縮小,并將當(dāng)前頁面隨著滑動(dòng)操作移動(dòng)出顯示界面外;同時(shí),將下一張頁面隨著滑動(dòng)操作移動(dòng)至顯示界面中,并將下一張頁面的顯示尺寸隨著滑動(dòng)操作的滑動(dòng)距離的增大而增大,從而實(shí)現(xiàn)了頁面的動(dòng)態(tài)顯示和切換,提升了用戶的體驗(yàn)。
[0053]在一個(gè)實(shí)施例中,如圖2所示,在步驟Sll之前,上述方法還可包括步驟S13-S15:
[0054]步驟S13,建立頁面顯示方式模板,頁面顯示方式模板包括預(yù)設(shè)的頁面中的元素各自的顯示方式。
[0055]在一個(gè)實(shí)施例中,頁面中的元素包括頁面中的圖片或文字,或者圖片和文字的組合;預(yù)設(shè)的頁面中的元素各自的顯示方式為將所述頁面中的圖片或文字或圖片和文字的組合按照預(yù)設(shè)的大小、顏色、顯示順序以及顯示效果進(jìn)行顯示的方式。除大小、顏色、顯示順序以及顯示效果之外,在頁面顯示方式模板中還可對(duì)元素的其它屬性進(jìn)行預(yù)先設(shè)定。例如,頁面顯示方式模板中預(yù)設(shè)的文字大小包括大、中、小三種,圖片顯示風(fēng)格包括黑白、立體、浮雕、懷舊等,文字出現(xiàn)方式為旋轉(zhuǎn)式出現(xiàn)方式、兩側(cè)翻轉(zhuǎn)式出現(xiàn)方式、從上而下式出現(xiàn)方式等,用戶可選擇相應(yīng)的文字或者圖片按照頁面顯示方式模板中預(yù)設(shè)的顯示效果進(jìn)行顯示。
[0056]步驟S14,接收將頁面中的元素配置到頁面顯示方式模板中的配置操作。
[0057]在一個(gè)實(shí)施例中,用戶將頁面中的元素按照各自的顯示方式配置到頁面顯示方式模板中,終端設(shè)備接收這一操作,形成具有具體內(nèi)容的頁面。
[0058]步驟S15,當(dāng)接收到對(duì)頁面的顯示指令時(shí),按照頁面顯