自定义View——DrawView

自定义View——DrawView

 View组件的作用类似于Swing编程中的JPanal,它只是一个矩形的空白区域，View组件没有任何内容。对于Android应用的其它UI组件来说，它们都继承了View组件，然后在View组件提供的空白区域上绘制外观。下面是一个跟随手指的小球实例。

效果图：

activity_main.xml文件：

<LinearLayout
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"/>  

自定义的DrawView

package com.example.test001;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class DrawView extends View {
    public float currentX = 40;
    public float currentY = 50;
    Paint p = new Paint();
    public DrawView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }

    public DrawView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        super.onDraw(canvas);
        p.setColor(Color.RED);
        canvas.drawCircle(currentX, currentY, 15, p);
    }
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // TODO Auto-generated method stub
        super.onTouchEvent(event);
        currentX = event.getX();
        currentY = event.getY();
        invalidate();
        return true;
    }
}

上面的DrawView组件继承了View基类，并重写了onDraw方法——该方法负责在该组件的指定位置绘制一个小球。除此之外，该组件还重写了onTouchEvent（MotionEvent event）方法，该方法用于处理该组件的触碰事件，当用户手指触碰屏幕时激发该方法。当手指在触摸屏上移动时，将会不停地触发触摸屏事件，事件监听器中负责触发事件的坐标将被传入DrawView组件，并通知该组件重绘——这样即可保证DrawView上小球跟随手指移动而移动。

有了这个自定义组件后，接下来可以通过java代码将该组件添加到指定的容器中

package com.example.test001;

import android.app.Activity;
import android.os.Bundle;
import android.widget.LinearLayout;

public class MainActivity extends Activity {

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

        LinearLayout root = (LinearLayout) findViewById(R.id.root);
        final DrawView draw = new DrawView(this);
        draw.setMinimumWidth(300);
        draw.setMinimumHeight(500);
        root.addView(draw);
    }

}

运行效果如上面所示。

源码下载：http://download.csdn.net/detail/u013293125/9451803