Android自己定义控件系列二：自己定义开关button（一）「建议收藏」

/**
	 * 画view的方法,绘制当前view的内容
	 */
	@Override
	protected void onDraw(Canvas canvas) {
		// super.onDraw(canvas);


		Paint paint = new Paint();
		// 打开抗锯齿
		paint.setAntiAlias(true);


		// 画背景
		canvas.drawBitmap(backgroundBitmap, 0, 0, paint);
		// 画滑块
		canvas.drawBitmap(slideButton, slideBtn_left, 0, paint);
	}

package com.example.togglebutton.ui;

import com.example.togglebutton.R;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

/*
 * 自己定义view的几个步骤：
 * 1、首先须要写一个类来继承自View
 * 2、须要得到view的对象。那么须要重写构造方法。当中一參的构造方法用于new。二參的构造方法用于xml布局文件使用，三參的构造方法能够传入一个样式
 * 3、须要设置view的大小，那么须要重写onMeasure方法
 * 4、须要设置view的位置。那么须要重写onLayout方法，可是这种方法在自己定义view的时候用的不多。原因主要在于view的位置主要是由父控件来决定
 * 5、须要绘制出所须要显示的view，那么须要重写onDraw方法
 * 6、当控件状态改变的时候。须要重绘view，那么调用invalidate();方法，这种方法实际上会又一次调用onDraw方法
 * 7、在这当中。假设须要对view设置点击事件。能够直接调用setOnClickListener方法
 */

public class MyToggleButton extends View {

	/**
	 * 开关按钮的背景
	 */
	private Bitmap backgroundBitmap;
	/**
	 * 开关按钮的滑动部分
	 */
	private Bitmap slideButton;
	/**
	 * 滑动按钮的左边界
	 */
	private float slideBtn_left;
	/**
	 * 当前开关的状态
	 */
	private boolean currentState = false;

	/**
	 * 在代码里面创建对象的时候。使用此构造方法
	 * 
	 * @param context
	 */
	public MyToggleButton(Context context) {
		super(context);
	}

	/**
	 * 在布局文件里声明的view，创建时由系统自己主动调用
	 * 
	 * @param context
	 * @param attrs
	 */
	public MyToggleButton(Context context, AttributeSet attrs) {
		super(context, attrs);
		initView();
	}

	/**
	 * 測量尺寸时的回调方法
	 */
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		// super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		// 设置当前view的大小 width:view的宽，单位都是像素值 heigth:view的高。单位都是像素值
		setMeasuredDimension(backgroundBitmap.getWidth(),
				backgroundBitmap.getHeight());
	}

	// 这种方法对于自己定义view的时候帮助不大，由于view的位置一般由父组件来决定的
	@Override
	protected void onLayout(boolean changed, int left, int top, int right,
			int bottom) {
		super.onLayout(changed, left, top, right, bottom);
	}

	/**
	 * 画view的方法,绘制当前view的内容
	 */
	@Override
	protected void onDraw(Canvas canvas) {
		// super.onDraw(canvas);

		Paint paint = new Paint();
		// 打开抗锯齿
		paint.setAntiAlias(true);

		// 画背景
		canvas.drawBitmap(backgroundBitmap, 0, 0, paint);
		// 画滑块
		canvas.drawBitmap(slideButton, slideBtn_left, 0, paint);
	}

	/**
	 * 初始化view
	 */
	private void initView() {
		backgroundBitmap = BitmapFactory.decodeResource(getResources(),
				R.drawable.switch_background);
		slideButton = BitmapFactory.decodeResource(getResources(),
				R.drawable.slide_button);

		/*
		 * 点击事件
		 */
		setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {

				currentState = !currentState;
				flushState();
				flushView();
			}
		});
	}

	/**
	 * 刷新视图
	 */
	protected void flushView() {
		// 刷新当前view会导致ondraw方法的运行
		invalidate();
	}

	/**
	 * 刷新当前的状态
	 */
	protected void flushState() {
		if (currentState) {
			slideBtn_left = backgroundBitmap.getWidth()
					- slideButton.getWidth();
		} else {
			slideBtn_left = 0;
		}
	}

}

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="${relativePackage}.${activityClass}" >


    <com.example.togglebutton.ui.MyToggleButton
        android:id="@+id/my_toggle_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" />


</RelativeLayout>

package com.example.togglebutton;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

	}
}