[發(fā)明專利]對界面控件進行適配的方法及裝置

有效

• 申請?zhí)枺?/td>: 201610153524.3
• 申請日: 2016-03-17
• 公開（公告）號: CN105760178B
• 公開（公告）日: 2019-03-26
• 發(fā)明（設計）人: 郭尚禮;林健;吳昊
• 申請（專利權）人: 網(wǎng)易（杭州）網(wǎng)絡有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京律智知識產(chǎn)權代理有限公司 11438
• 代理人: 姜怡;闞梓瑄

1.一種對界面控件進行適配的方法，其特征在于，包括：

獲取設備的屏幕分辨率、屏幕尺寸大小和PPI值；

從預設的多個設計分辨率中選取與所述屏幕分辨率的寬高比最接近的一設計分辨率，并根據(jù)選取的設計分辨率與所述設備的屏幕尺寸大小計算出一設計PPI值；

將畫布按照所述設計分辨率的橫向分辨率進行等比例縮放，然后在縱向上進行縮放；

按照所述設計PPI值與所述設備PPI值的比值，對控件進行縮放；

選取一中間分辨率，所述中間分辨率的寬度與所述設計分辨率的寬度相同，所述中間分辨率的寬高比與所述設備分辨率的寬高比相同；

將畫布按照所述中間分辨率在縱向上進行縮放；

將畫布按照所述中間分辨率與所述設備分辨率的比值進行等比例縮放。

2.如權利要求1所述的方法，其特征在于，所述選取與所述屏幕分辨率的寬高比最接近的一設計分辨率和一設計PPI值包括：預設多個所述設計分辨率，計算所述屏幕分辨率的寬高比和每個所述設計分辨率的寬高比，計算所述屏幕分辨率的寬高比與每個所述設計分辨率的寬高比的比值，其中，計算所述比值時，選取所述屏幕分辨率的寬高比與所述設計分辨率的寬高比中數(shù)值較大的除以數(shù)值較小的，選取所述比值較小的作為選取的設計分辨率。

3.如權利要求1所述的方法，其特征在于，所述控件包括自適應控件和可定義控件，所述可定義控件支持定義三種屬性，包括縮放比例、位置類型和相對位置。

4.如權利要求3所述的方法，其特征在于，所述將畫布按照所述設計分辨率的橫向分辨率進行等比例縮放，然后在縱向上進行縮放包括：對所述自適應控件按照左上、左下、右上、右下和居中5種類型，分別對應左上參考點、左下參考點、右上參考點、右下參考點和中點的距離進行位置調整；對可定義控件按照設計配置表中定義的位置類型和相對位置進行位置調整。

5.如權利要求3所述的方法，其特征在于，所述將畫布按照所述中間分辨率在縱向上進行縮放包括：對所述自適應控件按照左上、左下、右上、右下和居中5種類型，分別對應左上參考點、左下參考點、右上參考點、右下參考點和中點的距離進行縱向調整；對可定義控件按照設計配置表中定義的位置類型和相對位置進行縱向調整。

6.如權利要求1所述的方法，其特征在于，還包括：針對全屏畫布，在畫布最上端和最下端預先設計延伸底圖，以預留畫布縱向縮放時的裁剪需要。

7.一種對界面控件進行適配的裝置，其特征在于：包括：

獲取設備信息模塊，用于獲取設備的屏幕分辨率、屏幕尺寸大小和PPI值；

選取設計方案模塊，用于從預設的多個設計分辨率中選取與所述屏幕分辨率的寬高比最接近的一設計分辨率，并根據(jù)選取的設計分辨率與所述設備的屏幕尺寸大小計算出一設計PPI值；

設計分辨率縮放模塊，用于將畫布按照所述設計分辨率的橫向分辨率進行等比例縮放，然后在縱向上進行縮放；

PPI縮放模塊，用于按照所述設計PPI值與所述設備PPI值的比值，對控件進行縮放；

中間分辨率縮放模塊，用于選取一中間分辨率，所述中間分辨率的寬度與所述設計分辨率的寬度相同，所述中間分辨率的寬高比與所述設備分辨率的寬高比相同，將畫布按照所述中間分辨率在縱向上進行縮放；

設備分辨率縮放模塊，用于將畫布按照所述中間分辨率與所述設備分辨率的比值進行等比例縮放。

8.如權利要求7所述的裝置，其特征在于，所述選取設計方案模塊還用于：預設多個所述設計分辨率，計算所述屏幕分辨率的寬高比和每個所述設計分辨率的寬高比，計算所述屏幕分辨率的寬高比與每個所述設計分辨率的寬高比的比值，其中，計算所述比值時，選取所述屏幕分辨率的寬高比與所述設計分辨率的寬高比中數(shù)值較大的除以數(shù)值較小的，選取所述比值較小的作為選取的設計分辨率。

9.如權利要求8所述的裝置，其特征在于，所述控件包括自適應控件和可定義控件，所述可定義控件支持定義三種屬性，包括縮放比例、位置類型和相對位置。