自定义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) *//** * 测量尺寸时的回调方法 */@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);/** * 设置当前view的大小 * width：view的宽 * height：view的高(单位：像素) */setMeasuredDimension(backgroundBitmap.getWidth(),backgroundBitmap.getHeight());//设置当前view的大小为背景大小}/** * 确定位置时调用此方法 * 自定义view时作用不大 * 对自定义viewGroup作用大 */@Overrideprotected void onLayout(boolean changed, int left, int top, int right,int bottom) {// TODO Auto-generated method stubsuper.onLayout(changed, left, top, right, bottom);}/** * 绘制当前view内容 */@Overrideprotected 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事件 */@Overridepublic void onClick(View v) {if(!isDrag){//没有拖动才响应onclickisBtnOpen = !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);//将本次的位置设置给lastXlastX = (int) event.getX();//根据手指移动的距离，改变slideBtn_leftslidBtn_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();}}