[發明專利]移動端界面的適配方法、裝置、移動終端及存儲介質

在審

• 申請號: 201810524418.0
• 申請日: 2018-05-28
• 公開（公告）號: CN108829474A
• 公開（公告）日: 2018-11-16
• 發明（設計）人: 胡建
• 申請（專利權）人: 深圳市共進電子股份有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F3/0481
• 代理公司: 深圳青年人專利商標代理有限公司 44350
• 代理人: 傅俏梅

1.一種移動端界面的適配方法，其特征在于，所述方法包括下述步驟：

根據預設的主流設備獨立像素、預設的響應式布局方式，對預先設計好的設計稿上的圖片元素進行調整；

根據預設的字體格式，對所述設計稿上的文字元素進行調整；

根據調整后的所述圖片元素和調整后的所述文字元素，生成所述設計稿對應的移動端界面并輸出。

2.如權利要求1所述的方法，其特征在于，對預先設計好的設計稿上的圖片元素進行調整的步驟，包括：

判斷所述圖片元素的寬度與所述主流設備獨立像素的寬度是否一致；

當所述圖片元素的寬度與所述主流設備獨立像素的寬度一致時，根據所述主流設備獨立像素的寬度與所述設計稿的寬度之間的比值，對所述圖片元素的寬度、高度進行調整。

3.如權利要求1所述的方法，其特征在于，對預先設計好的設計稿上的圖片元素進行調整的步驟，還包括：

當所述圖片元素的寬度與所述主流設備獨立像素的寬度不一致時，判斷所述圖片元素的寬度是否小于預設的設備獨立像素寬度閾值；

當所述圖片元素的寬度小于所述設備獨立像素寬度閾值時，保持所述圖片元素的寬度、高度不變。

4.如權利要求1所述的方法，其特征在于，對預先設計好的設計稿上的圖片元素進行調整的步驟，還包括：

當所述圖片元素的寬度與所述主流設備獨立像素的寬度不一致、且所述圖片元素的寬度不小于所述設備獨立像素寬度閾值時，根據預設的百分比，對所述圖片元素的寬度、高度進行調整。

5.如權利要求1所述的方法，其特征在于，對預先設計好的設計稿上的圖片元素進行調整的步驟，還包括：

當所述圖片元素為所述設計稿的底部操作欄、且調整后的所述設計稿要求恰好布滿移動終端的顯示屏幕時，通過所述響應式布局方式對所述圖片元素的寬度、高度進行調整。

6.一種移動端界面的適配裝置，其特征在于，所述裝置包括：

圖片調整單元，用于根據預設的主流設備獨立像素、預設的響應式布局方式，對預先設計好的設計稿上的圖片元素進行調整；

字體調整單元，用于根據預設的字體格式，對所述設計稿上的文字元素進行調整；以及

移動界面生成單元，用于根據調整后的所述圖片元素和調整后的所述文字元素，生成所述設計稿對應的移動端界面并輸出。

7.如權利要求6所述的裝置，其特征在于，所述圖片調整單元包括：

第一寬度判斷單元，用于判斷所述圖片元素的寬度與所述主流設備獨立像素的寬度是否一致；以及

第一尺寸調整單元，用于當所述圖片元素的寬度與所述主流設備獨立像素的寬度一致時，根據所述主流設備獨立像素的寬度與所述設計稿的寬度之間的比值，對所述圖片元素的寬度、高度進行調整。

8.如權利要求6所述的裝置，其特征在于，所述圖片調整單元還包括：

第二寬度判斷單元，用于當所述圖片元素的寬度與所述主流設備獨立像素的寬度不一致時，判斷所述圖片元素的寬度是否小于預設的設備獨立像素寬度閾值；以及

第二尺寸調整單元，用于當所述圖片元素的寬度小于所述設備獨立像素寬度閾值時，保持所述圖片元素的寬度、高度不變。

9.一種移動終端，包括存儲器、處理器以及存儲在所述存儲器中并可在所述處理器上運行的計算機程序，其特征在于，所述處理器執行所述計算機程序時實現如權利要求1至5任一項所述方法的步驟。

10.一種計算機可讀存儲介質，所述計算機可讀存儲介質存儲有計算機程序，其特征在于，所述計算機程序被處理器執行時實現如權利要求1至5任一項所述方法的步驟。