標(biāo)模塊元素和所述第一模塊元素之外的模塊元素。
[0052]在上述技術(shù)方案的基礎(chǔ)上，進(jìn)一步地，所述網(wǎng)格調(diào)整模塊33，還用于:
[0053]若所述第一網(wǎng)格的大小與所述目標(biāo)網(wǎng)格的大小一致，則移動所述目標(biāo)模塊元素至所述第一網(wǎng)格中。
[0054]在上述技術(shù)方案的基礎(chǔ)上,進(jìn)一步地,還包括:
[0055]匹配模塊，用于若存在所占用網(wǎng)格大小與所述第一網(wǎng)格大小相互匹配的第三模塊元素，則將所述第三模塊元素移動至所述第一網(wǎng)格中。
[0056]本實(shí)施例的具體實(shí)現(xiàn)參照本發(fā)明實(shí)施例一提供的一種網(wǎng)頁頁面布局的調(diào)整方法，以及實(shí)施例二提供的一種網(wǎng)頁頁面布局的調(diào)整方法。本實(shí)施例通過根據(jù)預(yù)設(shè)的網(wǎng)格的大小，將網(wǎng)頁頁面劃分為網(wǎng)格單元；將第一模塊元素從第一網(wǎng)格移動至目標(biāo)網(wǎng)格；若第一網(wǎng)格的大小大于目標(biāo)網(wǎng)格的大小，則移動目標(biāo)模塊元素，以及與目標(biāo)模塊元素相鄰的相鄰模塊元素，以使目標(biāo)網(wǎng)格的大小與相鄰模塊元素所占用的網(wǎng)格大小之和滿足第一網(wǎng)格的大小要求，從而在第一網(wǎng)格的大小大于目標(biāo)網(wǎng)格的大小的時候，可以調(diào)整目標(biāo)網(wǎng)格的大小，使得調(diào)整后的目標(biāo)網(wǎng)格可以放置第一模塊元素；若第一網(wǎng)格的大小小于目標(biāo)網(wǎng)格的大小，則移動目標(biāo)模塊元素，并確定第一網(wǎng)格的大小與目標(biāo)網(wǎng)格的大小的差值，從網(wǎng)頁頁面上的其他模塊元素中確定占用網(wǎng)格大小與差值大小相等的第二模塊元素，并將第二模塊元素移動至目標(biāo)網(wǎng)格中，從而使得在第一模塊元素之前所在第一網(wǎng)格的大小小于目標(biāo)模塊元素所在目標(biāo)網(wǎng)格的大小的時候，移動了目標(biāo)模塊元素，并且完全填充了目標(biāo)網(wǎng)格；若第一網(wǎng)格的大小與目標(biāo)網(wǎng)格的大小一致，則移動目標(biāo)模塊元素至第一網(wǎng)格中，實(shí)現(xiàn)了第一模塊元素與目標(biāo)模塊元素互換的目的；并且將占用網(wǎng)格大小與第一網(wǎng)格大小相互匹配的第三模塊元素，移動至第一網(wǎng)格中，實(shí)現(xiàn)了移動了第一模塊元素之后，第一網(wǎng)格處不會產(chǎn)生空白。本實(shí)施例，實(shí)現(xiàn)了將第一模塊元素移動至目標(biāo)模塊元素所在的目標(biāo)網(wǎng)格處的時候，第一模塊元素可以放置到目標(biāo)網(wǎng)格上，模塊元素之間不會產(chǎn)生相互重疊的現(xiàn)象，并且第一模塊元素之前所在的第一網(wǎng)格不會產(chǎn)生空白；同時將網(wǎng)頁頁面上的模塊元素的位置的變化展示給用戶，便于用戶改變網(wǎng)頁頁面的布局。
[0057]本領(lǐng)域普通技術(shù)人員可以理解:實(shí)現(xiàn)上述各方法實(shí)施例的全部或部分步驟可以通過程序指令相關(guān)的硬件來完成。前述的程序可以存儲于一計算機(jī)可讀取存儲介質(zhì)中。該程序在執(zhí)行時，執(zhí)行包括上述各方法實(shí)施例的步驟；而前述的存儲介質(zhì)包括:R0M、RAM、磁碟或者光盤等各種可以存儲程序代碼的介質(zhì)。
[0058]最后應(yīng)說明的是:以上實(shí)施例僅用以說明本發(fā)明的技術(shù)方案，而非對其限制；盡管參照前述實(shí)施例對本發(fā)明進(jìn)行了詳細(xì)的說明，本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解:其依然可以對前述各實(shí)施例所記載的技術(shù)方案進(jìn)行修改，或者對其中部分技術(shù)特征進(jìn)行等同替換；而這些修改或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明各實(shí)施例技術(shù)方案的精神和范圍。
【主權(quán)項(xiàng)】
1.一種網(wǎng)頁頁面布局的調(diào)整方法，其特征在于，包括: 根據(jù)預(yù)設(shè)的網(wǎng)格的大小，將網(wǎng)頁頁面劃分為網(wǎng)格單元； 將第一模塊元素從第一網(wǎng)格移動至目標(biāo)網(wǎng)格，所述第一網(wǎng)格包括至少一個所述網(wǎng)格單元，所述第一模塊元素用于承載所述第一網(wǎng)格上的數(shù)據(jù)內(nèi)容； 若所述第一網(wǎng)格的大小與所述目標(biāo)網(wǎng)格的大小不一致，則移動所述目標(biāo)網(wǎng)格對應(yīng)的目標(biāo)模塊元素，并調(diào)整所述目標(biāo)網(wǎng)格所占用網(wǎng)格單元的個數(shù)，以放置所述第一模塊元素。2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述若所述第一網(wǎng)格的大小與所述目標(biāo)網(wǎng)格的大小不一致，則移動所述目標(biāo)網(wǎng)格對應(yīng)的目標(biāo)模塊元素，并調(diào)整所述目標(biāo)網(wǎng)格所占用網(wǎng)格單元的個數(shù)，以放置所述第一模塊元素，包括: 若所述第一網(wǎng)格的大小大于所述目標(biāo)網(wǎng)格的大小，則移動所述目標(biāo)模塊元素，以及與所述目標(biāo)模塊元素相鄰的相鄰模塊元素，以使所述目標(biāo)網(wǎng)格的大小與所述相鄰模塊元素所占用的網(wǎng)格大小之和滿足所述第一網(wǎng)格的大小要求。3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述若所述第一網(wǎng)格的大小與所述目標(biāo)網(wǎng)格的大小不一致，則移動所述目標(biāo)網(wǎng)格對應(yīng)的目標(biāo)模塊元素，并調(diào)整所述目標(biāo)網(wǎng)格所占用網(wǎng)格單元的個數(shù)，以放置所述第一模塊元素，包括: 若所述第一網(wǎng)格的大小小于所述目標(biāo)網(wǎng)格的大小，則移動所述目標(biāo)模塊元素，并確定所述第一網(wǎng)格的大小與所述目標(biāo)網(wǎng)格的大小的差值； 從網(wǎng)頁頁面上的其他模塊元素中確定占用網(wǎng)格大小與所述差值大小相等的第二模塊元素，并將所述第二模塊元素移動至所述目標(biāo)網(wǎng)格中，所述其他模塊元素為除了所述目標(biāo)模塊元素和所述第一模塊元素之外的模塊元素。4.根據(jù)權(quán)利要求1至3中任一項(xiàng)所述的方法，其特征在于，還包括: 若所述第一網(wǎng)格的大小與所述目標(biāo)網(wǎng)格的大小一致，則移動所述目標(biāo)模塊元素至所述第一網(wǎng)格中。5.根據(jù)權(quán)利要求1至3中任一項(xiàng)所述的方法，其特征在于，所述調(diào)整所述目標(biāo)網(wǎng)格所占用網(wǎng)格單元的個數(shù)，以放置所述第一模塊元素之后，還包括: 若存在所占用網(wǎng)格大小與所述第一網(wǎng)格大小相互匹配的第三模塊元素，則將所述第三模塊元素移動至所述第一網(wǎng)格中。6.一種網(wǎng)頁頁面布局的調(diào)整裝置，其特征在于，包括: 網(wǎng)格劃分模塊，用于根據(jù)預(yù)設(shè)的網(wǎng)格的大小，將網(wǎng)頁頁面劃分為網(wǎng)格單元； 移動模塊，用于將第一模塊元素從第一網(wǎng)格移動至目標(biāo)網(wǎng)格，所述第一網(wǎng)格包括至少一個所述網(wǎng)格單元，所述第一模塊元素用于承載所述第一網(wǎng)格上的數(shù)據(jù)內(nèi)容； 網(wǎng)格調(diào)整模塊，用于若所述第一網(wǎng)格的大小與所述目標(biāo)網(wǎng)格的大小不一致，則移動所述目標(biāo)網(wǎng)格對應(yīng)的目標(biāo)模塊元素，并調(diào)整所述目標(biāo)網(wǎng)格所占用網(wǎng)格單元的個數(shù)，以放置所述第一模塊元素。7.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述網(wǎng)格調(diào)整模塊，具體用于: 若所述第一網(wǎng)格的大小大于所述目標(biāo)網(wǎng)格的大小，則移動所述目標(biāo)模塊元素，以及與所述目標(biāo)模塊元素相鄰的相鄰模塊元素，以使所述目標(biāo)網(wǎng)格的大小與所述相鄰模塊元素所占用的網(wǎng)格大小之和滿足所述第一網(wǎng)格的大小要求。8.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述網(wǎng)格調(diào)整模塊，具體用于: 若所述第一網(wǎng)格的大小小于所述目標(biāo)網(wǎng)格的大小，則移動所述目標(biāo)模塊元素，并確定所述第一網(wǎng)格的大小與所述目標(biāo)網(wǎng)格的大小的差值； 從網(wǎng)頁頁面上的其他模塊元素中確定占用網(wǎng)格大小與所述差值大小相等的第二模塊元素，并將所述第二模塊元素移動至所述目標(biāo)網(wǎng)格中，所述其他模塊元素為除了所述目標(biāo)模塊元素和所述第一模塊元素之外的模塊元素。9.根據(jù)權(quán)利要求6至8中任一項(xiàng)所述的裝置，其特征在于，所述網(wǎng)格調(diào)整模塊，還用于: 若所述第一網(wǎng)格的大小與所述目標(biāo)網(wǎng)格的大小一致，則移動所述目標(biāo)模塊元素至所述第一網(wǎng)格中。10.根據(jù)權(quán)利要求6至8中任一項(xiàng)所述的裝置，其特征在于，還包括: 匹配模塊，用于若存在所占用網(wǎng)格大小與所述第一網(wǎng)格大小相互匹配的第三模塊元素，則將所述第三模塊元素移動至所述第一網(wǎng)格中。
【專利摘要】本發(fā)明提供一種網(wǎng)頁頁面布局的調(diào)整方法及裝置，其中，該方法包括：根據(jù)預(yù)設(shè)的網(wǎng)格的大小，將網(wǎng)頁頁面劃分為網(wǎng)格單元；將第一模塊元素從第一網(wǎng)格移動至目標(biāo)網(wǎng)格，第一網(wǎng)格包括至少一個網(wǎng)格單元，第一模塊元素用于承載第一網(wǎng)格上的數(shù)據(jù)內(nèi)容；若第一網(wǎng)格的大小與目標(biāo)網(wǎng)格的大小不一致，則移動目標(biāo)網(wǎng)格對應(yīng)的目標(biāo)模塊元素，并調(diào)整目標(biāo)網(wǎng)格所占用網(wǎng)格單元的個數(shù)，以放置第一模塊元素。實(shí)現(xiàn)了將第一模塊元素移動到目標(biāo)模塊元素所在的目標(biāo)網(wǎng)格處的時候，而第一模塊元素與目標(biāo)模塊元素的大小不一致，第一模塊元素不會與目標(biāo)模塊元素產(chǎn)生重疊，不妨礙網(wǎng)頁上模塊元素的內(nèi)容的展示。
【IPC分類】G06F17/30
【公開號】CN105608084
【申請?zhí)枴緾N201410648064
【發(fā)明人】劉陽
【申請人】北大方正集團(tuán)有限公司, 北京北大方正電子有限公司
【公開日】2016年5月25日
【申請日】2014年11月14日