自定义控件开关，绘制图片。

资源来源黑马培训机构教学视频

前段时间，学习了自定义控件，后来绝的用处很大，所以来和大家分享一下，自定义布局控件的使用，自定义控件，自己绘制控件。

步骤和另外一个一样，就不写步骤顺序那些麻烦的东西了。

主要的操作就是：
要自己写 onMeasure(…)方法。该方法 测量尺寸时的回调方法。
onDraw() 方法，该方法绘制
invalidate();该方法用于刷新，调用该方法后系统会自动调用onDraw();方法。

public class MyToggleButton extends View implements View.OnClickListener {    //滑动图片的资源id    private int slideBtnId;    //背景图的资源id    private int backgroundId;    private Paint paint;    private Bitmap backgroudBitmap;    private Bitmap slideBtn;    /**     * 滑动按钮的左边接     */    private float slideBtn_left = 0;    //在代码里面创建对象的时候创建，使用该够着方法    public MyToggleButton(Context context) {        super(context);    }    /**     * 在布局文件中声明 的 view 创建时系统自动调用     */    public MyToggleButton(Context context, AttributeSet attrs) {        super(context, attrs);        //获得自定义的属性        TypedArray ta = context.obtainStyledAttributes(                attrs, R.styleable.MyToggleBtn);        int n = ta.getIndexCount();        for (int i = 0; i < n; i++) {            /*获取某个属性的id值*/            int itemId = ta.getIndex(i);            switch (itemId) {                case R.styleable.MyToggleBtn_curr_state:                    currState = ta.getBoolean(itemId, false);                    break;                case R.styleable.MyToggleBtn_my_background:                    backgroundId = ta.getResourceId(itemId, -1);                    if (backgroundId == -1) {                        throw new RuntimeException("请设置背景图片");                    }                    backgroudBitmap = BitmapFactory.decodeResource(                            getResources(), backgroundId);                    break;                case R.styleable.MyToggleBtn_my_slide_btn:                    slideBtnId = ta.getResourceId(itemId, -1);                    if (slideBtnId == -1) {                        throw new RuntimeException("请设置资源图片");                    }                    slideBtn = BitmapFactory.decodeResource(                            getResources(), slideBtnId                    );                    break;            }        }        initView();    }    private void initView() {//        backgroudBitmap = BitmapFactory.//                decodeResource(getResources(), R.drawable.switch_background);//        slideBtn = BitmapFactory.decodeResource(getResources(),//                R.drawable.slide_button);        //初始化画逼        paint = new Paint();        paint.setAntiAlias(true);//打开抗锯齿        //添加onclick的监听        setOnClickListener(this);        flushState();    }    /**'     * view 对象显示的屏幕上，有几个步骤     * 1.构造方法的创建     * 2，测量view的大小     * 3,确定view的位置，view自身的一些建议权，决定权在父view手中的     * 4，绘制view的内容，     *     */    /**     * 测量尺寸时的回调方法。     *     * @param widthMeasureSpec     * @param heightMeasureSpec     */    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {//        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        /**         * 设置当前view的         * 宽度，高度， --> 单位像素值。         */        setMeasuredDimension(backgroudBitmap.getWidth(), backgroudBitmap.getHeight());    }    /*        确定位置的时候调用该方法        对自定义view的时候自定义不大。     *///    @Override//    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {//        super.onLayout(changed, left, top, right, bottom);//    }    /**     * 当前开关的状态，默认 开     */    private boolean currState = false;    @Override    protected void onDraw(Canvas canvas) {//        super.onDraw(canvas);        //绘制背景，paint绘制图片要使用的画笔        canvas.drawBitmap(backgroudBitmap, 0, 0, paint);        //绘制课滑动的按钮        canvas.drawBitmap(slideBtn, slideBtn_left, 0, paint);    }    /**     * 判断是否发送拖动了，就不相应onclick时间     */    private boolean isDrag = false;    /**     * onclick事件在View.onTouchEvent 中被解析，     * 系统对事件的解析，过于简陋，只有有down事件和up事件，     * 系统便认为发生了onclick     *     * @param v     */    @Override    public void onClick(View v) {        if (!isDrag) {  //如果没有拖动，            currState = !currState;            flushState();        }    }    /**     * down 事件的x值     */    private int firstX;    /**     * touch事件的上一个X值     */    private int lastX;    @Override    public boolean onTouchEvent(MotionEvent event) {        super.onTouchEvent(event);        switch (event.getAction()) {            case MotionEvent.ACTION_DOWN:                firstX = lastX = (int) event.getX();                isDrag = false;                break;            case MotionEvent.ACTION_MOVE:                //判断是否发生拖动，                if (Math.abs(event.getX() - firstX) > 5) {                    isDrag = true;                }                int dis = (int) (event.getX() - lastX);                //将本次的位置，设置给lastX                lastX = (int) event.getX();                //根据手指移动的距离，改变slideBtn_left的值                slideBtn_left = slideBtn_left + dis;                break;            case MotionEvent.ACTION_UP:                //在发生拖动的情况下，根据最后的位置判断当前开关的额状态                if (isDrag) {                    int maxLeft = backgroudBitmap.getWidth() -                            slideBtn.getWidth();                    //根据slideBtn——left判段，当前应该是上面状态                    if (slideBtn_left > maxLeft / 2) {                        currState = true;                    } else {                        currState = false;                    }                    flushState();                }                break;        }        flushView();        return true;//返回false将不处理函数    }    /**     * 刷新当前视图     */    private void flushView() {        //要对 slideBtn_left的值进行判断，保证合理的位置        int maxLeft = backgroudBitmap.getWidth() -                slideBtn.getWidth();        slideBtn_left = (slideBtn_left > 0) ? slideBtn_left : 0;        slideBtn_left = (slideBtn_left < maxLeft) ? slideBtn_left : maxLeft;        invalidate();//刷新当前视图，调用onDraw();    }    /**     * 刷新当前状态     */    private void flushState() {        if (currState) {            slideBtn_left = backgroudBitmap.getWidth()                    - slideBtn.getWidth();        } else {            slideBtn_left = 0;        }        flushView();    }}

“`

注意，如果测试，一定要导入图片，这是绘制图片的自定义方法