前言

UI適配，一直都是開發過程中極其惡心的問題。不過一旦吃透適配的原理，這塊“食之無味，棄之可惜”的雞肋問題就可以迎刃而解。比如前段時間，頭條的解決方案...因為不讓隨意貼外鏈，這里就不貼了，不貼也沒啥問題，很容易百度...

時間過了這么久，為啥單獨搞了一篇關于UI適配的文章了？一是因為最近工作需求；二是在適配的過程中學到了一些其他布局的用法，所以算是一篇近期工作總結性質的文章。

OK，開整。

一、為什么需要適配

我們都知道由于Android手機分辨率碎片化及其嚴重，即使google推出了dp效果也同樣不盡如人意。那么咱們先來明確第一個問題：為什么dp效果并不好。

提到dp，咱們不得不提到幾個公式：

px = density * dp;
density = dpi / 160;
px = dp * (dpi / 160);

我們可以看到，dp和px之間的轉換和dpi有著密不可分的關系。那么它又是怎么算出來的呢？上一張圖：

說白了，dpi就是手機斜邊除以屏幕尺寸

從上述的公式，我們可以看出，dpi的本質和手機屏幕的物理寬高有著直接的關系。

接下來我們看倆款手機：

1、屏幕分辨率：1920*1080，屏幕尺寸：5吋的話，那么dpi約為440。

那么這種情況下1dp=2.75px。

2、屏幕分辨率：1920*1080，屏幕尺寸：6吋的話，那么dpi約為367。

那么這種情況下1dp=2.3px。

因此我們可以看出來，對于不同的手機來說，如果它們的分辨率相同，但屏幕尺寸不同。那么即使dp相同，真正到手機上去展示時仍然會出現問題。

因此我們就需要進行適配…

二、百分比布局（ConstraintLayout）

最初為了適配，各種以百分比為核心的適配思想層出不窮。百分比布局的出現就是其中之一。這次咱們通過ConstraintLayout來聊一聊百分比。

ConstraintLayout，可以通過各種約束關系將復雜的布局簡單化，極大的降低layout的層級關系（減少UI繪制所帶來的時間消耗）。

ConstraintLayout同樣擁有極強的百分比布局能力。

比如：

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>

簡單來說現在的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" />