Android自定義控制元件的重要性就不多說了，總之是技術進階，面試常見，高薪必備。

本篇博文的目的很簡單，就是希望通過自定義控制元件來解決一個常見需求點，從而感受一下自定義控制元件的魅力與強大。

案例描述：

有一張正方形圖片，希望在螢幕上還以正方形，並且不會出現變形，與此同時，希望圖片的寬正好是螢幕的寬。

案例效果：

       

案例實現：

方式一: 使用ImageView來顯示圖片

縮放型別為matrix時，圖片無變形，但顯示寬度與裝置寬不一致。

縮放型別為fitXY時，圖片寬雖與裝置寬一致，但水平拉伸了。

縮放型別為fitStart

時，圖片無變形，但顯示寬度與裝置寬不一致。

縮放型別為fitCenter時，圖片無變形，但顯示寬度與裝置寬不一致。

縮放型別為fitEnd時，圖片無變形，但顯示寬度與裝置寬不一致。

縮放型別為Center時，圖片無變形，但顯示寬度與裝置寬不一致。

縮放型別為CenterCrop時，無變形，寬一致，但上下部分被裁剪了。

縮放型別為CenterInside時，圖片無變形，但顯示寬度與裝置寬不一致。

方式二：使用自定義控制元件來顯示圖片

package com.kedi.mylayout;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.RelativeLayout;

public class MyImageView extends ImageView{

	

}

package com.kedi.mylayout;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.ImageView;

public class MyImageView extends ImageView {
	public MyImageView(Context context) {
		this(context,null);	
		
	}
	public MyImageView(Context context, AttributeSet attrs) {
		this(context,attrs,0);
	}
	public MyImageView(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs,defStyleAttr);
	}	

}

package com.kedi.mylayout;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.ImageView;
import android.widget.RelativeLayout;

public class MyImageView extends ImageView{
	public MyImageView(Context context) {
		this(context,null);
		
		
	}
	public MyImageView(Context context, AttributeSet attrs) {
		this(context,attrs,0);
	}
	public MyImageView(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs,defStyleAttr);
	}
	
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		
	}

	

}

package com.kedi.mylayout;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.ImageView;
import android.widget.RelativeLayout;
/**
 * 自定義控制元件
 * @author 張科勇
 *
 */
public class MyImageView extends RelativeLayout {
	public MyImageView(Context context) {
		this(context,null);
		
		
	}
	public MyImageView(Context context, AttributeSet attrs) {
		this(context,attrs,0);
	}
	public MyImageView(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs,defStyleAttr);
	}
	
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
	<span style="color:#ff0000;">	//獲取父佈局推薦的寬高，並把小者作為自定義控制元件的寬高
		int width = Math.min(getMeasuredWidth(), getMeasuredHeight());
		//將自定義控制元件的寬高設定成父佈局推薦的寬
		setMeasuredDimension(width, width);</span>
	}

	

}

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <span style="color:#ff0000;"><com.kedi.mylayout.MyImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true"
        android:background="@drawable/pic" >
    </com.kedi.mylayout.MyImageView></span>

</RelativeLayout>