[發(fā)明專利]一種調(diào)整互聯(lián)網(wǎng)頁面布局的方法及裝置

無效

• 申請?zhí)枺?/td>: 200810089749.2
• 申請日: 2008-04-10
• 公開（公告）號: CN101261642A
• 公開（公告）日: 2008-09-10
• 發(fā)明（設(shè)計）人: 顧志誠;汪崢嶸;李剛;佘濤;李欣;張金雄
• 申請（專利權(quán)）人: 深圳市迅雷網(wǎng)絡(luò)技術(shù)有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京同達(dá)信恒知識產(chǎn)權(quán)代理有限公司
• 代理人: 劉松

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

本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種調(diào)整互聯(lián)網(wǎng)頁面布局的方法及裝置。

背景技術(shù)

為了增加用戶體現(xiàn)，使用戶可以根據(jù)自己的喜好和習(xí)慣，定制互聯(lián)網(wǎng)頁面的顯示，越來越多的互聯(lián)網(wǎng)開發(fā)商開始提供用戶可定制的互聯(lián)網(wǎng)頁面，目前，可定制的互聯(lián)網(wǎng)頁面主要體現(xiàn)在用戶可通過對互聯(lián)網(wǎng)頁面中的頁面元素進(jìn)行移動從而定制頁面的顯示。

目前互聯(lián)網(wǎng)上通常是通過設(shè)置模塊元素，將頁面上要顯示內(nèi)容放入模塊元素中，通過拖動模塊元素實現(xiàn)對頁面的定制。目前，模塊元素移動一般是在固定的幾個分欄之間拖動，且分欄和模塊的寬度是固定，一般都與分欄寬度差不多，如圖1所示，這種方法將頁面按照水平坐標(biāo)分成三部分即三個分割，模塊元素只能在每個分割區(qū)內(nèi)上下移動，但不能移動到別的分割區(qū)，而且要求每個模塊元素的寬度不能超過欄目的寬度。在每個分割內(nèi)每個頁面元素可以上下移動，但是模塊元素沒有縱坐標(biāo)的概念，模塊元素按照自上到下的順序排列，即只能調(diào)整每個模塊元素上下的相對位置，不可以控制每個頁面元素的絕對位置，且在一個欄目內(nèi)兩個元素不能并排排列。

在這種方法中，模塊元素要放到欄目這個單獨(dú)的容器內(nèi)部，并且在每個欄目內(nèi)的每個模塊元素按照模塊元素的排列順序排序，不能跨欄目的放置頁面模塊元素，模塊元素都不能超出模塊容器，可見，這種頁面布局的方法中用戶可定制的范圍非常小，沒有足夠的個性化空間，無法滿足用戶對頁面定制的更多需求。

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

有鑒于此，本發(fā)明實施例提供一種調(diào)整互聯(lián)網(wǎng)頁面布局的方法，用以解決現(xiàn)有技術(shù)中模塊元素只能在固定欄目中上下移動，并對模塊元素的大小進(jìn)行限定，從而導(dǎo)致用戶可定制的范圍小，無法滿足用戶對頁面定制的更多需求的問題。

本發(fā)明實施例提供的一種調(diào)整互聯(lián)網(wǎng)頁面布局的方法，包括：

加載互聯(lián)網(wǎng)頁面，根據(jù)預(yù)置的網(wǎng)格的大小和形狀，將所述互聯(lián)網(wǎng)頁面劃分為網(wǎng)格；

接收用戶移動頁面元素的命令，判斷所述頁面元素在用戶指定的目標(biāo)位置時，所述頁面元素與所述互聯(lián)網(wǎng)頁面的網(wǎng)格不契合，將所述頁面元素移動到，與所述目標(biāo)位置距離最近的網(wǎng)格相契合的位置。

本發(fā)明實施例提供的一種調(diào)整互聯(lián)網(wǎng)頁面布局的裝置，包括：

加載單元，用于加載互聯(lián)網(wǎng)頁面，并根據(jù)預(yù)置的網(wǎng)格的大小和形狀，將所述互聯(lián)網(wǎng)頁面劃分為網(wǎng)格；

響應(yīng)單元，用于接收用戶移動頁面元素的命令，判斷所述頁面元素在用戶指定的目標(biāo)位置時，所述頁面元素與所述互聯(lián)網(wǎng)頁面的網(wǎng)格不契合時，將所述頁面元素移動到，與所述目標(biāo)位置距離最近的網(wǎng)格相契合的位置。

本發(fā)明實施例提出的調(diào)整互聯(lián)頁面布局的方法對于任意大小的頁面元素都適用，而且也沒有將頁面元素限定在一個欄目內(nèi)，每個頁面元素可以在頁面范圍內(nèi)上下左右移動，且移動后的目標(biāo)位置與預(yù)先設(shè)置的網(wǎng)格相契合，因此，既可最大限度的滿足用戶定制的需求，又可以限制用戶對頁面元素進(jìn)行雜亂無章地移動。

附圖說明

圖1為現(xiàn)有技術(shù)中調(diào)整互聯(lián)網(wǎng)頁面布局的示意圖；

圖2為本發(fā)明實施例中調(diào)整互聯(lián)網(wǎng)頁面布局的方法流程圖；

圖3為本發(fā)明實施例一的方法流程圖；

圖4A為本發(fā)明實施例中網(wǎng)格為方形的一種劃分方式；

圖4B為本發(fā)明實施例一中頁面元素移動到目標(biāo)位置的一種情景示意圖；

圖4C為本發(fā)明實施例一中頁面元素移動到最后位置的情景示意圖；

圖5為本發(fā)明實施例二的方法流程圖；

圖6A為本發(fā)明實施例中網(wǎng)格為三角形的一種劃分方式；

圖6B為本發(fā)明實施例二中頁面元素移動到目標(biāo)位置的一種情景示意圖；

圖6C為本發(fā)明實施例二中頁面元素移動到最后位置的情景示意圖；

圖7為本發(fā)明實施例中一種調(diào)整互聯(lián)網(wǎng)頁面布局的裝置的結(jié)構(gòu)示意圖。

具體實施方式

本發(fā)明實施例中，在加載互聯(lián)網(wǎng)頁面時，根據(jù)預(yù)置的網(wǎng)格的大小和形狀，將所述互聯(lián)網(wǎng)頁面劃分為網(wǎng)格，在接收用戶移動頁面元素的命令后，判斷用戶為其中一個頁面元素指定的目標(biāo)位置是否與劃分的網(wǎng)格契合，如果不契合，則將所述頁面元素移動到與該頁面元素距離最近的網(wǎng)格相契合的位置，否則，將所述頁面元素移動到用戶所指定的目標(biāo)位置。該方法對頁面元素的大小沒有限制，而且頁面元素的移動不僅僅局限于一個欄目內(nèi)的上下移動，用戶可以將頁面元素上下左右的移動，而且，每次移動后的目標(biāo)位置與預(yù)先劃分的網(wǎng)格相契合，這樣，一方面擴(kuò)展了用戶可定制的范圍，能夠滿足用戶對頁面定制的更多需求，同時也防止用戶移動后的頁面元素雜亂無章地排列。

下面接合說明書附圖對本發(fā)明實施例的具體實施方式進(jìn)行說明。