[發明專利]一種頁面布局信息確定方法及裝置

在審

• 申請號: 202210241433.0
• 申請日: 2022-03-11
• 公開（公告）號: CN114579242A
• 公開（公告）日: 2022-06-03
• 發明（設計）人: 胡淵;白杰;張奇峰;辛麗娟
• 申請（專利權）人: 中國工商銀行股份有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京三友知識產權代理有限公司 11127
• 代理人: 崔博;湯在彥

本發明提供一種頁面布局信息確定方法及裝置，涉及數據處理技術領域，可用于金融領域或其他技術領域。所述方法包括：若監聽到頁面寬度發生變化，則計算初始頁面布局信息；根據變化后的頁面寬度和所述初始頁面布局信息，確定與預配置的頁面布局信息計算方式對應變化后的頁面布局信息。所述裝置執行上述方法。本發明實施例提供的頁面布局信息確定方法及裝置，由于預配置的頁面布局信息計算方式為具體的定量計算方式，因此可以定量計算出頁面布局信息的具體計算數值，提高頁面布局的精細化程度，也提升了頁面布局展示效果。

技術領域

本發明涉及數據處理技術領域，具體涉及一種頁面布局信息確定方法及裝置。

背景技術

在常見的后臺管理系統中，卡片組件即卡片，是一種常見的展示需求，但是這類需求很難實現較好的展示效果，主要原因包括：PC分辨率不統一，用戶在進入頁面時候，由于頁面寬度不一致，而且用戶在訪問頁面的時候，有時會改變頁面寬度來做一些其他工作，所以，在頁面布局的時候不光要考慮到首屏寬度，還要考慮到頁面寬度動態變化的情況。

現有技術通過定性增加或者減少卡片個數，以及對卡片寬度進行縮放的方式適應頁面寬度動態變化的情況，但是，頁面布局方式的精細化程度不夠，使得頁面布局展示效果較差，例如容易出現過多的頁面留白等。

發明內容

針對現有技術中的問題，本發明實施例提供一種頁面布局信息確定方法及裝置，能夠至少部分地解決現有技術中存在的問題。

一方面，本發明提出一種頁面布局信息確定方法，包括：

若監聽到頁面寬度發生變化，則計算初始頁面布局信息；

根據變化后的頁面寬度和所述初始頁面布局信息，確定與預配置的頁面布局信息計算方式對應變化后的頁面布局信息。

其中，所述初始頁面布局信息包括初始卡片外邊距和初始卡片個數；相應的，所述根據變化后的頁面寬度和所述初始頁面布局信息，確定與預配置的頁面布局信息計算方式對應變化后的頁面布局信息，包括：

根據所述變化后的頁面寬度、所述初始卡片外邊距和所述初始卡片個數，計算所述頁面布局信息中的卡片寬度。

其中，所述初始頁面布局信息包括初始卡片寬度和初始卡片個數；相應的，所述根據變化后的頁面寬度和所述初始頁面布局信息，確定與預配置的頁面布局信息計算方式對應變化后的頁面布局信息，包括：

根據所述變化后的頁面寬度、所述初始卡片寬度和所述初始卡片個數，計算所述頁面布局信息中的卡片外邊距。

其中，所述初始頁面布局信息包括初始卡片寬度、初始卡片個數和初始卡片外邊距；相應的，所述根據變化后的頁面寬度和所述初始頁面布局信息，確定與預配置的頁面布局信息計算方式對應變化后的頁面布局信息，包括：

根據所述變化后的頁面寬度、所述初始卡片寬度、所述初始卡片個數和所述初始卡片外邊距，計算所述頁面布局信息中的頁面內邊距。

其中，所述頁面布局信息包括卡片寬度、卡片外邊距和卡片個數；相應的，所述頁面布局信息確定方法還包括：

若根據所述卡片寬度、所述卡片外邊距和頁面寬度計算出的計算結果大于預設留白寬度，則對所述卡片個數進行調整；

根據調整后的卡片個數、所述卡片外邊距和所述頁面寬度，計算優化調整后的卡片寬度。

其中，根據所述卡片寬度、所述卡片外邊距和頁面寬度計算所述計算結果，包括：

計算所述頁面寬度與所述卡片外邊距之間的差值；

計算所述差值與所述卡片寬度的余數，并將所述余數作為所述計算結果。

其中，所述根據調整后的卡片個數、所述卡片外邊距和所述頁面寬度，計算優化調整后的卡片寬度，包括：