一種網(wǎng)頁滑動翻頁的布局方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種網(wǎng)頁滑動翻頁的布局方法。
【背景技術(shù)】
[0002]現(xiàn)有的網(wǎng)頁布局經(jīng)常針對于電腦用戶，若用戶使用觸屏設(shè)備打開網(wǎng)頁時，就導(dǎo)致該網(wǎng)頁在控制過程不方便，網(wǎng)頁上也有一些類似于手機或者平板電腦的APP程序滑動效果，但布局形式有限不能完全滿足快速開發(fā)的需求;并且不便于開發(fā)人員對其進行二次開發(fā)和修改。

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

[0003]本發(fā)明要解決的技術(shù)問題，在于提供一種網(wǎng)頁滑動翻頁的布局方法，便于開發(fā)人員二次開發(fā)以及修改。
[0004]本發(fā)明之一是這樣實現(xiàn)的:一種網(wǎng)頁滑動翻頁的布局方法，包括如下步驟:
[0005]步驟1、根據(jù)需求劃分出所需個數(shù)的分頁，并給每個分頁進行編號；
[0006]步驟2、編寫滑動翻頁的效果，根據(jù)分頁的編號順序設(shè)置頁碼和頁面出現(xiàn)的順序；
[0007]步驟3、根據(jù)頁面編號把每個分頁里的內(nèi)容劃分成限定個對象，并對該對象設(shè)置二級編號，根據(jù)需求限定每個對象的寬度，并按照比例設(shè)置對象大小和所在位置，并將該對象的二級編號寫入樣式文件，將樣式文件引入頁面。
[0008]進一步地，所述步驟I進一步具體為:根據(jù)需求劃分出所需個數(shù)的分頁，并給每個分頁編號，將分頁中的公共部分以及公共的樣式文件編寫完畢。
[0009]進一步地，還包括步驟4、編寫好視覺效果，并為每個視覺效果設(shè)定一效果編號，將效果編號寫入一樣式文件，并將該樣式文件引入頁面。
[0010]本發(fā)明之二是這樣實現(xiàn)的:一種網(wǎng)頁滑動翻頁的布局系統(tǒng)，包括如下模塊:
[0011]分頁模塊，根據(jù)需求劃分出所需個數(shù)的分頁，并給每個分頁進行編號；
[0012]設(shè)置頁面模塊，編寫滑動翻頁的效果，根據(jù)分頁的編號順序設(shè)置頁碼和頁面出現(xiàn)的順序；
[0013]完成模塊，根據(jù)頁面編號把每個分頁里的內(nèi)容劃分成限定個對象，并對該對象設(shè)置二級編號，根據(jù)需求限定每個對象的寬度，并按照比例設(shè)置對象大小和所在位置，并將該對象的二級編號寫入樣式文件，將樣式文件引入頁面。
[0014]進一步地，所述分頁模塊進一步具體為:根據(jù)需求劃分出所需個數(shù)的分頁，并給每個分頁編號，將分頁中的公共部分以及公共的樣式文件編寫完畢。
[0015]進一步地，還包括視覺效果模塊，編寫好視覺效果，并為每個視覺效果設(shè)定一效果編號，將效果編號寫入一樣式文件，并將該樣式文件引入頁面。
[0016]本發(fā)明具有如下優(yōu)點:本發(fā)明一種網(wǎng)頁滑動翻頁的布局方法以及系統(tǒng)此布局可給網(wǎng)頁內(nèi)各個對象提供多種視覺效果的選擇，各個對象間互不沖突影響，并且添加刪除時較為方便，有利于程序員快速開發(fā)一套網(wǎng)頁，有利于需求變更時的二次開發(fā)及修改，改善用戶體驗。
【附圖說明】
[0017]下面參照附圖結(jié)合實施例對本發(fā)明作進一步的說明。
[0018]圖1為本發(fā)明方法執(zhí)行流程圖。
【具體實施方式】
[0019]如圖1所示，本發(fā)明網(wǎng)頁滑動翻頁的布局方法，包括如下步驟:
[0020]步驟1、根據(jù)需求劃分出所需個數(shù)的分頁，并給每個分頁編號，將分頁中的公共部分以及公共的樣式文件編寫完畢；
[0021]步驟2、編寫滑動翻頁的效果，根據(jù)分頁的編號順序設(shè)置頁碼和頁面出現(xiàn)的順序；
[0022]步驟3、根據(jù)頁面編號把每個分頁里的內(nèi)容劃分成限定個對象，并對該對象設(shè)置二級編號，根據(jù)需求限定每個對象的寬度，并按照比例設(shè)置對象大小和所在位置，并將該對象的二級編號寫入樣式文件，將樣式文件引入頁面。
[0023]步驟4、編寫好視覺效果，并為每個視覺效果設(shè)定一效果編號，將效果編號寫入一樣式文件，并將該樣式文件引入頁面。
[0024]本發(fā)明網(wǎng)頁滑動翻頁的布局系統(tǒng)，包括如下模塊:
[0025]分頁模塊，根據(jù)需求劃分出所需個數(shù)的分頁，并給每個分頁編號，將分頁中的公共部分以及公共的樣式文件編寫完畢；
[0026]設(shè)置頁面模塊，編寫滑動翻頁的效果，根據(jù)分頁的編號順序設(shè)置頁碼和頁面出現(xiàn)的順序；
[0027]完成模塊，根據(jù)頁面編號把每個分頁里的內(nèi)容劃分成限定個對象，并對該對象設(shè)置二級編號，根據(jù)需求限定每個對象的寬度，并按照比例設(shè)置對象大小和所在位置，并將該對象的二級編號寫入樣式文件，將樣式文件引入頁面。
[0028]視覺效果模塊，編寫好視覺效果，并為每個視覺效果設(shè)定一效果編號，將效果編號寫入一樣式文件，并將該樣式文件引入頁面。
[0029]1、根據(jù)需求劃分共有幾個分頁給每個分頁編號，提取公共的部分，比如logo，音頻按鈕，底部版權(quán)等，將公共部分及公共的樣式文件編寫好。
[0030]2、編寫滑動翻頁的效果，根據(jù)編號順序設(shè)置頁碼和頁面出現(xiàn)的順序，設(shè)置為循環(huán)翻頁或不循環(huán)翻頁，設(shè)置上下滑動翻頁或左右滑動翻頁，設(shè)置自動翻頁或手動翻頁，設(shè)置是否有音頻播放。
[0031]3、根據(jù)頁面編號把每個分頁里的內(nèi)容劃分成各個小對象并設(shè)置二級編號，根據(jù)設(shè)計稿上每個對象的寬度對比設(shè)計稿總寬度的比例，并按照比例設(shè)置對象大小和所在位置，對應(yīng)上二級編號寫入樣式文件，將樣式文件引入頁面。
[0032]4、編寫好一份視覺效果的樣式文件引入頁面，比如向上滾動出現(xiàn)，向下滾動消失，旋轉(zhuǎn)，翻轉(zhuǎn)，抖動，不同角度漸入，重復(fù)來回移動等常見效果，每個效果對應(yīng)一個效果編號，這些效果可以在每個對象上使用，且每個對象可以同時使用多個效果。
[0033]5、給事先固定在頁面上的對象對應(yīng)的效果編號，使每個對象都可以實現(xiàn)對應(yīng)的視覺效果并按設(shè)置的順序執(zhí)行。
[0034]雖然以上描述了本發(fā)明的【具體實施方式】，但是熟悉本技術(shù)領(lǐng)域的技術(shù)人員應(yīng)當(dāng)理解，我們所描述的具體的實施例只是說明性的，而不是用于對本發(fā)明的范圍的限定，熟悉本領(lǐng)域的技術(shù)人員在依照本發(fā)明的精神所作的等效的修飾以及變化，都應(yīng)當(dāng)涵蓋在本發(fā)明的權(quán)利要求所保護的范圍內(nèi)。
【主權(quán)項】
1.一種網(wǎng)頁滑動翻頁的布局方法，其特征在于:包括如下步驟: 步驟1、根據(jù)需求劃分出所需個數(shù)的分頁，并給每個分頁進行編號； 步驟2、編寫滑動翻頁的效果，根據(jù)分頁的編號順序設(shè)置頁碼和頁面出現(xiàn)的順序； 步驟3、根據(jù)頁面編號把每個分頁里的內(nèi)容劃分成限定個對象，并對該對象設(shè)置二級編號，根據(jù)需求限定每個對象的寬度，并按照比例設(shè)置對象大小和所在位置，并將該對象的二級編號寫入樣式文件，將樣式文件引入頁面。2.根據(jù)權(quán)利要求1所述的一種網(wǎng)頁滑動翻頁的布局方法，其特征在于:所述步驟I進一步具體為:根據(jù)需求劃分出所需個數(shù)的分頁，并給每個分頁編號，將分頁中的公共部分以及公共的樣式文件編寫完畢。3.根據(jù)權(quán)利要求1所述的一種網(wǎng)頁滑動翻頁的布局方法，其特征在于:還包括步驟4、編寫好視覺效果，并為每個視覺效果設(shè)定一效果編號，將效果編號寫入一樣式文件，并將該樣式文件引入頁面。4.一種網(wǎng)頁滑動翻頁的布局系統(tǒng)，其特征在于:包括如下模塊: 分頁模塊，根據(jù)需求劃分出所需個數(shù)的分頁，并給每個分頁進行編號； 設(shè)置頁面模塊，編寫滑動翻頁的效果，根據(jù)分頁的編號順序設(shè)置頁碼和頁面出現(xiàn)的順序; 完成模塊，根據(jù)頁面編號把每個分頁里的內(nèi)容劃分成限定個對象，并對該對象設(shè)置二級編號，根據(jù)需求限定每個對象的寬度，并按照比例設(shè)置對象大小和所在位置，并將該對象的二級編號寫入樣式文件，將樣式文件引入頁面。5.根據(jù)權(quán)利要求4所述的一種網(wǎng)頁滑動翻頁的布局系統(tǒng)，其特征在于:所述分頁模塊進一步具體為:根據(jù)需求劃分出所需個數(shù)的分頁，并給每個分頁編號，將分頁中的公共部分以及公共的樣式文件編寫完畢。6.根據(jù)權(quán)利要求4所述的一種網(wǎng)頁滑動翻頁的布局系統(tǒng)，其特征在于:還包括視覺效果模塊，編寫好視覺效果，并為每個視覺效果設(shè)定一效果編號，將效果編號寫入一樣式文件，并將該樣式文件引入頁面。
【專利摘要】本發(fā)明提供一種網(wǎng)頁滑動翻頁的布局方法，根據(jù)需求劃分出所需個數(shù)的分頁，并給每個分頁進行編號；編寫滑動翻頁的效果，根據(jù)分頁的編號順序設(shè)置頁碼和頁面出現(xiàn)的順序；根據(jù)頁面編號把每個分頁里的內(nèi)容劃分成限定個對象，并對該對象設(shè)置二級編號，根據(jù)需求限定每個對象的寬度，并按照比例設(shè)置對象大小和所在位置，并將該對象的二級編號寫入樣式文件，將樣式文件引入頁面，本發(fā)明還提供一種網(wǎng)頁滑動翻頁的布局系統(tǒng)，提高用戶體驗。
【IPC分類】G06F17/30, G06F3/0483
【公開號】CN105677909
【申請?zhí)枴緾N201610100893
【發(fā)明人】沈文策
【申請人】沈文策
【公開日】2016年6月15日
【申請日】2016年2月24日