Android 手機(jī)屏幕適配解決辦法
0. 前言
Android的屏幕適配,即使得某一元素在Android不同尺寸、不同分辨率的手機(jī)上具備相同的顯示效果,這個問題一直以來都是我們Android開發(fā)者不得不面對的問題。本文參考了很多前人的博客,并對這一問題做一個總結(jié),力求精簡明了。
轉(zhuǎn)載請注明出處:http://blog.csdn.net/seu_calvin/article/details/52690498
1. 基礎(chǔ)概念
(1)屏幕尺寸,即手機(jī)對角線的物理尺寸
1英寸 = 2.54cm 常見手機(jī)尺寸有5英寸、5.5英寸、6英寸等。
(2)屏幕分辨率,即手機(jī)在橫向、縱向上的像素點數(shù)總和(一般描述成屏幕的”寬x高”)
例如1080dpx1920dp,即寬度方向上有1080個像素點,在高度方向上有1920個像素點,1px=1像素點
Android手機(jī)常見的分辨率:320x480、480x800、720x1280、1080x1920
(3)屏幕像素密度,即每英寸的像素點數(shù),單位dpi
例如某設(shè)備為240x320,屏幕尺寸為3.3英寸,那么該設(shè)備的屏幕像素密度為400/3.3=120dpi,其中400為通過寬高像素勾股定理得出。
Android手機(jī)根據(jù)像素密度,可以分為以下幾種屏幕密度類型:
(4)密度無關(guān)像素,單位為dp,是Android特有的單位
Android開發(fā)時通常使用dp而不是px單位設(shè)置圖片大小,因為它可以保證在不同屏幕像素密度的設(shè)備上顯示相同的效果。
/** * dp與px的轉(zhuǎn)換 * Created by SEU_Calvin on 2016/09/28 */ public class DensityUtils { public static int dp2px(float dp , Context context){ float density = context.getResources().getDisplayMetrics().density;//即表中的0.75/1/1.5/2/3 //context.getResources().getDisplayMetrics().densityDpi //即表中的120/160/240/320/480 return (int)(dp * density + 0.5f); } public static float px2dp(int px , Context context){ float density = context.getResources().getDisplayMetrics().density; return px/density; } }
(5)獨立比例像素,單位為sp,Android開發(fā)時用于設(shè)置文字大小的單位
可根據(jù)字體大小首選項進(jìn)行縮放,推薦使用12/14/18/22sp作為字體設(shè)置的大小,不推薦使用奇數(shù)和小數(shù),容易造成精度的丟失問題。
介紹了上述基礎(chǔ)概念,我們接下來從布局適配、圖片適配、以及代碼適配三個角度分別介紹屏幕適配的解決方案。
2. 布局適配
(1)推薦使用相對布局,禁用絕對布局。因為相對布局在屏幕的大小改變時視圖之間的相對位置不會變化。
(2)使用dp和sp(盡量不用px)、wrap_content、match_parent和weight來控制布局。使用權(quán)重weight在任何設(shè)備上均會完美適配。
(3)為不同屏幕尺寸的設(shè)備設(shè)計不同的布局,通過配置限定符使得程序在運(yùn)行時根據(jù)當(dāng)前設(shè)備的尺寸自動加載合適的布局資源。
比如我們先寫兩個布局文件,分別為:
適配手機(jī)的布局(默認(rèn)):res/layout/main.xml
適配尺寸>7寸平板的布局:res/layout/main_pb.xml
然后加入以下兩個文件,系統(tǒng)會根據(jù)Android版本自動選擇使用哪個布局配置文件。
//適配Android 3.2之前的平板布局 res/values-large/layout.xml <resources> <item name="main" type="layout">@layout/main_pb</item> </resources> //適配Android 3.2之后的平板布局 res/values-sw600dp/layout.xml <resources> <item name="main" type="layout">@layout/main_pb</item> </resources>
上述兩個配置文件,并沒有真正去定義布局,它們僅僅是將main設(shè)置成了@layout/main_pb的別名。
如果不這樣做,main_pb.xml布局文件的內(nèi)容需要復(fù)制成兩份分別放入res/layout-large/main.xml和res/layout-sw600dp/main.xml以適配3.2以前和以后,這樣明顯很冗余。
3. 圖片適配
(1)比如有一個這樣的需求,一個按鈕的背景圖片必須能夠隨著按鈕大小的改變而改變。使用普通的圖片將無法實現(xiàn)上述功能,因為運(yùn)行時會均勻地拉伸或壓縮你的圖片。
這時候可以使用Nine-Patch圖(一種被特殊處理過的PNG圖片,使用.9.png后綴名),9Patch圖可以指定圖片的拉伸區(qū)域和非拉伸區(qū)域,在需要拉伸圖片時,系統(tǒng)就會自動地拉伸你想要拉伸的部分。需要注意的是,.9圖不需要多個分辨率的圖片,放在drawable文件夾即可。
紅色框區(qū)域:表示縱向拉伸的區(qū)域,也就是說,當(dāng)圖片需要縱向拉伸的時候它會只指定拉伸紅色區(qū)域。
綠色框區(qū)域:表示橫向拉伸的區(qū)域,也就是說,當(dāng)圖片需要橫向拉伸的時候它會只指定拉伸綠色區(qū)域。
(2)圖片不需要在下圖hdpi、mdpi等目錄下都放入相對應(yīng)的分辨率的圖片,這樣會使APK變大,一般只做1280*720一套圖,放在hdpi或xhdpi下,若出問題再針對屏幕進(jìn)行問題圖片替換即可。另外對于如何減小APK大小,可以參考Android開發(fā)——減小APK大小。
3. 代碼適配
(1)比如有一個需求,需要實現(xiàn)一個空間寬度,是屏幕的1/3。這時候就可以用代碼實現(xiàn):
/** * 代碼適配例子 * Created by SEU_Calvin on 2016/09/28 */ WindowManager wm = getWindowManager(); int width = wm.getDefaultDisplay().getWidth(); LinearLayout.LayoutParams params = (LayoutParams)tv.getLayoutParams(); params.width = width/3; tv.setLayoutParams(params);
需要注意的是,一般代碼適配需要寫一個工具類(上文中已經(jīng)貼出了)來實現(xiàn)dp2px ,因為代碼里的參數(shù)一般都需要px值,需要通過不同設(shè)備的屏幕密度來實現(xiàn)dp2px。
(2)代碼適配的另一個使用場景是根據(jù)加載布局的不同,來決定走不同的流程,如下:
setContentView(R.layout.main_layout);//此處會根據(jù)屏幕大小加載不同的布局 Button btn = (Button)findViewById(R.id.btn);//其中一個布局沒有該按鈕 if(btn == null){ //業(yè)務(wù)邏輯1... }else{ //業(yè)務(wù)邏輯2... }
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
Android Recyclerview實現(xiàn)多選,單選,全選,反選,批量刪除的功能
本篇文章主要介紹了Android Recyclerview 實現(xiàn)多選,單選,全選,反選,批量刪除的功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06Android中關(guān)于Notification及NotificationManger的詳解
本篇文章小編為大家介紹,Android中關(guān)于Notification及NotificationManger的詳解。需要的朋友參考下2013-04-04Android開發(fā)筆記之Intent初級學(xué)習(xí)教程
這篇文章主要介紹了Android開發(fā)筆記之Intent初級學(xué)習(xí),較為詳細(xì)的分析了Android Intent項目的建立,功能實現(xiàn)及Intent使用技巧,需要的朋友可以參考下2016-02-02Android GridView不改變背景色實現(xiàn)網(wǎng)格線效果
這篇文章主要介紹了Android GridView不改變背景色實現(xiàn)網(wǎng)格線效果,需要的朋友可以參考下2016-03-03Android使用ViewDragHelper實現(xiàn)QQ6.X最新版本側(cè)滑界面效果實例代碼
這篇文章主要介紹了Android程序開發(fā)實現(xiàn)QQ6.X最新版本側(cè)滑界面效果實例代碼的相關(guān)資料,需要的朋友可以參考下2016-02-02Android 讓自定義TextView的drawableLeft與文本一起居中
本文主要介紹Android 自定義控件TextView顯示居中問題,在開發(fā)過程中經(jīng)常會遇到控件的重寫,這里主要介紹TextView的drawableLeft與文本一起居中的問題2016-07-07