自定义View之ImageView做屏幕适配

时间：2021-03-06 20:36:37

由于近期的项目图片非常的多，而且适配就遇到了一定的难度，所以自定义ImageView来做适配是比较成功的解决办法。
1.UI提供的图片的比例是16：9（当然不是非常专业，小公司）
2.所以就通过获取手机的屏幕宽度，来设置宽高比为16：9
下面上代码：

“`
package com.example.li.ueui.view;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.ImageView;

public class RatioImageView extends ImageView{

public  float ratio;//width/height
public RatioImageView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
}

public RatioImageView(Context context) {
    this(context, null);
}

public RatioImageView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    ratio=attrs.getAttributeFloatValue("http://schemas.android.com/apk/res/com.example.li.ueui", "riv_ratio", 0);

}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    int width = MeasureSpec.getSize(widthMeasureSpec);
    if(ratio!=0){
        int height = (int) (width/ratio);
        heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);
    }

    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}

}

“`（1）http://schemas.android.com/apk/res/com.example.li.ueui这个参数是命名空间在布局中会用的到
（2）获取宽度，然后计算出高度，当然是通过16：9，通过自定义属性传进来的

attrs文件中定义的 format代表的是属性的类型，float类型

<declare-styleable name="RatioImageView">
<attr name="riv_ratio" format="float"></attr>
</declare-styleable>
 （3）在布局中应用，用到了命名空间，还有自定义属性，ratio,四舍五入，riv_ratio 1.78
 宽度是match_parent,对应的测量规则是MeasureSpec.EXACTLY，也就是有确定的值不用测量，直接给具体的宽度，heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);通过这行代码给高度的测量规则设置成也是具体的宽度，这样就图片就算拉伸也是等比例的，所以影响不大。

“`

“`（4）在代码中运用就不写了，相信大家都会的，可以用UIL,glide,Picasso等网络框架区加载网络图片。
如果有不正确的地方，欢迎大家指正，谢谢。
标签：

相关文章