自定义view_开关

</pre><pre name="code" class="java">

</pre><pre name="code" class="java">

</pre><pre name="code" class="java">

自己写的一个自定义的开关

准备两张开关图片，一张为开关背景，一张的覆盖在上面的开关按钮

代码注释很详细

package com.example.customswitch;

import android.content.Context;
import android.drm.DrmStore.Action;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;

/**

*继承view

*/
public class MyToggleButton extends View implements OnClickListener{

	private Bitmap backgroundBitmap;//作为背景的图片
	private Bitmap slidebutton;//
	private Paint mPaint;//画笔
	private float slidBtn_left;//滑动按钮的左边界
	private boolean isBtnOpen = false;//当前开关状态，true为开
	
	
	/**
	 * 在代码里面创建对象时使用的方法
	 * @param context
	 */
	public MyToggleButton(Context context) {
		super(context);
	}
	/**
	 * 在布局文件中声明的view，创建时由系统自动调用
	 * @param context
	 * @param attrs
	 */
	public MyToggleButton(Context context, AttributeSet attrs) {
		super(context, attrs);
		initView();
	}
	/**
	 * 与第二个构造法相似，多了一个样式
	 * @param context
	 * @param attrs
	 * @param defStyle
	 */
	public MyToggleButton(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}
	/*
	 * 一个View对象显示在屏幕上的几个重要步骤
	 * 1、构造方法创建对象
	 * 2、测量view大小：系统测量，onMeasure(int int)
	 * 3、确定view的位置，view自身有一些建议权，决定权在父view手中: onLayout()
	 * 4、绘制view的内容:onDraw(canvas)
	 */
	
	/**
	 * 测量尺寸时的回调方法
	 */
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		/**
		 * 设置当前view的大小
		 * width：view的宽
		 * height：view的高(单位：像素)
		 */
		setMeasuredDimension(backgroundBitmap.getWidth(),backgroundBitmap.getHeight());//设置当前view的大小为背景大小
		
	}
	/**
	 * 确定位置时调用此方法
	 * 自定义view时作用不大
	 * 对自定义viewGroup作用大
	 */
	@Override
	protected void onLayout(boolean changed, int left, int top, int right,
			int bottom) {
		// TODO Auto-generated method stub
		super.onLayout(changed, left, top, right, bottom);
	}
	
	/**
	 * 绘制当前view内容
	 */
	@Override
	protected void onDraw(Canvas canvas) {
		//绘制背景
		canvas.drawBitmap(backgroundBitmap, 0, 0, mPaint);
		//绘制可以滑动的按钮
		
		canvas.drawBitmap(slidebutton, slidBtn_left, 0, mPaint);
		
	}
	/*
	 * 初始化
	 */
	private void initView() {
		//初始化图片
		backgroundBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.switch_background);
		slidebutton = BitmapFactory.decodeResource(getResources(), R.drawable.slide_button);
		//初始化画笔
		mPaint = new Paint();
		mPaint.setAntiAlias(true);//打开抗锯齿
		mPaint.setColor(Color.BLUE);
		//添加onclick事件监听
		setOnClickListener(this);
		
	}
	
	private boolean isDrag = false;//判断是否发生拖动，如果拖动了，就不再响应onclick事件
	/**
	 * onclick事件在view.onTouchEvent中被解析
	 * 系统对onclick事件的解析过于简陋
	 * 只要有down事件和up事件，系统就认为发生了onclick事件
	 */
	@Override
	public void onClick(View v) {
		
		if(!isDrag){//没有拖动才响应onclick
			isBtnOpen = !isBtnOpen;
			refreshState();	
		}
		
	}
	/**
	 * 刷新当前状态
	 */
	private void refreshState() {
		if(isBtnOpen){
			slidBtn_left = backgroundBitmap.getWidth()-slidebutton.getWidth();
		}else{
			slidBtn_left = 0;
		}
		/**
		 * 刷新当前view,
		 * 如果当前view是可见状态，则会重新调用onDraw方法
		 */
		invalidate();
	}
	/**
	 * Down事件时的X值
	 */
	private int firstX;
	/**
	 * touch事件的上一个X值
	 */
	private int lastX;
	
	public boolean onTouchEvent(MotionEvent event) {
		
		super.onTouchEvent(event);//oncick事件在super.onTouchEvent中解析
		
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			isDrag = false;
			
			firstX = (int) event.getX();
			lastX = firstX;
			
			break;
			
		case MotionEvent.ACTION_MOVE:
			//是否发生了拖动
			if(Math.abs(event.getX()-firstX) > 10){
				isDrag = true;
			}
			
			//计算手指在屏幕上滑动的距离
			int dis = (int) (event.getX()-lastX);
			//将本次的位置设置给lastX
			lastX = (int) event.getX();
			//根据手指移动的距离，改变slideBtn_left
			slidBtn_left = slidBtn_left + dis;
			
			break;
			
		case MotionEvent.ACTION_UP:
			
			if(isDrag){
				int maxLeft = backgroundBitmap.getWidth()-slidebutton.getWidth();
				/**
				 * 
				 */
				if(slidBtn_left>(maxLeft/2)){
					isBtnOpen = true;
				}else{
					isBtnOpen = false;
				}
				
				refreshState();
			}
			
			break;
			
		}
		
		flushView();
		
		return true;//如果设置为true则完全拦截下来
	}
	/**
	 * 刷新当前视图
	 */
	private void flushView() {
		//对slidBtn_left的值判断，确保其位置合理
		int maxLeft = backgroundBitmap.getWidth()-slidebutton.getWidth();
		//确保slidBtn_left范围，如果超出范围，则给一个边界值
		slidBtn_left = (slidBtn_left>0)?slidBtn_left:0;
		slidBtn_left = (slidBtn_left<maxLeft)?slidBtn_left:maxLeft;
		
		invalidate();
	}

}