[發明專利]一種屏幕尺寸適配方法和系統

在審

• 申請號: 201810991512.7
• 申請日: 2018-08-29
• 公開（公告）號: CN109189533A
• 公開（公告）日: 2019-01-11
• 發明（設計）人: 王進;邵丹薇;鄭雋一;儲丹
• 申請（專利權）人: 萬幫充電設備有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京超凡志成知識產權代理事務所(普通合伙) 11371
• 代理人: 魏彥

1.一種屏幕尺寸適配方法，其特征在于，應用于充電樁，所述方法包括如下步驟：

根據所述充電樁顯示屏的預設屏幕信息，計算得到屏幕寬度；

加載網頁頁面時，按照所述屏幕寬度將所述網頁頁面的原始設計稿寬度調整為目標設計稿寬度；

將所述顯示屏的顯示區域按照預設比例劃分成預設數量個目標單位區域，并確定每個所述目標單位區域內的像素點數量，所述預設比例為所述屏幕寬度與所述原始設計稿寬度的比例；

將所述目標設計稿中每個原始單位區域的像素點數量調整為所述目標單位區域內的像素點數量。

2.根據權利要求1所述的屏幕尺寸適配方法，其特征在于，所述方法還包括：

確定所述目標設計稿中的元素所占用原始單位區域的長度方向上的數量和寬度方向上的數量；

將所述長度方向上的數量乘以所述目標單位區域內的像素點數量，得到所述元素在所述顯示屏顯示時長度方向上所占用的像素點數量；

將所述寬度方向上的數量乘以所述目標單位區域內的像素點數量，得到所述元素在所述顯示屏顯示時寬度方向上所占用的像素點數量。

3.根據權利要求1所述的屏幕尺寸適配方法，其特征在于，所述根據所述充電樁顯示屏的預設屏幕信息，計算得到屏幕寬度，包括：

獲取所述充電樁顯示屏的屏幕信息，所述屏幕信息包括：屏幕尺寸及屏幕比例；

根據所述屏幕尺寸及所述屏幕比例計算所述屏幕寬度。

4.根據權利要求1所述的屏幕尺寸適配方法，其特征在于，所述按照所述屏幕寬度將所述網頁頁面的原始設計稿寬度調整為目標設計稿寬度，包括：

獲取所述網頁頁面的原始設計稿；

在所述設計稿中查找所述原始設計稿寬度設置字段；

按照所述屏幕寬度設置所述目標設計稿寬度設置字段的值。

5.根據權利要求1所述的屏幕尺寸適配方法，其特征在于，所述將所述顯示屏的顯示區域按照預設比例劃分成預設數量個目標單位區域，并確定每個所述目標單位區域內的像素點數量，包括：

獲取所述顯示區域的長度方向像素數量和寬度方向像像素數量；

將所述長度方向像素數量除以所述預設比例中的預設長度比例，得到每個單位區域內長度方向分布的像素點的數量；

將所述寬度方向像素數量除以所述預設比例中的預設寬度比例，得到每個單位區域內寬度方向分布的像素點的數量；

將所述長度方向分布的像素點的數量乘以所述寬度方向分布的像素點的數量，得到目標單位區域內像素點的數量。

6.根據權利要求1所述的屏幕尺寸適配方法，其特征在于，所述將所述目標設計稿中每個原始單位區域的像素點數量調整為所述目標單位區域內的像素點數量，包括：

獲取所述目標設計稿中用于設置原始單位區域占用像素點數量的設置字段；

按照所述目標單位區域內的像素點數量設置所述設置字段的值。

7.一種屏幕尺寸適配系統，應用于充電樁，其特征在于，包括：

第一計算模塊，所述第一計算模塊用于根據所述充電樁顯示屏的預設屏幕信息，計算得到屏幕寬度；

第一調整模塊，所述第一調整模塊在加載網頁頁面時，用按照所述屏幕寬度將所述網頁頁面的原始設計稿寬度調整為目標設計稿寬度；

劃分模塊，將所述顯示屏的顯示區域按照預設比例劃分成預設數量個目標單位區域；

第一確定模塊，所述第一確定模塊用于確定每個所述目標單位區域內的像素點數量；

第二調整模塊，所述二調整模塊用于將所述目標設計稿中每個原始單位區域的像素點數量調整為所述目標單位區域內的像素點數量。