13.按比例显示图片、自定义属性、测量

有时候服务器返回的图片有可能宽高是不一样的，所以需要按照一定宽高比例去显示，修改专题界面

自定义属性

<resources>
    <declare-styleable name="com.itheima.googleplay.view.RatioLayout">
        <attr  name="ratio"  format="float"></attr>
    </declare-styleable>
</resources>

RatioLayout 

public class RatioLayout extends FrameLayout {
	// 按照宽高比例去显示
	private float ratio = 2.43f; // 比例值，不要去写死，这样只需要调下方法根据自己需要去修改
	public void setRatio(float ratio) {
		this.ratio = ratio;
	}
	public RatioLayout(Context context) {
		super(context);
	}
	public RatioLayout(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		// 参数1 命名控件 参数2 属性的名字 参数3 默认的值
		float ratio = attrs.getAttributeFloatValue(
				"http://schemas.android.com/apk/res/com.itheima.googleplay",
				"ratio", 2.43f);
		setRatio(ratio);
	}
	public RatioLayout(Context context, AttributeSet attrs) {
		this(context, attrs, 0);
	}
	// 测量当前布局
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		// widthMeasureSpec 宽度的规则 包含了两部分 模式 值
		int widthMode = MeasureSpec.getMode(widthMeasureSpec); // 模式
		int widthSize = MeasureSpec.getSize(widthMeasureSpec);// 宽度大小
		int width = widthSize - getPaddingLeft() - getPaddingRight();// 去掉左右两边的padding
		int heightMode = MeasureSpec.getMode(heightMeasureSpec); // 模式
		int heightSize = MeasureSpec.getSize(heightMeasureSpec);// 高度大小
		int height = heightSize - getPaddingTop() - getPaddingBottom();// 去掉上下两边的padding
		if (widthMode == MeasureSpec.EXACTLY
				&& heightMode != MeasureSpec.EXACTLY) {
			// 修正一下 高度的值 让高度=宽度/比例
			height = (int) (width / ratio + 0.5f); // 保证4舍五入
		} else if (widthMode != MeasureSpec.EXACTLY
				&& heightMode == MeasureSpec.EXACTLY) {
			// 由于高度是精确的值 ,宽度随着高度的变化而变化
			width = (int) ((height * ratio) + 0.5f);
		}
		// 重新制作了新的规则
		widthMeasureSpec = MeasureSpec.makeMeasureSpec(MeasureSpec.EXACTLY,
				width + getPaddingLeft() + getPaddingRight());
		heightMeasureSpec = MeasureSpec.makeMeasureSpec(MeasureSpec.EXACTLY,
				height + getPaddingTop() + getPaddingBottom());
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
	}
}

布局：把imageview包裹住就可以不用修改imageview了，它根据它的父容器去显示

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:itheima="http://schemas.android.com/apk/res/com.itheima.googleplay"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
        <com.itheima.googleplay.view.RatioLayout
            android:id="@+id/rl_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="5dp" 
            itheima:ratio="2.43">
            <ImageView
                android:id="@+id/item_icon"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:scaleType="fitCenter"
                android:src="@drawable/ic_default" />
        </com.itheima.googleplay.view.RatioLayout>

 

来自为知笔记(Wiz)