Android LinearLayout 自動換行

由於前段時間項目中使用到了自動換行的線性佈局,本來打算用表格佈局在裏面一個個的用Java代碼添加ImageView的，但是添加的View控件是不確定的，因爲得靠服務器的數據返回，就這樣手動用Java代碼畫布局的方式就這樣夭折了，因爲在表哥佈局中我無法確定一行顯示多少個ImageView的數目，所以無法動態添加，最後自能自己去看看那種能夠換行的線性佈局了，線性佈局比較不好的是不能自動換行，也就是當設置LinearLayout的orentation 設置爲vertical 爲豎直方向也就是隻有一列，每行只能顯示一個View或者View的子類，當設置LinearLayout的orentitation爲Horizontal，LinearLayout的只能顯示爲一行，橫向顯示，當屏幕滿了的時候，View控件並不會自動換行，所以我們要做的就是在LinearLayout滿的時候自動換行。

需要了解的是怎麼樣繪製根據子控件的長寬繪製父控件的寬度與高度，所以需要傳入的參數控件的高度,視圖分爲兩種一種是View類型的，代表控件有TextView,Button,EditText 等等，還有一種是裝視圖的容器控件繼承自ViewGroup的控件，如LinearLayout,RelativeLayout，TabHost等等控件，需要自動換行的線性佈局的話，就需要根據子控件的高度與寬度，來動態加載父控件的高度與寬度,所以需要在構造函數中傳入每一個子控件的固定的高度，或者是動態設置子控件的高度與寬度。

將自定義的LinearLayout 也繼承自ViewGroup 並且重寫抽象類ViewGrouop的幾個方法:onMeasure(),onLayout(),dispathDraw()  三個方法的意思分別是:第一個onMeasure()是用來計算控件以及子控件所佔用的區域,第二個onLayout()是控制子控件的換行,第三個可寫可不寫，主要是用來繪製控件的邊框，

自定義LinearLayout的代碼如下:

package com.huanglong.mylinearlayout;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;

/**
 * @author huanglong 2013-5-28 自定義自動換行LinearLayout
 */
public class FixGridLayout extends ViewGroup {
	private int mCellWidth;
	private int mCellHeight;

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

	public FixGridLayout(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

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

	public void setmCellWidth(int w) {
		mCellWidth = w;
		requestLayout();
	}

	public void setmCellHeight(int h) {
		mCellHeight = h;
		requestLayout();
	}

	/**
	 * 控制子控件的換行
	 */
	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		int cellWidth = mCellWidth;
		int cellHeight = mCellHeight;
		int columns = (r - l) / cellWidth;
		if (columns < 0) {
			columns = 1;
		}
		int x = 0;
		int y = 0;
		int i = 0;
		int count = getChildCount();
		for (int j = 0; j < count; j++) {
			final View childView = getChildAt(j);
			// 獲取子控件Child的寬高
			int w = childView.getMeasuredWidth();
			int h = childView.getMeasuredHeight();
			// 計算子控件的頂點座標
			int left = x + ((cellWidth - w) / 2);
			int top = y + ((cellHeight - h) / 2);
			// int left = x;
			// int top = y;
			// 佈局子控件
			childView.layout(left, top, left + w, top + h);

			if (i >= (columns - 1)) {
				i = 0;
				x = 0;
				y += cellHeight;
			} else {
				i++;
				x += cellWidth;

			}
		}
	}

	/**
	 * 計算控件及子控件所佔區域
	 */
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		// 創建測量參數
		int cellWidthSpec = MeasureSpec.makeMeasureSpec(mCellWidth, MeasureSpec.AT_MOST);
		int cellHeightSpec = MeasureSpec.makeMeasureSpec(mCellHeight, MeasureSpec.AT_MOST);
		// 記錄ViewGroup中Child的總個數
		int count = getChildCount();
		// 設置子空間Child的寬高
		for (int i = 0; i < count; i++) {
			View childView = getChildAt(i);
			/*
			 * 090 This is called to find out how big a view should be. 091 The
			 * parent supplies constraint information in the width and height
			 * parameters. 092 The actual mesurement work of a view is performed
			 * in onMeasure(int, int), 093 called by this method. 094 Therefore,
			 * only onMeasure(int, int) can and must be overriden by subclasses.
			 * 095
			 */
			childView.measure(cellWidthSpec, cellHeightSpec);
		}
		// 設置容器控件所佔區域大小
		// 注意setMeasuredDimension和resolveSize的用法
		setMeasuredDimension(resolveSize(mCellWidth * count, widthMeasureSpec),
				resolveSize(mCellHeight * count, heightMeasureSpec));
		// setMeasuredDimension(widthMeasureSpec, heightMeasureSpec);

		// 不需要調用父類的方法
		// super.onMeasure(widthMeasureSpec, heightMeasureSpec);
	}

	/**
	 * 爲控件添加邊框
	 */
	@Override
	protected void dispatchDraw(Canvas canvas) {
		// 獲取佈局控件寬高
		int width = getWidth();
		int height = getHeight();
		// 創建畫筆
		Paint mPaint = new Paint();
		// 設置畫筆的各個屬性
		mPaint.setColor(Color.BLUE);
		mPaint.setStyle(Paint.Style.STROKE);
		mPaint.setStrokeWidth(10);
		mPaint.setAntiAlias(true);
		// 創建矩形框
		Rect mRect = new Rect(0, 0, width, height);
		// 繪製邊框
		canvas.drawRect(mRect, mPaint);
		// 最後必須調用父類的方法
		super.dispatchDraw(canvas);
	}

}

然後在Xml文件中引用自己定義的控件,在Java代碼中調用:

package com.huanglong.mylinearlayout;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.CheckBox;
import android.widget.SimpleAdapter;
import android.support.v4.app.NavUtils;

public class MainActivity extends Activity {
	private SimpleAdapter adapter;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        FixGridLayout fixGridLayout = (FixGridLayout) findViewById(R.id.ll);
        fixGridLayout.setmCellHeight(30);
        fixGridLayout.setmCellWidth(100);
        for (int i = 0; i < 7; i++) {
			CheckBox box = new CheckBox(MainActivity.this);
			box.setText("第"+i+"個");
			fixGridLayout.addView(box);
		}
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }

    
}

效果截圖: