美文网首页
屏幕适配要点

屏幕适配要点

作者: 瞬息之李 | 来源:发表于2018-03-09 10:22 被阅读0次

    安卓中度量单位介绍

    inch:英寸,表示手机屏幕对角线的长度

    px:像素,平时大家说的屏幕分辨率的单位,如1920*1080,表示屏幕竖直方向有1920个像素点,横向有1080个像素点

    dpi:表示每英寸像素点的个数,计算方法:对角线像素点个数 / 屏幕的物理长度,根据不同的dpi安卓将设备分为几个常用的显示级别:从小到大:
    ldpi、mdpi、hdpi、xhdpi、xxhdpi

    ldpi mdpi hdpi xhdpi xxhdpi xxxhdpi
    dpi 0-120 120-160 160-240 240-320 320-480 480-640

    安卓中代码获取屏幕dpi

    private void getDisplayInfo(){
        Resources resources=getResources();
        DisplayMetrics displayMetrics =  resources.getDisplayMetrics();
        float density = displayMetrics.density;
        int densityDpi = displayMetrics.densityDpi;
        System.out.println("----> density=" + density);  —-> density=3.0 
        System.out.println("----> densityDpi=" + densityDpi);  —-> densityDpi=480
    }
    

    代码获取的densityDpi代码屏幕的dpi,density是一个整数,它其实代表的是densityDpi与160的倍数,因为mdpi是安卓中的基准屏幕密度,而其值为160
    而为什么要用mdpi作为基准屏幕密度呢?这就要提到另一个度量单位dp
    dp: 表示与密度无关的像素,使用dp做为单位,可以在不同像素密度下达到自适应效果(但是dp只是在相同屏幕尺寸不同屏幕密度下有较好的适配效果,对于不同尺寸的屏幕却无能为力),而dp与dpi对应的关系如下表所示:

    ldpi mdpi hdpi xhdpi xxhdpi xxxhdpi
    dpi 0-120 120-160 160-240 240-320 320-480 480-640
    比例 1dp=0.75px 1dp=1px 1dp=1.5px 1dp=2px 1dp=3px 1dp=4px

    如表所示:在mdpi的时候,dp与px的比例关系是1:1关系,所以将mdpi作为基准屏幕密度

    drawable下不同适配的不同分辨率的图片文件

    在res下有drawable-ldpi、drawable-mdpi、drawable-hdpi、drawable-xhdpi、drawable-xxhdpi、drawable-xxxdpi文件夹,他与屏幕自身的屏幕密度是怎样适配的呢?
    我们可以根据图片放在不同的文件夹下获取到对应的图片的dpi

    private void getDrawableFolderDensity(){
        TypedValue typedValue = new TypedValue();
        Resources resources=mContext.getResources();
        int id = getResources().getIdentifier(imageName, "drawable" , packageName);
        resources.openRawResource(id, typedValue);
        int density=typedValue.density;
        System.out.println("----> density="+density);
    }
    

    如果将图片放入drawable-ldpi,则其TypedValue.density 的值为120
    如果将图片放入drawable-mdpi,则其TypedValue.density的值为160
    相对于的 drawable-hdpi为240
    相对于的drawable-xdpi为320
    相对于的drawable-xxdpi为480
    最后系统会根据屏幕自身的屏幕密度去对应的文件夹中去找到对应的图片,主要代码如下

    public static Bitmap decodeResource(Resources res, int id, Options opts) {
        Bitmap bm = null;
        InputStream is = null;
        try {
            final TypedValue value = new TypedValue();
            is = res.openRawResource(id, value);
            bm = decodeResourceStream(res, value, is, null, opts);
        } catch (Exception e) {
    
        } finally {
            try {
                if (is != null) is.close();
            } catch (IOException e) {
    
            }
        }
    
        if (bm == null && opts != null && opts.inBitmap != null) {
            throw new IllegalArgumentException("Problem decoding into existing bitmap");
        }
        return bm;
    }
    

    调用decodeResourceStream( )方法

    public static Bitmap decodeResourceStream(Resources res, TypedValue value,
            InputStream is, Rect pad, Options opts) {
        if (opts == null) {
            opts = new Options();
        }
        if (opts.inDensity == 0 && value != null) {
            final int density = value.density;    //这里得到该图片对应的dpi值
            if (density == TypedValue.DENSITY_DEFAULT) { //default为0
                opts.inDensity = DisplayMetrics.DENSITY_DEFAULT;  //default为160
            } else if (density != TypedValue.DENSITY_NONE) {  //none为无穷大
                opts.inDensity = density;    //如果得到的图片的density的值不为0也不为无穷大,则将得到的图片的dpi赋值到optiotn中
            }
        }       
        if (opts.inTargetDensity == 0 && res != null) {
            opts.inTargetDensity = res.getDisplayMetrics().densityDpi;    //这里将屏幕密度赋值过去
        }     
        return decodeStream(is, pad, opts);
    }
    
    1. 调用decodeStream()方法,在该方法中会调用decodeStreamInternal();它又会继续调用nativeDecodeStream( ),该方法是native的;在BitmapFactory.cpp可见这个方法内部又调用了doDecode()它的核心源码如下:
    static jobject doDecode(JNIEnv*env,SkStreamRewindable*stream,jobject padding,jobject options) {
    ......
    if (env->GetBooleanField(options, gOptions_scaledFieldID)) {
        const int density = env->GetIntField(options, gOptions_densityFieldID);
        const int targetDensity = env->GetIntField(options, gOptions_targetDensityFieldID);
        const int screenDensity = env->GetIntField(options, gOptions_screenDensityFieldID);
        if (density != 0 && targetDensity != 0 && density != screenDensity) {
            scale = (float) targetDensity / density;    //这里赋值了缩放比例:屏幕的像素密度/图片缩放文件夹下的像素密度
        }
    }
    }
    const bool willScale = scale != 1.0f;
    ......
    SkBitmap decodingBitmap;
    if (!decoder->decode(stream, &decodingBitmap, prefColorType,decodeMode)) {
    return nullObjectReturn("decoder->decode returned false");
    }
    int scaledWidth = decodingBitmap.width();    //这里得到原始图片的宽度
    int scaledHeight = decodingBitmap.height();
    if (willScale && decodeMode != SkImageDecoder::kDecodeBounds_Mode) {
    scaledWidth = int(scaledWidth * scale + 0.5f);  //对图片进行缩放,这里为什么要加0.5f ?
    scaledHeight = int(scaledHeight * scale + 0.5f);
    }
    if (willScale) {
    const float sx = scaledWidth / float(decodingBitmap.width());  //再重新计算图片的缩放比例,用来缩放canvas
    const float sy = scaledHeight / float(decodingBitmap.height());
    ......
    SkPaint paint;
    SkCanvas canvas(*outputBitmap);
    canvas.scale(sx, sy);
    canvas.drawBitmap(decodingBitmap, 0.0f, 0.0f, &paint);
    }
    ......
    }
    

    总结:图片适配过程,系统会优先根据当前的屏幕密度去对应的相同密度的drawable文件夹下面找对应的图片,如果找不到,则会去比当前密度更高的文件夹下去找(毕竟在更高的屏幕密度下,图片缩放后不会失真),高的找不到,再去找低的(注意:drawable和mdpi-drawable两个文件夹下的屏幕密度是相同的,所以去低像素密度文件夹下找时,在找完mdpi后,会先去drawable文件夹下找,找不到再去ldpi下去找)如果在别的像素密度的文件夹下找到图片,则会用当前屏幕密度与drawable文件夹密度之商来缩放文件夹下的图片。例如:当前屏幕密度为hdpi(240dpi),图片放在xhdpi的drawable文件夹下,则系统拿到的图片将会缩放 240 / 320倍数,最终拿缩放后的图片显示在屏幕上。
    http://blog.csdn.net/xiebudong/article/details/37040263

    相关文章

      网友评论

          本文标题:屏幕适配要点

          本文链接:https://www.haomeiwen.com/subject/oaeuixtx.html