自定义像素适配

2019-09-26  本文已影响0人  面熟_gson
这里先举个栗子
假设UI设计稿给的屏幕参考宽高比例是1080*1920
这时候我们在720*1280的手机上设置一个View的宽高我们就需要通过计算出他们之间的宽高比例  
首先我们获取参考设备和目标设备的
水平方向的宽缩放比例=720/1080
垂直方向的高缩放比例=1280/1920
假如这时候设计给的一张图假如这时候设计给的一张图的宽度是100px
但是如果想让他在720/1080的手机上显示的效果一样,
我们就可以用计算出的水平方向的缩放比例乘上100px就
可以得出在720*1080的设备上实际上应该显示的宽度(720/1080*100px),
这也就是简单的数学知识计算出来的

接下来就是代码部分了
这里写了一个工具类,这个工具类就是我们上面所说的比例计算 ,我们通过代码获取当前运行设备的宽高,再通过和UI设计稿计算出实际应该缩放的比例 实际开发过程中我们根据实际UI设计稿的情况修改参考宽高就行了,这里考虑到了平板设备,平板设备肯定是 宽>高 手机设备 高>宽

public class Utils {

    private static Utils utils;

    //这里是设计稿参考宽高
    private static final float STANDARD_WIDTH = 1080;
    private static final float STANDARD_HEIGHT = 1920;

    //这里是屏幕显示宽高
    private int mDisplayWidth;
    private int mDisplayHeight;

    private Utils(Context context){
        //获取屏幕的宽高
        if(mDisplayWidth == 0 || mDisplayHeight == 0){
            WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
            if (manager != null){
                DisplayMetrics displayMetrics = new DisplayMetrics();
                manager.getDefaultDisplay().getMetrics(displayMetrics);
                if (displayMetrics.widthPixels > displayMetrics.heightPixels){
                    //横屏
                    mDisplayWidth = displayMetrics.heightPixels;
                    mDisplayHeight = displayMetrics.widthPixels;
                }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 static Utils getInstance(Context context){
        if (utils == null){
            utils = new Utils(context.getApplicationContext());
        }
        return utils;
    }

    //获取水平方向的缩放比例
    public float getHorizontalScale(){
        return mDisplayWidth / STANDARD_WIDTH;
    }

    //获取垂直方向的缩放比例
    public float getVerticalScale(){
        return mDisplayHeight / STANDARD_HEIGHT;
    }

}

最后就是重新容器控件了
这里我重新的是RelativeLayout 作为示例,实际开发中肯定需要重新所有的容器布局
比如LinearLayout,FrameLayout等,直接上代码吧
代码中通过遍历RelativeLayout中的子View,通过获取他们的宽 高 Margin的参数乘以我们工具类中计算出来的缩放比例 再重新设置给View
这里的flag实际上就是为了防止多次测量 因为onMeasure会走多次

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.topMargin * scaleY);
                params.bottomMargin = (int)(params.bottomMargin * scaleY);
            }
            flag = true;
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}
上一篇下一篇

猜你喜欢

热点阅读