APP開發如何做好移動端的適配

 

APP開發中最麻煩的就是適配問題了，面對于不同的手機型號，不同的移動設備，特別是針對于屏幕高度的設計和適配，一直是困擾著APP開發人員。特別是設計師和APP開發人員之間的協調，溝通的成本也隨著增加。下面就介紹一些關于移動端適配問題的一些知識。

首先了解一些概念。什么是DPI、PPI？
DPI（Dots Per Inch）是測量空間點密度的單位，最初應用于打印技術中，它表示每英寸能打印上的墨滴數量。較小的DPI會產生不清晰的圖片。
后來DPI的概念也被應用到了計算機屏幕上，計算機屏幕一般采用PPI（Pixels Per Inch）來表示一英寸屏幕上顯示的像素點的數量，現在DPI也被引入。

屏幕分辨率對用戶如何理解設計有很大的影響。分辨率定義了屏幕上顯示的像素數量（比如：27寸的顯示器分辨率是2560 x 1440px，2560px是寬，1440px是高）。在了解了PPI之后，我們就知道它不是一個測量物理大小的單位。你可以有一個2560 x 1440屏幕，它能跟墻一般大，也可以跟腦袋一般小。
一個27寸的影院顯示屏，原始分辨率為2560 x 1440px，PPI為109。如果減小分辨率，元素將會顯示得更大，因為有23.5英寸的水平寬度需要數量遠遠不夠的像素點來填滿。

我們通常所說的顯示器分辨率，其實是指桌面設定的分辨率，而不是顯示器的物理分辨率。只不過現在液晶顯示器成為主流，由于液晶的顯示原理與CRT不同，只有在桌面分辨率與物理分辨率一致的情況下，顯示效果最佳，所以現在我們的桌面分辨率幾乎總是與顯示器的物理分辨率一致了。

什么是視網膜顯示屏?
“Retina（視網膜）顯示屏”是Apple公司在發布iPhone 4時引入的。之所以叫做Retina是因為設備的PPI非常高以至于人的視網膜也不能在屏幕上分辨出像素點來。
這個說法在現在的設備的屏幕范圍內是正確的，但是隨著屏幕越來越好，我們的眼睛也會被訓練得足夠感知像素點，特別是圓形的UI元素。
從技術的角度來講，他們做的就是在完全相同的物理大小上展示比原來高和寬多一倍的像素點。
iPhone 3G/S是3.5英寸的斜角，分辨率為480 x 320px，PPI為163。 iPhone 4/S是3.5英寸的斜角，分辨率為960 x 640px，PPI為326。

事實證明正好是兩倍的關系，同樣的物理大小，屏幕上的元素卻有兩倍的清晰度，因為他們有兩倍的像素點。1個標準的像素＝4個Retina像素，像素的四倍。

當你的設計需要在不同PPI下轉換時，像素比就是你的救星。當你知道像素比后，就不需要再考慮設備的詳細規格了。
以iPhone 3G和4為例，相同物理大小上iPhone4的像素點是3G兩倍，因此像素比就是2，這表示只需要用你的資源乘以2，就可以兼容4G的分辨率了。