從UI適配上，咱們能學到什麼

前言

UI適配，一直都是開發過程當中極其噁心的問題。不過一旦吃透適配的原理，這塊「食之無味，棄之惋惜」的雞肋問題就能夠迎刃而解。好比前段時間，我司的解決方案：字節跳動：一種極低成本的Android屏幕適配方式

時間過了這麼久，爲啥單獨搞了一篇關於UI適配的文章了？一是由於最近工做需求；二是在適配的過程當中學到了一些其餘佈局的用法，因此算是一篇近期工做總結性質的文章。

OK，開整。

1、爲何須要適配

咱們都知道因爲Android手機分辨率碎片化及其嚴重，即便Google推出了dp效果也一樣不盡如人意。那麼我們先來明確第一個問題：爲何dp效果並很差。

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

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

咱們能夠看到，dp和px之間的轉換和dpi有着密不可分的關係。那麼它又是怎麼算出來的呢？上一張圖：

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

從上述的公式，咱們能夠看出，dpi的本質和手機屏幕的物理寬高有着直接的關係。

接下來咱們看倆款手機：

一、屏幕分辨率：1920*1080，屏幕尺寸：5吋的話，那麼dpi約爲440。

那麼這種狀況下1dp=2.75px。

二、屏幕分辨率：1920*1080，屏幕尺寸：6吋的話，那麼dpi約爲367。

那麼這種狀況下1dp=2.3px。

所以咱們能夠看出來，對於不一樣的手機來講，若是它們的分辨率相同，但屏幕尺寸不一樣。那麼即便dp相同，真正到手機上去展現時仍然會出現問題。

所以咱們就須要進行適配...

2、百分比佈局（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" />
複製代碼

建立一個擁有左間距66%的Guideline

有了Guideline咱們能夠隨意基於這個約束進行佈局，固然若是須要橫向的Guideline，只須要改android:orientation=""便可。

固然還有：

• layout_constraintWidth_percent
• layout_constraintHeight_percent

直接將寬高設置爲父級的百分比。

注意android:layout_width、android:layout_height的優先級會高於它們倆。

尾聲

今天寫聊的東西就這麼多，應該很通俗易懂並且我的感受比較有實戰意義。雖然內容有些少，哈哈。

這周比較忙，一直沒抽出時間好好寫寫文章。一步步來吧~

我是一個應屆生，最近和朋友們維護了一個公衆號，內容是咱們在從應屆生過渡到開發這一路所踩過的坑，以及咱們一步步學習的記錄，若是感興趣的朋友能夠關注一下，一同加油~