android自定义开关控件-SlideSwitch的实例

package com.example.Hellojni; 
 
import android.content.Context; 
import android.content.res.resources; 
import android.graphics.bitmap; 
import android.graphics.bitmapFactory; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Rect; 
import android.graphics.Typeface; 
import android.util.AttributeSet; 
import android.util.Log; 
import android.view.MotionEvent; 
import android.view.View; 
import android.view.ViewGroup.LayoutParams; 
 
/** 
 * SlideSwitch 仿iphone滑动开关组件，仿百度魔图滑动开关组件 
 * 组件分为三种状态：打开、关闭、正在滑动<br/> 
 * 使用方法：     
 * <pre>SlideSwitch slideSwitch = new SlideSwitch(this); 
 *slideSwitch.setOnSwitchChangedListener(onSwitchChangedListener); 
 *linearLayout.addView(slideSwitch); 
</pre> 
注：也可以加载在xml里面使用 
 * @author scott 
 * 
 */ 
public class SlideSwitch extends View 
{ 
  public static final String TAG = "SlideSwitch"; 
  public static final int SWITCH_OFF = 0;//关闭状态 
  public static final int SWITCH_ON = 1;//打开状态 
  public static final int SWITCH_SCROLING = 2;//滚动状态 
   
  //用于显示的文本 
  private String mOntext = "打开"; 
  private String mOffText = "关闭"; 
 
  privatE int mSwitchStatus = SWITCH_OFF; 
 
  private Boolean mHasScrolled = false;//表示是否发生过滚动 
 
  privatE int mSrcX = 0,mDstX = 0; 
   
  privatE int mBmpWidth = 0; 
  privatE int mBmpHeight = 0; 
  privatE int mThumbWidth = 0; 
 
  private   Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 
   
  private OnSwitchChangedListener mOnSwitchChangedListener = null; 
 
  //开关状态图 
  Bitmap mSwitch_off,mSwitch_on,mSwitch_thumb; 
 
  public SlideSwitch(Context context)  
  { 
    this(context,null); 
  } 
 
  public SlideSwitch(Context context,AttributeSet attrs)  
  { 
    super(context,attrs); 
    init(); 
  } 
 
  public SlideSwitch(Context context,AttributeSet attrs,int defStylE) 
  { 
    super(context,attrs,defStylE); 
    init(); 
  } 
 
  //初始化三幅图片 
  private void init() 
  { 
    resources res = getresources(); 
    mSwitch_off = BitmapFactory.decoderesource(res,R.drawable.bg_switch_off); 
    mSwitch_on = BitmapFactory.decoderesource(res,R.drawable.bg_switch_on); 
    mSwitch_thumb = BitmapFactory.decoderesource(res,R.drawable.switch_thumb); 
    mBmpWidth = mSwitch_on.getWidth(); 
    mBmpHeight = mSwitch_on.getHeight(); 
    mThumbWidth = mSwitch_thumb.getWidth(); 
  } 
 
  @Override 
  public void setLayoutParams(LayoutParams params)  
  { 
    params.width = mBmpWidth; 
    params.height = mBmpHeight; 
    super.setLayoutParams(params); 
  } 
   
  /** 
   * 为开关控件设置状态改变监听函数 
   * @param onSwitchChangedListener 参见 {@link OnSwitchChangedListener} 
   */ 
  public void setOnSwitchChangedListener(OnSwitchChangedListener onSwitchChangedListener) 
  { 
    mOnSwitchChangedListener = onSwitchChangedListener; 
  } 
   
  /** 
   * 设置开关上面的文本 
   * @param ontext 控件打开时要显示的文本 
   * @param offText 控件关闭时要显示的文本 
   */ 
  public void setText(final String ontext,final String offText) 
  { 
    mOntext = ontext; 
    mOffText =offText; 
    invalidate(); 
  } 
   
  /** 
   * 设置开关的状态 
   * @param on 是否打开开关 打开为true 关闭为false 
   */ 
  public void setStatus(Boolean on) 
  { 
    mSwitchStatus = ( on ? SWITCH_ON : SWITCH_OFF); 
  } 
   
  @Override 
  public Boolean onTouchEvent(MotionEvent event) 
  { 
    int action = event.getAction(); 
    Log.d(tag,"onTouchEvent x=" + event.getX()); 
    switch (action) { 
    case MotionEvent.ACTION_DOWN: 
      mSrcX = (int) event.getX(); 
      break; 
    case MotionEvent.ACTION_MOVE: 
      mDstX = Math.max( (int) event.getX(),10); 
      mDstX = Math.min( mDstX,62); 
      if(mSrcX == mDstX) 
        return true; 
      mHasScrolled = true; 
      AnimationTransRunnable aTransRunnable = new AnimationTransRunnable(mSrcX,mDstX,0); 
      new Thread(aTransRunnablE).start(); 
      mSrcX = mDstX; 
      break; 
    case MotionEvent.ACTION_UP: 
      if(mHasScrolled == falsE)//如果没有发生过滑动，就意味着这是一次单击过程 
      { 
        mSwitchStatus = Math.abs(mSwitchStatus-1); 
        int xFrom = 10,xTo = 62; 
        if(mSwitchStatus == SWITCH_OFF) 
        { 
          xFrom = 62; 
          xTo = 10; 
        } 
        AnimationTransRunnable runnable = new AnimationTransRunnable(xFrom,xTo,1); 
        new Thread(runnablE).start(); 
      } 
      else 
      { 
        invalidate(); 
        mHasScrolled = false; 
      } 
      //状态改变的时候 回调事件函数 
      if(mOnSwitchChangedListener != null) 
      { 
        mOnSwitchChangedlistener.onSwitchChanged(this,mSwitchStatus); 
      } 
      break; 
 
    default: 
      break; 
    } 
    return true; 
  } 
 
  @Override 
  protected void onSizeChanged(int w,int h,int oldw,int oldh) 
  { 
    super.onSizeChanged(w,h,oldw,oldh); 
  } 
 
  @Override 
  protected void onDraw(Canvas canvas) 
  { 
    super.onDraw(canvas); 
    //绘图的时候 内部用到了一些数值的硬编码，其实不太好， 
    //主要是考虑到图片的原因，图片周围有透明边界，所以要有一定的偏移 
    //硬编码的数值只要看懂了代码，其实可以理解其含义，可以做相应改进。 
    mPaint.setTextSize(14); 
    mPaint.setTypeface(Typeface.DEFAULT_BOLD); 
     
    if(mSwitchStatus == SWITCH_OFF) 
    { 
      drawBitmap(canvas,null,mSwitch_off); 
      drawBitmap(canvas,mSwitch_thumb); 
      mPaint.setColor(Color.rgb(105,105,105)); 
      canvas.translate(mSwitch_thumb.getWidth(),0); 
      canvas.drawText(mOffText,20,mPaint); 
    } 
    else if(mSwitchStatus == SWITCH_ON) 
    { 
      drawBitmap(canvas,mSwitch_on); 
      int count = canvas.save(); 
      canvas.translate(mSwitch_on.getWidth() - mSwitch_thumb.getWidth(),0); 
      drawBitmap(canvas,mSwitch_thumb); 
      mPaint.setColor(Color.WHITE); 
      canvas.restoreToCount(count); 
      canvas.drawText(mOntext,17,mPaint); 
    } 
    else //SWITCH_SCROLING 
    { 
      mSwitchStatus = mDstX > 35 ? SWITCH_ON : SWITCH_OFF; 
      drawBitmap(canvas,new Rect(0,mBmpHeight),(int)R_33_11845@DstX,mSwitch_on); 
      mPaint.setColor(Color.WHITE); 
      canvas.drawText(mOntext,mPaint); 
 
      int count = canvas.save(); 
      canvas.translate(mDstX,new Rect(mDstX,mBmpWidth,mBmpWidth - mDstX,mSwitch_off); 
      canvas.restoreToCount(count); 
 
      count = canvas.save(); 
      canvas.clipRect(mDstX,mBmpHeight); 
      canvas.translate(mThumbWidth,0); 
      mPaint.setColor(Color.rgb(105,105)); 
      canvas.drawText(mOffText,mPaint); 
      canvas.restoreToCount(count); 
 
      count = canvas.save(); 
      canvas.translate(mDstX - mThumbWidth / 2,mSwitch_thumb); 
      canvas.restoreToCount(count); 
    } 
 
  } 
 
  public void drawBitmap(Canvas canvas,Rect src,Rect dst,Bitmap bitmap) 
  { 
    dst = (dst == null ? new Rect(0,bitmap.getWidth(),bitmap.getHeight()) : dst); 
    Paint paint = new Paint(); 
    canvas.drawBitmap(bitmap,src,dst,paint); 
  } 
 
  /** 
   * AnimationTransRunnable 做滑动动画所使用的线程 
   */ 
  private class AnimationTransRunnable implements Runnable 
  { 
    privatE int srcX,dstX; 
    privatE int duration; 
 
    /** 
     * 滑动动画 
     * @param srcX 滑动起始点 
     * @param dstX 滑动终止点 
     * @param duration 是否采用动画，1采用，0不采用 
     */ 
    public AnimationTransRunnable(float srcX,float dstX,final int duration) 
    { 
      this.srcX = (int)srcX; 
      this.dstX = (int)dstX; 
      this.duration = duration; 
    } 
 
    @Override 
    public void run()  
    { 
      final int patch = (dstX > srcX ? 5 : -5); 
      if(duration == 0) 
      { 
        SlideSwitch.this.mSwitchStatus = SWITCH_SCROLING; 
        SlideSwitch.this.posTinvalidate(); 
      } 
      else 
      { 
        Log.d(tag,"start Animation: [ " + srcX + "," + dstX + " ]"); 
        int x = srcX + patch; 
        while (Math.abs(x-dstX) > 5)  
        { 
          mDstX = x; 
          SlideSwitch.this.mSwitchStatus = SWITCH_SCROLING; 
          SlideSwitch.this.posTinvalidate(); 
          x += patch; 
          try  
          { 
            Thread.sleep(10); 
          }  
          catch (InterruptedException E) 
          { 
            e.printStackTrace(); 
          } 
        } 
        mDstX = dstX; 
        SlideSwitch.this.mSwitchStatus = mDstX > 35 ? SWITCH_ON : SWITCH_OFF; 
        SlideSwitch.this.posTinvalidate(); 
      } 
    } 
 
  } 
 
  public static interface OnSwitchChangedListener 
  { 
    /** 
     * 状态改变 回调函数 
     * @param status SWITCH_ON表示打开 SWITCH_OFF表示关闭 
     */ 
    public abstract void onSwitchChanged(SlideSwitch obj,int status); 
  } 
 
} 

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://scheR_33_11845@as.android.com/apk/res/android" 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent" 
  android:BACkground="#fdfdfd" 
  android:orientation="vertical" 
  android:paddingLeft="10dip" 
  android:paddingRight="10dip" > 
 
  <ImageView 
    android:id="@+id/imageView1" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:src="@drawable/top" /> 
 
  <RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" > 
 
    <TextView 
      android:id="@+id/textView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_centerVertical="true" 
      android:text="网络构图" 
      android:textSize="15sp" /> 
 
    <com.example.Hellojni.SlideSwitch 
      android:id="@+id/slideSwitch1" 
      android:layout_width="116dip" 
      android:layout_height="46dip" 
      android:layout_alignParentright="true" 
      android:layout_centerVertical="true" /> 
  </RelativeLayout> 
 
  <RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" > 
 
    <TextView 
      android:id="@+id/textView2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_centerVertical="true" 
      android:text="保留原图" 
      android:textSize="15sp" /> 
 
    <com.example.Hellojni.SlideSwitch 
      android:id="@+id/slideSwitch2" 
      android:layout_width="116dip" 
      android:layout_height="46dip" 
      android:layout_alignParentright="true" 
      android:layout_centerVertical="true" /> 
  </RelativeLayout> 
 
  <RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" > 
 
    <TextView 
      android:id="@+id/textView3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_centerVertical="true" 
      android:text="拍照声音" 
      android:textSize="15sp" /> 
 
    <com.example.Hellojni.SlideSwitch 
      android:id="@+id/slideSwitch3" 
      android:layout_width="116px" 
      android:layout_height="46px" 
      android:layout_alignParentright="true" 
      android:layout_centerVertical="true" /> 
  </RelativeLayout> 
 
  <TextView 
    android:id="@+id/textViewTip" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:gravity="center" 
    android:text="TextView" /> 
 
</LinearLayout>