[發(fā)明專利]一種網(wǎng)頁(yè)滑動(dòng)翻頁(yè)的布局方法

在審

• 申請(qǐng)?zhí)枺?/td>: 201610100893.6
• 申請(qǐng)日: 2016-02-24
• 公開（公告）號(hào): CN105677909A
• 公開（公告）日: 2016-06-15
• 發(fā)明（設(shè)計(jì)）人: 沈文策
• 申請(qǐng)（專利權(quán)）人: 沈文策
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30;G06F3/0483
• 代理公司: 福州市鼓樓區(qū)京華專利事務(wù)所(普通合伙) 35212
• 代理人: 林曉琴

技術(shù)領(lǐng)域

本發(fā)明涉及一種網(wǎng)頁(yè)滑動(dòng)翻頁(yè)的布局方法。

背景技術(shù)

現(xiàn)有的網(wǎng)頁(yè)布局經(jīng)常針對(duì)于電腦用戶，若用戶使用觸屏設(shè)備打開網(wǎng)頁(yè) 時(shí)，就導(dǎo)致該網(wǎng)頁(yè)在控制過(guò)程不方便，網(wǎng)頁(yè)上也有一些類似于手機(jī)或者平板 電腦的APP程序滑動(dòng)效果，但布局形式有限不能完全滿足快速開發(fā)的需求； 并且不便于開發(fā)人員對(duì)其進(jìn)行二次開發(fā)和修改。

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

本發(fā)明要解決的技術(shù)問(wèn)題，在于提供一種網(wǎng)頁(yè)滑動(dòng)翻頁(yè)的布局方法，便 于開發(fā)人員二次開發(fā)以及修改。

本發(fā)明之一是這樣實(shí)現(xiàn)的：一種網(wǎng)頁(yè)滑動(dòng)翻頁(yè)的布局方法，包括如下步 驟：

步驟1、根據(jù)需求劃分出所需個(gè)數(shù)的分頁(yè)，并給每個(gè)分頁(yè)進(jìn)行編號(hào)；

步驟2、編寫滑動(dòng)翻頁(yè)的效果，根據(jù)分頁(yè)的編號(hào)順序設(shè)置頁(yè)碼和頁(yè)面出 現(xiàn)的順序；

步驟3、根據(jù)頁(yè)面編號(hào)把每個(gè)分頁(yè)里的內(nèi)容劃分成限定個(gè)對(duì)象，并對(duì)該 對(duì)象設(shè)置二級(jí)編號(hào)，根據(jù)需求限定每個(gè)對(duì)象的寬度，并按照比例設(shè)置對(duì)象大 小和所在位置，并將該對(duì)象的二級(jí)編號(hào)寫入樣式文件，將樣式文件引入頁(yè)面。

進(jìn)一步地，所述步驟1進(jìn)一步具體為：根據(jù)需求劃分出所需個(gè)數(shù)的分頁(yè)， 并給每個(gè)分頁(yè)編號(hào)，將分頁(yè)中的公共部分以及公共的樣式文件編寫完畢。

進(jìn)一步地，還包括步驟4、編寫好視覺(jué)效果，并為每個(gè)視覺(jué)效果設(shè)定一 效果編號(hào)，將效果編號(hào)寫入一樣式文件，并將該樣式文件引入頁(yè)面。

本發(fā)明之二是這樣實(shí)現(xiàn)的：一種網(wǎng)頁(yè)滑動(dòng)翻頁(yè)的布局系統(tǒng)，包括如下模 塊：

分頁(yè)模塊，根據(jù)需求劃分出所需個(gè)數(shù)的分頁(yè)，并給每個(gè)分頁(yè)進(jìn)行編號(hào)；

設(shè)置頁(yè)面模塊，編寫滑動(dòng)翻頁(yè)的效果，根據(jù)分頁(yè)的編號(hào)順序設(shè)置頁(yè)碼和 頁(yè)面出現(xiàn)的順序；

完成模塊，根據(jù)頁(yè)面編號(hào)把每個(gè)分頁(yè)里的內(nèi)容劃分成限定個(gè)對(duì)象，并對(duì) 該對(duì)象設(shè)置二級(jí)編號(hào)，根據(jù)需求限定每個(gè)對(duì)象的寬度，并按照比例設(shè)置對(duì)象 大小和所在位置，并將該對(duì)象的二級(jí)編號(hào)寫入樣式文件，將樣式文件引入頁(yè) 面。

進(jìn)一步地，所述分頁(yè)模塊進(jìn)一步具體為：根據(jù)需求劃分出所需個(gè)數(shù)的分 頁(yè)，并給每個(gè)分頁(yè)編號(hào)，將分頁(yè)中的公共部分以及公共的樣式文件編寫完畢。

進(jìn)一步地，還包括視覺(jué)效果模塊，編寫好視覺(jué)效果，并為每個(gè)視覺(jué)效果 設(shè)定一效果編號(hào)，將效果編號(hào)寫入一樣式文件，并將該樣式文件引入頁(yè)面。

本發(fā)明具有如下優(yōu)點(diǎn)：本發(fā)明一種網(wǎng)頁(yè)滑動(dòng)翻頁(yè)的布局方法以及系統(tǒng)此 布局可給網(wǎng)頁(yè)內(nèi)各個(gè)對(duì)象提供多種視覺(jué)效果的選擇，各個(gè)對(duì)象間互不沖突影 響，并且添加刪除時(shí)較為方便，有利于程序員快速開發(fā)一套網(wǎng)頁(yè)，有利于需 求變更時(shí)的二次開發(fā)及修改，改善用戶體驗(yàn)。

附圖說(shuō)明

下面參照附圖結(jié)合實(shí)施例對(duì)本發(fā)明作進(jìn)一步的說(shuō)明。

圖1為本發(fā)明方法執(zhí)行流程圖。

具體實(shí)施方式

如圖1所示，本發(fā)明網(wǎng)頁(yè)滑動(dòng)翻頁(yè)的布局方法，包括如下步驟：

步驟1、根據(jù)需求劃分出所需個(gè)數(shù)的分頁(yè)，并給每個(gè)分頁(yè)編號(hào)，將分頁(yè) 中的公共部分以及公共的樣式文件編寫完畢；

步驟2、編寫滑動(dòng)翻頁(yè)的效果，根據(jù)分頁(yè)的編號(hào)順序設(shè)置頁(yè)碼和頁(yè)面出 現(xiàn)的順序；

步驟3、根據(jù)頁(yè)面編號(hào)把每個(gè)分頁(yè)里的內(nèi)容劃分成限定個(gè)對(duì)象，并對(duì)該 對(duì)象設(shè)置二級(jí)編號(hào)，根據(jù)需求限定每個(gè)對(duì)象的寬度，并按照比例設(shè)置對(duì)象大 小和所在位置，并將該對(duì)象的二級(jí)編號(hào)寫入樣式文件，將樣式文件引入頁(yè)面。

步驟4、編寫好視覺(jué)效果，并為每個(gè)視覺(jué)效果設(shè)定一效果編號(hào)，將效果 編號(hào)寫入一樣式文件，并將該樣式文件引入頁(yè)面。

本發(fā)明網(wǎng)頁(yè)滑動(dòng)翻頁(yè)的布局系統(tǒng)，包括如下模塊：

分頁(yè)模塊，根據(jù)需求劃分出所需個(gè)數(shù)的分頁(yè)，并給每個(gè)分頁(yè)編號(hào)，將分 頁(yè)中的公共部分以及公共的樣式文件編寫完畢；

設(shè)置頁(yè)面模塊，編寫滑動(dòng)翻頁(yè)的效果，根據(jù)分頁(yè)的編號(hào)順序設(shè)置頁(yè)碼和 頁(yè)面出現(xiàn)的順序；

完成模塊，根據(jù)頁(yè)面編號(hào)把每個(gè)分頁(yè)里的內(nèi)容劃分成限定個(gè)對(duì)象，并對(duì) 該對(duì)象設(shè)置二級(jí)編號(hào)，根據(jù)需求限定每個(gè)對(duì)象的寬度，并按照比例設(shè)置對(duì)象 大小和所在位置，并將該對(duì)象的二級(jí)編號(hào)寫入樣式文件，將樣式文件引入頁(yè) 面。

視覺(jué)效果模塊，編寫好視覺(jué)效果，并為每個(gè)視覺(jué)效果設(shè)定一效果編號(hào)， 將效果編號(hào)寫入一樣式文件，并將該樣式文件引入頁(yè)面。