[發明專利]適用于左右雙屏的表單頁面自適配展示方法、裝置、計算機設備及計算機可讀存儲介質

在審

• 申請號: 202310481320.2
• 申請日: 2023-04-28
• 公開（公告）號: CN116578219A
• 公開（公告）日: 2023-08-11
• 發明（設計）人: 劉欣毅;韓云歡
• 申請（專利權）人: 北京洞悉網絡有限公司
• 主分類號: G06F3/0482
• 分類號: G06F3/0482;G06F3/04842;G06F3/04847;G06F9/451;G06F3/14
• 代理公司: 成都頂峰專利事務所(普通合伙) 51224
• 代理人: 曹源

本發明公開了一種適用于左右雙屏的表單頁面自適配展示方法、裝置、計算機設備及計算機可讀存儲介質，涉及表單頁面展示技術領域。該方法是先實時監聽在左右雙屏中的表單展示屏是否觸發屏幕尺寸變化事件，若觸發，則依次獲取表單展示屏的當前屏幕寬度、表單頁面的內容區域寬度、單行表單元素可展示數目和單個表單元素可展示寬度，根據表單頁面的表單元素總數與單行可展示表單元素數目的比較結果，判斷表單頁面的所有表單元素是否需要換行展示，在需要時根據單個表單元素可展示寬度，使用彈性盒子在所述表單展示屏中換行展示所有表單元素，如此可使表單頁面能夠隨著表單展示屏的尺寸大小變化情況而進行自動適配展示，保障用戶對表單數據的感知體驗。

技術領域

本發明屬于表單頁面展示技術領域，具體涉及一種適用于左右雙屏的表單頁面自適配展示方法、裝置、計算機設備及計算機可讀存儲介質。

背景技術

業務系統是指企業達成定位所需要的業務環節、各合作伙伴扮演的角色以及利益相關者合作與交易的方式和內容。在用戶通過用戶終端向業務系統的后臺服務器發起服務請求的過程中，常常需要所述用戶終端對反饋的表單數據進行基于UI(User?Interface，用戶界面)頁面形式的輸出展示。為了確保用戶對表單數據的感知體驗，如何使表單頁面(即用于展示表單數據的UI頁面)與展示屏幕相適配是非常重要的一個技術關鍵點。

當前市面上的業務系統項目主要提供的是使表單頁面與單屏幕相適配的靜態適配展示方案，即由于單屏幕的尺寸大小是固定不變的，因此在初步適配后，表單頁面適配展示策略是無需調整的。然而隨著屏幕展示技術的進一步發展，又出現了實現在同一設備上進行左右分屏展示的雙屏幕展示方案。在所述雙屏幕展示方案中，左側屏幕和右側屏幕均可分別獨立展示相同或不同的表單頁面，以及該左側屏幕和該右側屏幕的尺寸大小可通過拖動中間分界線左移或右移的方式進行動態調整，此時若仍采用現有的靜態適配展示方案，將會導致表單頁面與左/右側屏幕出現失配的情況，進而影響表單頁面適配展示效果以及用戶對表單數據的感知體驗。因此如何提供一種適用于左右雙屏的表單頁面自適配展示方案，以便使表單頁面與左/右側屏幕能夠自動適配，保障用戶對表單數據的感知體驗，是本領域技術人員亟需研究的課題。

發明內容

本發明的目的是提供一種適用于左右雙屏的表單頁面自適配展示方法、裝置、計算機設備及計算機可讀存儲介質，用以解決現有靜態適配展示技術在應用于雙屏幕展示方案時所存在會導致表單頁面與左/右側屏幕出現失配情況，進而影響表單頁面適配展示效果以及用戶對表單數據的感知體驗的問題。

為了實現上述目的，本發明采用以下技術方案：

第一方面，提供了一種適用于左右雙屏的表單頁面自適配展示方法，包括：

實時監聽在左右雙屏中的表單展示屏是否觸發屏幕尺寸變化事件，其中，所述表單展示屏是指用于展示表單頁面的屏幕；

若觸發，則獲取所述表單展示屏的當前屏幕寬度；

根據所述當前屏幕寬度，確定當前的且所述表單頁面的內容區域寬度；

根據所述內容區域寬度，確定當前的且在所述表單展示屏中的單行表單元素可展示數目以及單個表單元素可展示寬度；

根據所述表單頁面的表單元素總數與所述單行可展示表單元素數目的比較結果，判斷所述表單頁面的所有表單元素是否需要換行展示；

若需要，則根據所述單個表單元素可展示寬度，使用彈性盒display:flex布局模式的伸縮換行flex-wrap屬性在所述表單展示屏中換行展示所述所有表單元素。