讓自定義view寬高成比例顯示

有時候我們自定義一個View，比如ImageView，我們需要讓它寬高按照一定的比例顯示，例如在ImageView在GridView中顯示，GridView設置了3列，由於ImageVIew的寬度會根據屏幕的大小進行縮放的，如果不設置高度與寬度成一定比例的話，那麼可能會由於屏幕大小的變化而讓ImageView的寬高比例失調。

那麼怎麼做到讓高度根據寬度的改變而成比例改變呢？

重寫ImageView的onMesure()方法：

@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        if (ratioHeight > 0 && ratioWidth > 0) {
            int originalWidth = MeasureSpec.getSize(widthMeasureSpec);

            int calculatedHeight = originalWidth * ratioHeight / ratioWidth;

            super.onMeasure(
                    MeasureSpec.makeMeasureSpec(originalWidth, MeasureSpec.EXACTLY),
                    MeasureSpec.makeMeasureSpec(calculatedHeight, MeasureSpec.EXACTLY));
        } else {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }

originalWidth * ratioHeight / ratioWidth;便是寬高比例。

我們可以自定義屬性
ratioHeight與ratioWidth

然後我們可以在佈局當中寫上（假如設定寬高比例為1:2的話）

ratioWidth：1

ratioHeight：2