保持宽高比的自定义View

fixheiview就是高度依据宽高比来自动变化的控件

由于最近梯子大多都挂了，所以没有使用gradle构建，防止有些人需要重新下载gradle的一些jar包，而没有网络。但是使用idea 构建的，android studio用户可以任意打开。

代码已经传到github：请点击我跳转

做这个控件的目的 就是之前有轮播图，然后轮播图的宽度肯定是要fill_parent，高度肯定以宽度为基准和一个约定的宽高比来计算得出的。

因为如果服务器图片宽高比有问题的话，我这边界面就会很难看，所以我不能以服务器图片的宽高比来重绘。

我的需求：

• 宽度是 fill_parent.
• 高度是宽度 × 约定的宽高比.

这样子才是我的需求。
虽然可以再viewpager添加数据源的时候，通过set高度的方法来控制，只是我觉得这样子手动的操作，写多次会导致代码的赘余。
仔细思考下我发现还有其他的优点：

• set高度的方式，从代码设计模式的角度来说不是很完美。如果其他地方用到类似的控件这样子就会导致代码的赘余很厉害。
• 如果在listview，gridview的item的布局中也每次都set高度的话，一方面高度难以计算。
• 另外一方面这样子的话，会导致计算高度和布局又重新计算一次，而不单单是这个控件重新计算一次，可能父控件也重新计算一次，导致重绘次数过多，不必要的性能损耗。

综上：做到自定义控件里面，合适的重写父类的方法才是最好的选择。

我这里这个例子配置的是1.0的比例，上截图：

“哆啦a梦！你在那？” 哈哈哈！

好了，废话说完了。上代码：

1.自定义属性：

  <declare-styleable name="FixHeiImageView">        <attr name="whratio" format="float" />    </declare-styleable> 

2.控件

public class FixHeiImageView extends ImageView{    private double wh_ratio=0.0;    public FixHeiImageView(Context context)    {        super(context);        wh_ratio = 2.0;    }    public FixHeiImageView(Context context, double mWh_ratio)    {        super(context);        this.wh_ratio = mWh_ratio;    }    public FixHeiImageView(Context context, AttributeSet attrs)    {        super(context, attrs);        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.FixHeiImageView);        wh_ratio = typedArray.getFloat(R.styleable.FixHeiImageView_whratio, (float) 1.0);        typedArray.recycle();    }    public FixHeiImageView(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.FixHeiImageView);        wh_ratio = typedArray.getFloat(R.styleable.FixHeiImageView_whratio, (float) 1.0);        typedArray.recycle();    }    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)    {        // 父容器传过来的宽度方向上的模式        int widthMode = MeasureSpec.getMode(widthMeasureSpec);        // 父容器传过来的高度方向上的模式        int heightMode = MeasureSpec.getMode(heightMeasureSpec);        // 父容器传过来的宽度的值        int width = MeasureSpec.getSize(widthMeasureSpec) - getPaddingLeft()                - getPaddingRight();        // 父容器传过来的高度的值        int height = MeasureSpec.getSize(heightMeasureSpec) - getPaddingBottom()                - getPaddingTop();            height = (int) (width / wh_ratio + 0.5f);            heightMeasureSpec = MeasureSpec.makeMeasureSpec(height,                    MeasureSpec.EXACTLY);            super.onMeasure(widthMeasureSpec, heightMeasureSpec);    }}

这里代码的逻辑很简单，也有了注释， 我就不再详细解释了。这里是把高度的计算放到onMeasure中了，减少了多次计算和重绘的性能浪费。

• 我这里只是重写了ImageView，如果还有别的需求还可以再改下这个类，为你所用。
• 比如你需要重写Linearlayout，重写其他layout之类的。