螢幕設配介紹

2022-03-09 10:28:18 字數 1699 閱讀 1477

移動開發的螢幕適配是乙個難題,特別是android的手機種類太多,螢幕差異性很大。ios在iphone6之後也增加了很多種解析度,也需要更多的考慮螢幕適配問題。不同的系統都提供了不少螢幕適配的機制和方法,但是需要很多繁瑣細緻的設計和實現,deviceone統一了螢幕適配的方式,開發者無需對這種細節了解。

deviceone的基本適配本質上就是等比縮放,使用者在deviceone studio的設計區通過視覺化方式拖拽ui元件,其設計區是有大小的,ui元件的寬和設計區的寬,高和設計區的高的比值是不會變的,永遠是w2/w1和h2/h1,到不同的手機上執行,會根據螢幕的解析度自動等比例縮放從而達到螢幕的適配。同時字型的大小在不同的螢幕上也會自動適配。如下圖:

自動適配滿足大部分的ui展示,開發者無須關注適配問題。但是有一些特殊情況,比如按鈕在設計區是正圓,在不同的手機螢幕上就有可能會變成橢圓,這一點不能依靠基本的適配方式,deviceone也提供了很簡單的方法來解決這個問題。

這種適配機制就是解決上面提到的區域性變形問題而設計的。alayout是deviceone的乙個基礎布局,通常它也是乙個基礎ui,也適應於基礎適配,也就是等比例縮放。但是它有乙個屬性isstretch表明alayout裡的子ui是否遵循等比例縮放,預設這個屬性是true,如果設定為false,則這個alayout自身包括它內部的所有子ui不再遵循等比例縮放的原則,而是遵循最大比例縮放原則,比如上面的例子,如果正圓所在的alayout的isstretch屬性設定為false,則這個正圓在手機螢幕上的縮放會先保證寬高比也就是1不變的基礎上,再在alayout內部實行最大比例縮放,從而保證在任何手機螢幕上都是正圓。如下圖,我們可以看到正圓在設計區和移動螢幕區都是正圓:

以上二種適配機制能解決絕大部分的適配問題,開發者並不需要做太多工作。但是我們還提供乙個更精確的適配方式,但是需要開發者做不少額外的工作。

我們deviceone還提供另外一種手動適配的方案,能讓部分螢幕尺寸不是主流比例的裝置也能完美展現ui頁面。

下面說明一下這種方案:

在新建應用時,我們提供選擇一種最佳適配機型的螢幕尺寸,預設是iphone6的750x1334的大小,此時所有.ui頁面的尺寸都是按照這個比例來布局的;此時用一台iphone4的裝置來安裝該應用,在某些視覺效果要求極高的頁面中,比如應用的引導頁source:會看出在iphone4的螢幕中頁面稍微有些擠壓變形,因為iphone4的螢幕尺寸是640x960的,如果想要完美適配iphone4,可以在需要增加手動適配的頁面同級目錄下增加對於iphone4的適配頁面,只要在頁面名稱後加上下劃線和需要適配螢幕的尺寸即可,即在source://目錄下增加與index.ui同級的index_640x960.ui,裡面的展示換成根據iphone4尺寸定製的內容就完成了手動適配:

注意是640x960而不是640*960

只要手機是640x960解析度的螢幕進入應用時,就會自動去解析index_640x960.ui,而不是去解析index.ui,從而達到完美的適配效果;更棒的是,增加的手動適配頁面與原頁面是公用一套邏輯**的,不需要寫兩套**,在index.ui.js裡呼叫的api,在index_640x960.ui頁面也可呼叫,只需在index.ui.js中定義好即可。

安卓 螢幕適配介紹

主流螢幕 1280 720,遵循原則 不用absolutelayout 絕對布局 多用相對布局 線性布局 權重 要用dp,不用px 開發後期,在不同解析度螢幕上測試 480 800,1920 1080 假設沒出現太大問題 影響正常使用 就能夠上線 假設後期測出問題怎麼辦?不是非經常常使用 不是非經常...

10款螢幕取色器介紹

pickerthe color picker the color picker.exe 2.eyedroppereyedropper eyedropper.exe 廢客取色器 萬能取色器 v1.5 5.鬧猴螢幕取色精靈idealgetcolor 也叫鬧猴螢幕取色精靈 1.2 是一款比較強大的螢幕取色...

Android主流螢幕解析度介紹

對於android遊戲開發我們不得不像iphone那樣思考相容android平板電腦,蘋果要考慮ipad iphone 3gs和iphone 4等螢幕之間的相容性,對於開發android遊戲而言也不例外,考慮的機型更多。常規的我們可能只考慮qvga,hvga,wvga,fwvga和dvga,但是拋去...