android 螢幕適配一：通過自定義View的方式實現適配
摘要：
實現原理：以一個特定的寬度尺寸的裝置為參考，在View載入的過程中，根據當前裝置的實際畫素換算出目標畫素，再作用到控制元件上。
通常UI給我們的設計稿只有一種畫素的標準，例如720 * 1280。 例如在設計稿上有一個控制元件寬度為螢幕尺寸的一半，即360px，假設我們真機的螢幕尺寸為...
實現原理：以一個特定的寬度尺寸的裝置為參考，在View載入的過程中，根據當前裝置的實際畫素換算出目標畫素，再作用到控制元件上。
通常UI給我們的設計稿只有一種畫素的標準，例如720 * 1280。 例如在設計稿上有一個控制元件寬度為螢幕尺寸的一半，即360px，假設我們真機的螢幕尺寸為1080 * 1920畫素，我們再佈局中設定控制元件尺寸也為360px,則顯示為螢幕的三分之一。但是我們想要效果仍然是顯示螢幕的一半。即寬度應該設定為540px,這裡的540px是如何得到的呢，這就是通過真實螢幕尺寸與參考設計稿的尺寸比例來得到的，即：(1080/720)*360 = 540。
下面通過程式碼來實現這一功能：
public class Utils {
private static Utils utils;
//這是設計稿參考的寬高
private static final float STANDARD_WIDTH = 720;
private static final float STANDARD_HEIGHT = 1080;
//這裡是螢幕的顯示寬高
private int mDisPlayWidth;
private int mDisPlayHeight;
public static Utils getInstance(Context context) {
if (utils == null) {
utils = new Utils(context.getApplicationContext()); //獲取application的context是防止記憶體洩漏
}
return utils;
}
private Utils(Context context) {
//獲取螢幕的寬高
if (mDisPlayHeight == 0 || mDisPlayWidth == 0) { //寬高還未賦值
WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
if (manager != null) {
DisplayMetrics displayMetrics = new DisplayMetrics();
manager.getDefaultDisplay().getMetrics(displayMetrics); //此時displayMetrics就可以獲取到螢幕寬高資訊了
if (displayMetrics.widthPixels > displayMetrics.heightPixels) {
//橫屏
mDisPlayWidth = displayMetrics.heightPixels;
mDisPlayHeight = displayMetrics.widthPixels - getStatusBarHeight(context);
} else {
//豎屏
mDisPlayWidth = displayMetrics.widthPixels;
mDisPlayHeight = displayMetrics.heightPixels - getStatusBarHeight(context);
}
}
}
}
//獲取狀態列高度
public int getStatusBarHeight(Context context) {
int resID = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
if (resID > 0) { //可以獲取到狀態列高度
return context.getResources().getDimensionPixelSize(resID);
}
return 0;
}
//獲取水平方向的縮放比例
public float getHorizontalScale() {
return mDisPlayWidth / STANDARD_WIDTH;
}
//獲取垂直方向的縮放比例
public float getVerticalScale() {
return mDisPlayHeight / STANDARD_HEIGHT;
}
}
複製程式碼
Utils工具類用來計算設計稿螢幕解析度和真實螢幕解析度的比例。
下面以RelativeLayout為例：
public class ScreenAdapterLayout extends RelativeLayout {
private boolean flag;
public ScreenAdapterLayout(Context context) {
super(context);
}
public ScreenAdapterLayout(Context context, AttributeSet attrs) {
super(context, attrs);
}
public ScreenAdapterLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//計算寬高之前獲取縮放比例的值
if (!flag) { //防止比例的計算多次呼叫
float scaleX = Utils.getInstance(getContext()).getHorizontalScale();
float scaleY = Utils.getInstance(getContext()).getVerticalScale();
int count = getChildCount();
for (int i = 0; i < count; i++) {
View child = getChildAt(i);
LayoutParams params = (LayoutParams) child.getLayoutParams();
params.width = (int) (params.width * scaleX);
params.height = (int) (params.height * scaleY);
params.leftMargin = (int) (params.leftMargin * scaleX);
params.rightMargin = (int) (params.rightMargin * scaleX);
params.topMargin = (int) (params.leftMargin * scaleY);
params.bottomMargin = (int) (params.leftMargin * scaleY);
}
flag = true;
}
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
}
複製程式碼
下面在資源佈局中使用ScreenAdapterLayout。
這裡我設定的寬度為360px,我手機的畫素為1080*2248，但是顯示的view的寬度仍然為螢幕的一半。這是因為根據Utils把view的寬高做了換算。我們不需要關注真實螢幕的解析度。只需要根據設計稿的解析度來設定view的寬高。
注：博主菜雞一個，第一次寫部落格，希望得到大佬的指點。輕點噴o(╥﹏╥)o