Android自訂View的學習(三)

MainActivity如下:

package cc.testviewstudy3;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.app.Activity;/** * Demo描述: * 關於自訂View的學習(三) *  * 自訂View的實現方式大概可以分為三種: * 自繪控制項、群組控制項、以及繼承控制項 * 在此Demo中實現自繪控制項和群組控制項 *  * 學習資料: * http://blog.csdn.net/guolin_blog/article/details/17357967 * Thank you very much *  */public class MainActivity extends Activity {    private TitleViewFrameLayout mTitleViewFrameLayout;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);init();}private void init(){mTitleViewFrameLayout=(TitleViewFrameLayout) findViewById(R.id.titleViewFrameLayout);mTitleViewFrameLayout.setBackButtonText("返回");mTitleViewFrameLayout.setTitleTextViewText("標題");mTitleViewFrameLayout.setButtonClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {System.out.println("點擊了Back");finish();}});}}

CounterView如下:

package cc.testviewstudy3;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;//自繪控制項public class CounterView extends View implements View.OnClickListener{    private Paint mPaint;    private Rect mRect;    private Rect mTextBoundsRect;    private int counter=0;public CounterView(Context context) {super(context);}public CounterView(Context context, AttributeSet attrs) {super(context, attrs);mPaint=new Paint(Paint.ANTI_ALIAS_FLAG);mRect=new Rect();mTextBoundsRect=new Rect();//設定監聽setOnClickListener(this);}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);mPaint.setColor(Color.YELLOW);// getWidth()和getHeight()表示獲得該自訂View本身的寬和高canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint);mPaint.setColor(Color.BLUE);mPaint.setTextSize(40);String counterString = String.valueOf(counter);//測量文字的寬和高,將此結果儲存到了一個Rect中.即此處的mTextBoundsRectmPaint.getTextBounds(counterString, 0, counterString.length(),mTextBoundsRect);float textBoundWidth = mTextBoundsRect.width();float textBoundHeight = mTextBoundsRect.height();//System.out.println("textBoundWidth=" + textBoundWidth+ ",textBoundHeight=" + textBoundHeight);        //畫出文字canvas.drawText(counterString, getWidth() / 2-textBoundWidth/2,         getHeight() / 2+textBoundHeight/2, mPaint);}@Overridepublic void onClick(View v) {counter++;//重繪.會調用onDraw()方法invalidate();}}

TitleViewFrameLayout如下:

package cc.testviewstudy3;import android.content.Context;import android.util.AttributeSet;import android.view.LayoutInflater;import android.widget.Button;import android.widget.FrameLayout;import android.widget.TextView;//群組控制項public class TitleViewFrameLayout extends FrameLayout {    private Button mBackButton;    private TextView mTitleTextView;    public TitleViewFrameLayout(Context context, AttributeSet attrs) {super(context, attrs);LayoutInflater.from(context).inflate(R.layout.test_title, this);mBackButton=(Button) findViewById(R.id.backButton);mTitleTextView=(TextView) findViewById(R.id.titleTextView);}//定義方法--->設定Button的文字public void setBackButtonText(String text){mBackButton.setText(text);}//定義方法--->設定Button的點擊監聽public void setButtonClickListener(OnClickListener listener){mBackButton.setOnClickListener(listener);}//定義方法--->設定TextView的文字public void setTitleTextViewText(String text){mTitleTextView.setText(text);}}

main.xml如下:

test_title如下: