自定义控件：等比例显示控件RatioLayout

我们经常碰到服务器返回的图片比例大小是一样的，但是分辨力却是不一样的。这时候，就会遇到显示效果的问题。例如，图1和图2都是宽高比例相等，但是分辨率大小不一样的图片，应该按照比例显示，使用等比例显示控件后，图2的显示效果如图3所示，和图1的显示效果是一致的，解决了宽高比相等或接近但分辨率大小不一样而造成的显示效果不一致的问题

解决方法一

自定义控件，自定义ViewGroup继承FrameLayout ，重写onMeasure()方法，根据图片宽高比例和获取到图片的宽度（图片的宽度是具体值或者match_parent，match_parent宽度就是屏幕宽度）计算出图片的高度，然后唤醒重新测量ImageView。没有继承ImageView而是FrameLayout ，是因为自定义ViewGroup更加通用，不仅可以用于ImageView的等比例显示，还可以用于其他的控件（如Button）的等比例显示

package com.google.widget.view;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.widget.FrameLayout;

import com.google.widget.R;

public class RatioLayout extends FrameLayout {
   

    private float mPicRatio;//图片的宽高比
    public static final int RELATIVE_WIDTH = 0;//控件的宽度固定，根据比例求出高度
    public static final int RELATIVE_HEIGHT = 1;//控件的高度固定，根据比例求出宽度
    private int mRelative = RELATIVE_WIDTH;

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

    public RatioLayout(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RatioLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView(context, attrs);
    }

    private void initView(Context context, AttributeSet attrs) {
        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.RatioLayout);
        for (int i = 0; i < array.getIndexCount(); i++) {
            switch (i) {
                case R.styleable.RatioLayout_ratio:
                    mPicRatio &#