[發明專利]Web窗口的動態布局方法、裝置、電子設備及可讀存儲介質

有效

• 申請號: 201910340143.X
• 申請日: 2019-04-25
• 公開（公告）號: CN111814087B
• 公開（公告）日: 2023-03-14
• 發明（設計）人: 王斯杰;鄭瀚;黃森斌;嚴媛媛;林順
• 申請（專利權）人: 廈門雅基軟件有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F9/451
• 代理公司: 北京市立方律師事務所 11330
• 代理人: 張筱寧

1.一種Web窗口的動態布局方法，其特征在于，任一Web窗口中包括至少一個Web面板，所述方法包括：

檢測到針對屬于第一Web窗口的第一Web面板的移動起始指令時，依據所述移動起始指令，將所述第一Web面板的數據信息發送至預置的數據中心；

檢測到針對所述第一Web面板的移動結束指令時，所述移動結束指令包括移動終點位置信息，確定所述移動終點位置信息對應的Web窗口；

從所述數據中心獲取所述第一Web面板的數據信息，將所獲取的所述數據信息與所述移動終點位置信息對應的Web窗口進行數據比對，若數據比對結果為允許放置布局，則在所述移動終點位置信息對應的Web窗口中放置所述第一Web面板；

重新計算并刷新所述移動終點位置信息對應的Web窗口當前的布局信息。

2.根據權利要求1所述的Web窗口的動態布局方法，其特征在于，所述移動終點位置信息對應的Web窗口為第二Web窗口。

3.根據權利要求2所述的Web窗口的動態布局方法，其特征在于，檢測到針對所述第一Web面板的移動結束指令后，還包括：

檢測是否存在任一Web面板正在執行放置所述第一Web面板的操作；

如有，則在所述第一Web窗口中關閉所述第一Web面板。

4.根據權利要求2所述的Web窗口的動態布局方法，其特征在于，在所述第二Web窗口中放置所述第一Web面板的步驟包括：

當所述移動終點位置信息位于所述第二Web窗口中的第二Web面板內時，調整所述第二Web面板的大小和/或位置，將所述第一Web面板放置于所述移動終點位置信息對應的位置上。

5.根據權利要求4所述的Web窗口的動態布局方法，其特征在于，所述調整所述第二Web面板的大小和/或位置的步驟包括：

根據所述第二Web面板在所述第二Web窗口上的尺寸信息，以預定比例將所述第二Web面板沿自身一側邊沿縮小。

6.根據權利要求2所述的Web窗口的動態布局方法，其特征在于，在所述第二Web窗口中放置所述第一Web面板的步驟包括：

當所述移動終點位置信息位于所述第二Web窗口中若干個第三Web面板的交界位置處時，調整所述第二Web窗口上若干個所述第三Web面板的大小和/或位置，將所述第一Web面板放置于所述移動終點位置信息對應的位置上。

7.根據權利要求6所述的Web窗口的動態布局方法，其特征在于，所述調整所述第二Web窗口上若干個所述第三Web面板的大小和/或位置包括：

根據第二Web窗口上若干個所述第三Web面板與所述第一Web面板的空間尺寸比例，將所述第一Web面板縮小或放大，將所述第二Web窗口上若干個所述第三Web面板縮小。

8.根據權利要求1所述的Web窗口的動態布局方法，其特征在于，當所述移動終點位置信息對應的Web窗口為所述第一Web窗口，所述在所述移動終點位置信息對應的Web窗口中放置所述第一Web面板，包括：

在所述第一Web窗口中的新位置放置所述第一Web面板；所述新位置為所述移動終點位置信息對應的位置。

9.根據權利要求1所述的Web窗口的動態布局方法，其特征在于，

所述將所述第一Web面板的數據信息發送至預置的數據中心的步驟之后，還包括：

確定所述第一Web面板存在于第二Web窗口中；

激活所述第二Web窗口。

10.根據權利要求1～9任一所述的Web窗口的動態布局方法，其特征在于，所述Web面板為HTML元素。