自定义控件之图片适配RatioLayout

package com.study.googleplay.view;

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

import com.study.googleplay.R;

/**
* 自定义控件，按比例来决定布局高度
* 确保了图片不被拉伸，按照原比例显示
* @author TCL
* @date 2016-6-9
*/
public class RatioLayout extends FrameLayout {

private float ratio;

public RatioLayout(Context context) {
super(context);
}

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

public RatioLayout(Context context, AttributeSet attrs) {
super(context, attrs);

// 获取属性值
// attrs.getAttributeFloatValue("tcl", "ratio", 1);

TypedArray typedArray = context.obtainStyledAttributes(attrs,
R.styleable.RatioLayout);
ratio = typedArray.getFloat(R.styleable.RatioLayout_ratio, -1);
typedArray.recycle();
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

// 1.获取宽度
// 2.根据宽度和比例ratio,计算控件高度
// 3.重新测量控件
int width = MeasureSpec.getSize(widthMeasureSpec);// 获取宽度值
int widthMode = MeasureSpec.getMode(widthMeasureSpec);// 获取宽度模式

int height = MeasureSpec.getSize(heightMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);

// 宽度确定，高度不确定，ratio合法，才计算高度值
if (widthMode == MeasureSpec.EXACTLY
&& heightMode != MeasureSpec.EXACTLY && ratio > 0) {

int imageWidth = width - getPaddingLeft() - getPaddingRight();// 图片真实宽度要减去内边距

// 高度 = 宽度/比例
int imageHeight = (int) (imageWidth / ratio);

height = imageHeight + getPaddingBottom() + getPaddingTop();// 控件高度=图片高度+内边距

// 根据最新的高度来重新生成(高度是确定模式)
heightMeasureSpec = MeasureSpec.makeMeasureSpec(height,
MeasureSpec.EXACTLY);
}

// MeasureSpec.AT_MOST;至多模式，控件有多大就显示多大 wrap_content
// MeasureSpec.EXACTLY;确定模式模式，类似宽高写死 match_parent
// MeasureSpec.UNSPECIFIED;未知模式

// 根据最新的高度来测量控件(高度是确定模式)
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
}

<?xml version="1.0" encoding="utf-8"?>
<resources>

<declare-styleable name="RatioLayout">
<attr name="ratio" format="float" />
</declare-styleable>

</resources>

<com.study.googleplay.view.RatioLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
tcl:ratio="2.43" >

<ImageView
android:id="@+id/iv_pic"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:contentDescription="@null"
android:src="@drawable/subject_default" />
</com.study.googleplay.view.RatioLayout>