[發(fā)明專利]移動(dòng)端界面的適配方法、裝置、移動(dòng)終端及存儲(chǔ)介質(zhì)

在審

• 申請(qǐng)?zhí)枺?/td>: 201810524418.0
• 申請(qǐng)日: 2018-05-28
• 公開(kāi)（公告）號(hào): CN108829474A
• 公開(kāi)（公告）日: 2018-11-16
• 發(fā)明（設(shè)計(jì)）人: 胡建
• 申請(qǐng)（專利權(quán)）人: 深圳市共進(jìn)電子股份有限公司
• 主分類號(hào): G06F9/451
• 分類號(hào): G06F9/451;G06F3/0481
• 代理公司: 深圳青年人專利商標(biāo)代理有限公司 44350
• 代理人: 傅俏梅

本發(fā)明適用計(jì)算機(jī)技術(shù)領(lǐng)域，提供了一種移動(dòng)端界面的適配方法、裝置、移動(dòng)終端及存儲(chǔ)介質(zhì)，該方法包括：根據(jù)預(yù)設(shè)的主流設(shè)備獨(dú)立像素、預(yù)設(shè)的響應(yīng)式布局方式，對(duì)設(shè)計(jì)稿上的圖片元素進(jìn)行調(diào)整，根據(jù)預(yù)設(shè)的字體格式，對(duì)設(shè)計(jì)稿上的文字元素進(jìn)行調(diào)整，根據(jù)調(diào)整后的圖片元素和調(diào)整后的文字元素，生成設(shè)計(jì)稿對(duì)應(yīng)的移動(dòng)端界面并輸出，從而通過(guò)多種調(diào)整方式的結(jié)合，有效地移動(dòng)端界面適配的靈活性，進(jìn)而提高了移動(dòng)端界面適配效果。

技術(shù)領(lǐng)域

本發(fā)明屬于計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種移動(dòng)端界面的適配方法、裝置、移動(dòng)終端及存儲(chǔ)介質(zhì)。

背景技術(shù)

移動(dòng)終端的界面適配是指設(shè)計(jì)一種適配方案，在主流移動(dòng)終端上都能達(dá)到比較好的效果，使用戶看起來(lái)比較舒適，同時(shí)也不違背終端大屏幕的初衷，即在更大的終端上用戶可以在不翻頁(yè)的情況下看到更多的內(nèi)容。目前移動(dòng)終端的飛速發(fā)展，追求的是在5寸到6寸的移動(dòng)終端上達(dá)到很好的效果，同時(shí)在尺寸更大的平板設(shè)備上也能看起來(lái)舒適。

由于移動(dòng)終端的屏幕分辨率、屏幕尺寸、屏幕長(zhǎng)寬比各不相同，還有移動(dòng)終端上系統(tǒng)、瀏覽器的多樣性，目前移動(dòng)終端的界面適配仍然沒(méi)有一種方案能夠很好地適配大部分的主流移動(dòng)終端，界面適配的靈活性不足，導(dǎo)致適配效果不佳。

發(fā)明內(nèi)容

本發(fā)明的目的在于提供一種移動(dòng)端界面的適配方法、裝置、移動(dòng)終端及存儲(chǔ)介質(zhì)，旨在解決由于現(xiàn)有技術(shù)無(wú)法提供一種有效的移動(dòng)端界面的適配方法，導(dǎo)致移動(dòng)端界面的適配效果不佳、用戶體驗(yàn)不佳的問(wèn)題。

一方面，本發(fā)明提供了一種移動(dòng)端界面的適配方法，所述方法包括下述步驟：

根據(jù)預(yù)設(shè)的主流設(shè)備獨(dú)立像素、預(yù)設(shè)的響應(yīng)式布局方式，對(duì)預(yù)先設(shè)計(jì)好的設(shè)計(jì)稿上的圖片元素進(jìn)行調(diào)整；

根據(jù)預(yù)設(shè)的字體格式，對(duì)所述設(shè)計(jì)稿上的文字元素進(jìn)行調(diào)整；

根據(jù)調(diào)整后的所述圖片元素和調(diào)整后的所述文字元素，生成所述設(shè)計(jì)稿對(duì)應(yīng)的移動(dòng)端界面并輸出。

另一方面，本發(fā)明提供了一種移動(dòng)端界面的適配裝置，所述裝置包括：

圖片調(diào)整單元，用于根據(jù)預(yù)設(shè)的主流設(shè)備獨(dú)立像素、預(yù)設(shè)的響應(yīng)式布局方式，對(duì)預(yù)先設(shè)計(jì)好的設(shè)計(jì)稿上的圖片元素進(jìn)行調(diào)整；

字體調(diào)整單元，用于根據(jù)預(yù)設(shè)的字體格式，對(duì)所述設(shè)計(jì)稿上的文字元素進(jìn)行調(diào)整；以及

移動(dòng)界面生成單元，用于根據(jù)調(diào)整后的所述圖片元素和調(diào)整后的所述文字元素，生成所述設(shè)計(jì)稿對(duì)應(yīng)的移動(dòng)端界面并輸出。

另一方面，本發(fā)明還提供了一種移動(dòng)終端，包括存儲(chǔ)器、處理器以及存儲(chǔ)在所述存儲(chǔ)器中并可在所述處理器上運(yùn)行的計(jì)算機(jī)程序，所述處理器執(zhí)行所述計(jì)算機(jī)程序時(shí)實(shí)現(xiàn)如上述移動(dòng)端界面的適配方法所述的步驟。

另一方面，本發(fā)明還提供了一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)存儲(chǔ)有計(jì)算機(jī)程序，所述計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)如上述移動(dòng)端界面的適配方法所述的步驟。

本發(fā)明在根據(jù)預(yù)設(shè)的主流設(shè)備獨(dú)立像素、預(yù)設(shè)的響應(yīng)式布局方式，對(duì)設(shè)計(jì)稿上的圖片元素進(jìn)行調(diào)整，根據(jù)預(yù)設(shè)的字體格式，對(duì)設(shè)計(jì)稿上的文字元素進(jìn)行調(diào)整，根據(jù)調(diào)整后的圖片元素和調(diào)整后的文字元素，生成設(shè)計(jì)稿對(duì)應(yīng)的移動(dòng)端界面并輸出，從而通過(guò)主流設(shè)備獨(dú)立像素、響應(yīng)式布局方式、字體格式等多種方式結(jié)合，有效地提高了移動(dòng)端界面的適配靈活性，進(jìn)而提高了移動(dòng)端界面的適配效果，提高了用戶體驗(yàn)。

附圖說(shuō)明

圖1是本發(fā)明實(shí)施例一提供的移動(dòng)端界面的適配方法的實(shí)現(xiàn)流程圖；

圖2是本發(fā)明實(shí)施例二提供的移動(dòng)端界面的適配裝置的結(jié)構(gòu)示意圖；

圖3是本發(fā)明實(shí)施例二提供的移動(dòng)端界面的適配裝置的優(yōu)選結(jié)構(gòu)示意圖；以及

圖4是本發(fā)明實(shí)施例三提供的移動(dòng)終端的結(jié)構(gòu)示意圖。