android自定义View的研究——模拟真实按钮例子

最近由于项目需要，捣鼓了一个模拟按动的按钮的自定义View。借着这个例子，总结一下自定义View的使用方式。效果如下：
按下后

由于如果用selector会放大后面一张图片，所以只有自定义View：

public class ButtonView extends ImageView {

    float width; //图片宽高
    float height;
    float Vwidth;  //View宽高
    int Vheight;
    static final int offset = 15;  //阴影相对圆心偏移量
    float scaleX;  //x方向缩放，这里为了使图片匹配控件大小
    float scaleY;
    boolean touchdraw;  //判断重绘是否是点击事件引起的

    Bitmap bitmap;
    Paint paint;
    MotionEvent event;
//第一种获得图片资源的方法，在attrs中定义，在layout xml中设置ButtonView_Image的值
    public ButtonView(Context context, AttributeSet attrs) {
        super(context, attrs);
        paint = new Paint();
        TypedArray a = context.getTheme().obtainStyledAttributes(attrs,
                R.styleable.ButtonView, 0, 0);
        bitmap = BitmapFactory.decodeResource(context.getResources(),
                a.getResourceId(R.styleable.ButtonView_Image, 0));
        width = bitmap.getWidth();
        height = bitmap.getHeight();
        paint.setColor(0x44000000);
        paint.setStyle(Style.FILL);
        touchdraw = false;  
        a.recycle();
    }
//第二种获得图片资源的方法，在java代码里调用该方法，可动态指定图片资源
    public void setbitmap(Bitmap bitmap) {
        this.bitmap = bitmap;
        width = bitmap.getWidth();
        height = bitmap.getHeight();
        touchdraw = false;
        invalidate();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        scaleX = Vwidth / (width + offset);
        scaleY = Vheight / (height + offset);
        Log.i("scaleX", "" + scaleX + "");
        if (touchdraw == false) {
            canvas.scale(scaleX, scaleY);
            canvas.drawCircle(width / 2 + offset, height / 2 + offset,
                    width / 2, paint);
            canvas.drawBitmap(bitmap, 0, 0, null);
        } else {
            if (event.getAction() == MotionEvent.ACTION_UP) {
                canvas.scale(scaleX, scaleY);
                canvas.drawCircle(width / 2 + offset, height / 2 + offset,
                        width / 2, paint);
                canvas.drawBitmap(bitmap, 0, 0, null);
            } else {
                canvas.scale(scaleX, scaleY);
                canvas.drawBitmap(bitmap, 15, 15, null);
            }
            touchdraw = false;
            super.onDraw(canvas);
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        this.event = event;
        touchdraw = true;
        invalidate();
        return super.onTouchEvent(event);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //onMeasur是测量View和子View的大小
        //自定义View执行方法顺序依次为：构造函数;onMeasure调用多次；onDraw
        //View的大小在xml中设置，所以这个不用自己再去控制它了，这里最后可以获得控件大小
        if (MeasureSpec.getSize(widthMeasureSpec) != 0) {
            Vwidth = MeasureSpec.getSize(widthMeasureSpec);
            Vheight = MeasureSpec.getSize(heightMeasureSpec);
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

静态使用View，必须增加命名空间：
LayoutXml

 xmlns:ButtonView="http://schemas.android.com/apk/res/com.xxx"

 <com.xxx.View.ButtonView
       android:id="@+id/music"
        android:layout_width="35dp"
        android:layout_height="35dp"
        android:layout_alignParentBottom="true"
        android:layout_alignRight="@id/play"
        android:layout_marginBottom="20dp"
        **ButtonView:Image="@drawable/music"**
        android:onClick="music" />

attrs.xml里增加：

<resources>
    <declare-styleable name="ButtonView">
        <attr name="Image" format="reference" />

    </declare-styleable>

</resources>

此处资源用构造函数里的attrs参数调用，format有几种格式。
动态使用View，直接调用setbitmap方法即可。

int[] musicImg = { R.drawable.music, R.drawable.w_music, R.drawable.p_music };
        Bitmap bitmap5 = BitmapFactory.decodeResource(getResources(),
                musicImg[config.Theme]);
        music.setbitmap(bitmap5);

通过此例可以基本掌握自定义View的使用，CheckBox之类难用的控件就可以放弃而自定义View了。
注意目前该代码必须设置静态资源，否则会报错，后面我会想办法改进。有疑问请留言。