前言
UI適配，一直都是開(kāi)發(fā)過(guò)程中極其惡心的問(wèn)題。不過(guò)一旦吃透適配的原理，這塊“食之無(wú)味，棄之可惜”的雞肋問(wèn)題就可以迎刃而解。比如前段時(shí)間，頭條的解決方案...因?yàn)椴蛔岆S意貼外鏈，這里就不貼了，不貼也沒(méi)啥問(wèn)題，很容易百度...
時(shí)間過(guò)了這么久，為啥單獨(dú)搞了一篇關(guān)于UI適配的文章了？一是因?yàn)樽罱ぷ餍枨螅欢窃谶m配的過(guò)程中學(xué)到了一些其他布局的用法，所以算是一篇近期工作總結(jié)性質(zhì)的文章。
OK，開(kāi)整。
一、為什么需要適配
我們都知道由于Android手機(jī)分辨率碎片化及其嚴(yán)重，即使google推出了dp效果也同樣不盡如人意。那么咱們先來(lái)明確第一個(gè)問(wèn)題：為什么dp效果并不好。
提到dp，咱們不得不提到幾個(gè)公式：
- px = density * dp;
- density = dpi / 160;
- px = dp * (dpi / 160);
我們可以看到，dp和px之間的轉(zhuǎn)換和dpi有著密不可分的關(guān)系。那么它又是怎么算出來(lái)的呢？上一張圖：
說(shuō)白了，dpi就是手機(jī)斜邊除以屏幕尺寸
從上述的公式，我們可以看出，dpi的本質(zhì)和手機(jī)屏幕的物理寬高有著直接的關(guān)系。
接下來(lái)我們看倆款手機(jī)：
1、屏幕分辨率：1920*1080，屏幕尺寸：5吋的話，那么dpi約為440。
那么這種情況下1dp=2.75px。
2、屏幕分辨率：1920*1080，屏幕尺寸：6吋的話，那么dpi約為367。
那么這種情況下1dp=2.3px。
因此我們可以看出來(lái)，對(duì)于不同的手機(jī)來(lái)說(shuō)，如果它們的分辨率相同，但屏幕尺寸不同。那么即使dp相同，真正到手機(jī)上去展示時(shí)仍然會(huì)出現(xiàn)問(wèn)題。
因此我們就需要進(jìn)行適配…
二、百分比布局（ConstraintLayout）
最初為了適配，各種以百分比為核心的適配思想層出不窮。百分比布局的出現(xiàn)就是其中之一。這次咱們通過(guò)ConstraintLayout來(lái)聊一聊百分比。
ConstraintLayout，可以通過(guò)各種約束關(guān)系將復(fù)雜的布局簡(jiǎn)單化，極大的降低layout的層級(jí)關(guān)系（減少UI繪制所帶來(lái)的時(shí)間消耗）。
ConstraintLayout同樣擁有極強(qiáng)的百分比布局能力。
比如：
- layout_constraintHorizontal_bias
- layout_constraintVertical_bias
<android.support.constraint.ConstraintLayout ...> <Button android:id="@+id/button" ... App:layout_constraintHorizontal_bias="0.3" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent/> </android.support.constraint.ConstraintLayout>
簡(jiǎn)單來(lái)說(shuō)現(xiàn)在的Buttom擁有父布局寬度30%的左邊距
還有一種有趣的方式，那就是使用Guideline，比如這樣：
<androidx.constraintlayout.widget.Guideline android:id="@+id/effect_guideline" android:layout_width="wrap_content" android:orientation="vertical" app:layout_constraintGuide_percent="0.66" android:layout_height="wrap_content" />
創(chuàng)建一個(gè)擁有左間距66%的Guideline
有了Guideline我們可以隨意基于這個(gè)約束進(jìn)行布局，當(dāng)然如果需要橫向的Guideline，只需要改android:orientation=""即可。
當(dāng)然還有：
- layout_constraintWidth_percent
- layout_constraintHeight_percent
直接將寬高設(shè)置為父級(jí)的百分比。
注意android:layout_width、android:layout_height的優(yōu)先級(jí)會(huì)高于它們倆。
尾聲
今天寫(xiě)聊的東西就這么多，應(yīng)該很通俗易懂而且個(gè)人感覺(jué)比較有實(shí)戰(zhàn)意義。雖然內(nèi)容有些少，哈哈。
