<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
? ? ? ? ? ? ? ? xmlns:itheima="http://schemas.android.com/apk/res/com.itheima.togglebuttondemo"
? ? ? ? ? ? ? ? xmlns:tools="http://schemas.android.com/tools"
? ? ? ? ? ? ? ? android:layout_width="match_parent"
? ? ? ? ? ? ? ? android:layout_height="match_parent">
? ? <com.itheima.togglebuttondemo.view.ToggleButton
? ? ? ? android:id="@+id/togglebutton"
? ? ? ? android:layout_width="wrap_content"
? ? ? ? android:layout_centerInParent="true"
? ? ? ? itheima:SwitchBtnBackgroud="@drawable/switch_background"
? ? ? ? itheima:SlidBtnBackgroud="@drawable/slide_button_background"
? ? ? ? itheima:CurrentState="false"
? ? ? ? android:layout_height="wrap_content"/>
</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<resources>

? ? <declare-styleable name="ToggleButton">
? ? ? ? <!-- 滑動開關(guān)背景圖片屬性-->
? ? ? ? <attr
? ? ? ? ? ? name="SwitchBtnBackgroud"
? ? ? ? ? ? format="reference"/>
? ? ? ? <!-- 滑動塊背景圖片屬性-->
? ? ? ? <attr
? ? ? ? ? ? name="SlidBtnBackgroud"
? ? ? ? ? ? format="reference"/>
? ? ? ? <!-- 滑動開關(guān)的狀態(tài)-->
? ? ? ? <attr
? ? ? ? ? ? name="CurrentState"
? ? ? ? ? ? format="boolean"/>
? ? </declare-styleable>
</resources>

public class MainActivity extends Activity {
? ? @Override
? ? protected void onCreate(Bundle savedInstanceState) {
? ? ? ? super.onCreate(savedInstanceState);
? ? ? ? setContentView(R.layout.activity_main);
? ? ? ? ToggleButton togglebutton = (ToggleButton) findViewById(R.id.togglebutton);
? ? ? ? //設(shè)置滑動開關(guān)的背景圖片
? ? ? ? // togglebutton.setSwitchBtnBackgroudResource(R.drawable.switch_background);
? ? ? ? //設(shè)置滑動塊的背景圖片
? ? ? ? // togglebutton.setSlidBtnBackgroudResource(R.drawable.slide_button_background);
? ? ? ? //設(shè)置滑動開關(guān)的默認(rèn)狀態(tài)
? ? ? ? // togglebutton.setCurrentState(true);
? ? ? ? //設(shè)置滑動開關(guān)狀態(tài)改變監(jiān)聽
? ? ? ? Togglebutton.setToggleBtnStateChangeListener(new ToggleBtnStateChangeListener() {
? ? ? ? ? ? @Override
? ? ? ? ? ? public void onToggleBtnStateChange(boolean currentState) {
? ? ? ? ? ? ? ? if (currentState) {
? ? ? ? ? ? ? ? ? ? Toast.makeText(getApplicationContext(), "開關(guān)打開", 0).show();
? ? ? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? ? ? Toast.makeText(getApplicationContext(), "開關(guān)關(guān)閉", 0).show();
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? });
? ? }
}

public class ToggleButton extends View {
? ? private Bitmap ?switchBitmap;//滑動開關(guān)的背景圖片
? ? private Bitmap ?slidBitmap;//滑動塊的背景圖片
? ? private boolean currentState;
? ? private int ? ? currentX;//手指觸摸點(diǎn)的X 值
? ? private boolean isTouching = false;
? ? private ToggleBtnStateChangeListener mToggleBtnStateChangeListener;//狀態(tài)改變監(jiān)聽器
? ? //在xml 中引用該控件時(shí)，調(diào)用該方法
? ? public ToggleButton(Context context, AttributeSet attrs) {
? ? ? ? super(context, attrs);
? ? ? ? String namespace = "http://schemas.android.com/apk/res/com.itheima.togglebuttondemo";
? ? ? ? currentState = attrs.getAttributeBooleanValue(namespace, "CurrentState", false);
? ? ? ? int switchBtnBackgroudId =
? ? ? ? ? ? ? ? attrs.getAttributeResourceValue(namespace, "SwitchBtnBackgroud", -1);
? ? ? ? int slidBtnBackgroudId =
? ? ? ? ? ? ? ? attrs.getAttributeResourceValue(namespace, "SlidBtnBackgroud", -1);
? ? ? ? setSwitchBtnBackgroudResource(switchBtnBackgroudId);
? ? ? ? setSlidBtnBackgroudResource(slidBtnBackgroudId);
? ? }
? ? //在代碼中創(chuàng)建該控件時(shí)，調(diào)用該構(gòu)造方法
? ? public ToggleButton(Context context) {
? ? ? ? super(context);
? ? }
? ? //設(shè)置滑動開關(guān)的背景圖片
? ? public void setSwitchBtnBackgroudResource(int switchBackground) {
? ? ? ? switchBitmap = BitmapFactory.decodeResource(getResources(), switchBackground);
? ? }
? ? // 為了可以高度自定義和增強(qiáng)可擴(kuò)展性，我們可以給其創(chuàng)建一個(gè)自定義控件底部背景了一個(gè)方法
? ? // 設(shè)置滑動塊的背景圖片
? ? public void setSlidBtnBackgroudResource(int slideButtonBackground) {
? ? ? ? slidBitmap = BitmapFactory.decodeResource(getResources(), slideButtonBackground);
? ? }
? ? //設(shè)置滑動開關(guān)的默認(rèn)狀態(tài)
? ? public void setCurrentState(boolean b) {
? ? ? ? currentState = b;
? ? }
? ? // 1、測量滑動開關(guān)的寬高
? ? // 測量控件的寬高
? ? @Override
? ? protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
? ? ? ? super.onMeasure(widthMeasureSpec, heightMeasureSpec);
? ? ? ? setMeasuredDimension(switchBitmap.getWidth(), switchBitmap.getHeight());
? ? }
? ? // 2、繪制，畫出我們的滑動開關(guān)
? ? //canvas:畫布，將圖形繪制在canvas，才能顯示到屏幕上
? ? @Override
? ? protected void onDraw(Canvas canvas) {
? ? ? ? //繪制滑動開關(guān)的背景圖片
? ? ? ? canvas.drawBitmap(switchBitmap, 0, 0, null);
? ? ? ? //繪制滑動塊的背景圖片
? ? ? ? if(isTouching){//手指觸摸的時(shí)候，根據(jù)currentx 的值來繪制滑動塊
? ? ? ? ? ? //根據(jù)手指的X 值，來繪制滑動塊圖片
? ? ? ? ? ? int left = currentX - slidBitmap.getWidth()/2;
? ? ? ? ? ? if(left < 0){//設(shè)置左邊界
? ? ? ? ? ? ? ? left = 0;
? ? ? ? ? ? }else if(left > (switchBitmap.getWidth() - slidBitmap.getWidth())){//設(shè)置右邊界
? ? ? ? ? ? ? ? left = switchBitmap.getWidth() - slidBitmap.getWidth();
? ? ? ? ? ? }
? ? ? ? ? ? canvas.drawBitmap(slidBitmap, left, 0, null);
? ? ? ? }else{ // 手指離開控件的時(shí)候，根據(jù)狀態(tài)來繪制滑動塊
? ? ? ? ? ? // 根據(jù)狀態(tài)值，來繪制滑動塊
? ? ? ? ? ? if(currentState){ //當(dāng)前為true，開關(guān)打開，滑動塊顯示在最右邊
? ? ? ? ? ? ? ? canvas.drawBitmap(slidBitmap,switchBitmap.getWidth() - slidBitmap.getWidth(),
? ? ? ? ? ? ? ? ? ? ? ? 0, null);
? ? ? ? ? ? }else{//當(dāng)前為false，開關(guān)關(guān)閉，滑動塊顯示在最左邊
? ? ? ? ? ? ? ? canvas.drawBitmap(slidBitmap, 0, 0, null);
? ? ? ? ? ? }
? ? ? ? }
? ? }
? ? //當(dāng)控件被觸摸后，會調(diào)用該方法
? ? @Override
? ? public boolean onTouchEvent(MotionEvent event) {
? ? ? ? switch (event.getAction()) {
? ? ? ? ? ? case MotionEvent.ACTION_DOWN://手指按下
? ? ? ? ? ? ? ? isTouching = true;
? ? ? ? ? ? ? ? currentX = (int) event.getX();
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case MotionEvent.ACTION_MOVE://手指滑動
? ? ? ? ? ? ? ? isTouching= true;
? ? ? ? ? ? ? ? currentX = (int) event.getX();
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case MotionEvent.ACTION_UP://手指抬起
? ? ? ? ? ? ? ? isTouching = false;
? ? ? ? ? ? ? ? currentX = (int) event.getX();
? ? ? ? ? ? ? ? int center = switchBitmap.getWidth()/2;
? ? ? ? ? ? ? ? //當(dāng)滑動塊中心點(diǎn)大于滑動開關(guān)背景圖片的中心線時(shí)，顯示到右邊，當(dāng)前狀態(tài)為true
? ? ? ? ? ? ? ? boolean state = currentState;
? ? ? ? ? ? ? ? currentState = currentX > center;
? ? ? ? ? ? ? ? if(mToggleBtnStateChangeListener !=null&&state != currentState ){
? ? ? ? ? ? ? ? ? ? mToggleBtnStateChangeListener.onToggleBtnStateChange(currentState);
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? default:
? ? ? ? ? ? ? ? break;
? ? ? ? }
? ? ? ? invalidate(); //強(qiáng)制讓控件重新繪制，ondraw；
? ? ? ? return true; //自己處理觸摸事件
? ? }
? ? public void setToggleBtnStateChangeListener(ToggleBtnStateChangeListenerlistener){
? ? ? ? this.mToggleBtnStateChangeListener = listener;
? ? }
? ? // 定義滑動開關(guān)狀態(tài)改變的回調(diào)接口
? ? public interface ToggleBtnStateChangeListener{
? ? ? ? void onToggleBtnStateChange(boolean currentState);
? ? }
}