自定义控件(1)-点击实现开关按钮切换

/**
     * 画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.test.view;

import com.example.test.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;

public class DJSwitch extends View {


    
    /**
     *  在代码中创建View的时候，调用的是此构造方法
     *  类似于iOS中的initWithFrame方法
     * @param context
     */
    public DJSwitch(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    
    /**
     * 在XML创建View的时候，调用的是此构造方法
     * 类似于iOS中的initWithCoder及awakeFromNib方法
     * @param context
     * @param attrs
     */
    public DJSwitch(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }


    
    /** 当前开关状态 */
    private boolean currentState = false;
    
    
    /**
     * 初始化View
     */
    private void initView() {
        /*
         * 从资源库中加载一个image对象
         * ios   UIImage *backgroundImage = [UIImage imageNamed:@"app_switch_bg"]; 
         * 也就是说,android里面的图像实体bitmap,可以当成是ios中的UIImage
         * 区别在于,ios中UIImage可以通过类方法来获取，android里面则是通过工厂方法来实现
         */
        switch_bg_img = BitmapFactory.decodeResource(getResources(), R.drawable.app_switch_bg);
        switch_btn_img = BitmapFactory.decodeResource(getResources(), R.drawable.app_switch_btn);

        // 添加监听
        setOnClickListener(new MyOnSwitchClickListener()); // 可以理解为ios中的addTarget方法，或addGestureRecognizer
    }
    
    
    
    private int switchBtnX;
    private int switchBtnY;
    
    
    private Bitmap switch_bg_img;
    private Bitmap switch_btn_img;
    
    
    
    private class MyOnSwitchClickListener implements OnClickListener {

        @Override
        public void onClick(View v) {
            switchBtnClick();
        }
    }
    
    
    /** 当点击时调用此方法 */
    private void switchBtnClick() {
        currentState = !currentState;
        invalidate(); // 类似于ios中[self setNeedDisplay]方法
    }
    
    
    
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        // 相当于设置这个View的CGSize属性
        setMeasuredDimension(switch_bg_img.getWidth(), switch_bg_img.getHeight());
    }
    
    
    
    /**
     * 画View的方法,绘制当前View的内容，类似于ios中的drawRect方法
     * ios在绘制时传入的是CGRect这个结构体，android里面传入的是canvas对象
     */
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint paint = new Paint(); // 中文意思为油漆,颜料
        paint.setAntiAlias(true);  // 设置抗锯齿
        
        /**
         * 画背景
         * Quartz2D中也有类似的API
         * UIImage *image =  [UIImage imageNamed:@"hhaa"]
         * [image drawAtPoint]; 
            * [image drawInRect];  // 将左边的图片放置到右边的矩形框里面，并且拉伸
         */
        canvas.drawBitmap(switch_bg_img, 0, 0, paint);
        
        // 画按钮
        if (currentState) {
            switchBtnX = switch_bg_img.getWidth() - switch_btn_img.getWidth();
        } else {
            switchBtnX = 0;
        }
        canvas.drawBitmap(switch_btn_img, switchBtnX, switchBtnY, paint);
        
    }
    
    
}

<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"
    >

    
    <!-- 为了清楚的看见该View的大小及位置，给其定义背景 -->
    <com.example.test.view.DJSwitch
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#ff0000"
        android:layout_centerInParent="true"
        />

</RelativeLayout>

package com.example.test;

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

public class MainActivity extends Activity {

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

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
    
}