1.json

2.按照指定比例展示宽高的自定义控件实现

为了让图片按照完美比例进行展现, 不被压缩, 需要自定义控件,该控件可以根据预设的比例来确定宽高

* 按照比例展示宽高的自定义控件 *  * @author Kevin *  */public class RatioLayout extends FrameLayout {    private float ratio;    public RatioLayout(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);    }    public RatioLayout(Context context, AttributeSet attrs) {        super(context, attrs);        // 加载自定义属性的值        TypedArray typedArray = context.obtainStyledAttributes(attrs,                R.styleable.RatioLayout);        // 根据属性id获取属性值, 方式: R.styleable.名称_属性        ratio = typedArray.getFloat(R.styleable.RatioLayout_ratio, 0);        // 回收TypedArray, 释放内存        typedArray.recycle();    }    public RatioLayout(Context context) {        super(context);    }    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        int widthMode = MeasureSpec.getMode(widthMeasureSpec);        int heightMode = MeasureSpec.getMode(heightMeasureSpec);        int widthSize = MeasureSpec.getSize(widthMeasureSpec);        int heightSize = MeasureSpec.getSize(heightMeasureSpec);        // MeasureSpec.EXACTLY 确定值, 比如把宽高值写死,或者match_parent        // MeasureSpec.AT_MOST 至多, 能撑多大就多大, 类似wrap_content        // MeasureSpec.UNSPECIFIED 未指定大小        if (widthMode == MeasureSpec.EXACTLY                && heightMode != MeasureSpec.EXACTLY && ratio != 0) {            // 1. 根据布局宽度推算图片宽度            int imageWidth = widthSize - getPaddingLeft() - getPaddingRight();            // 2. 根据图片宽度和宽高比,推算图片高度            int imageHeight = (int) (imageWidth / ratio);            // 3. 根据图片高度, 推算布局高度            heightSize = imageHeight + getPaddingTop() + getPaddingBottom();            // 4. 根据布局高度, 推算heightMeasureSpec            heightMeasureSpec = MeasureSpec.makeMeasureSpec(heightSize,                    MeasureSpec.EXACTLY);        }        super.onMeasure(widthMeasureSpec, heightMeasureSpec);    }}

自定义属性

values/attrs.xml
     
         
              
           
      
     

　　

　　

xml

     
     
      ​    
      
       ​        
                   
                
       ​