最近要做一个自定义的android控件叫Switch。原生的switch大概使这个样子:
而我要做的自定义Switch大概是这个样子:
这样看起来,应该是自定义的要好看一点吧。
要实现这个效果,要写一个自定义View,继承自View类:
public class MySwitch extends View implements View.OnClickListener
其中最重要的是实现onMeasure()、onDraw()以及onTouchEvent()这两个方法。
onMeasure()是用来指定该自定义View的尺寸。
onDraw()方法是用来绘制这个View。
onTouchEvent()方法响应手指的按下、滑动、取消和抬起动作。
(具体的步骤在代码中,耐心看会看懂)
需要三张png格式的图片(图片可以右键存下来):
整体逻辑是这样的:
首先用Bitmap把这三张图片加载进来。
在onDraw()方法中将指定位置的特定图片绘制出来。
在onTouch()方法监听手指按下(ACTION_DOWN)、滑动(ACTION_MOVE)、抬起(ACTION_UP)以及取消(ACTION_CANCEL)。让图片的绘制位置跟随手指的特定动作,以实现动画效果。
至于具体如何实现的,看代码吧。
要着重说下取消(ACTION_CANCEL)。有可能在手指滑动过程中,出现手指滑出控件区域,这时抬起(ACTION_UP)时间并不会被响应。这时,可能会出现圆点停在中间不动的现象,所以务必加上取消(ACTION_CANCEL)的响应。
(感想:要成为程序员,要有钻研精神、细心、耐心。坚持就有回报!共勉)
package com.example.root.jayzhao;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
/**
* Created by Jay Zhao on 16-1-20.
*/
public class MySwitch extends View implements View.OnClickListener {