Android ——利用OnDraw实现自定义View（转）

自定义View的实现方式大概可以分为三种，自绘控件、组合控件、以及继承控件。本文将介绍自绘控件的用法。自绘控件的意思是，这个控件上的内容是用onDraw函数绘制出来的。关于onDraw函数的介绍可参看 Android视图绘制流程完全解析，带你一步步深入了解View(二) 。

例子1：在layout文件中使用自绘控件

出处：http://blog.csdn.net/guolin_blog/article/details/17357967

下面我们准备来自定义一个计数器View，这个View可以响应用户的点击事件，并自动记录一共点击了多少次。新建一个CounterView继承自View，代码如下所示：

public class CounterView extends View implements OnClickListener {  

    private Paint mPaint;  

    private Rect mBounds;  

    private int mCount;  

    public CounterView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mBounds = new Rect();
        setOnClickListener(this);
    }  

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.BLUE);
        canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint);
        mPaint.setColor(Color.YELLOW);
        mPaint.setTextSize(30);
        String text = String.valueOf(mCount);
        mPaint.getTextBounds(text, 0, text.length(), mBounds);
        float textWidth = mBounds.width();
        float textHeight = mBounds.height();
        canvas.drawText(text, getWidth() / 2 - textWidth / 2, getHeight() / 2
                + textHeight / 2, mPaint);
    }  

    @Override
    public void onClick(View v) {
        mCount++;
        invalidate();
    }  

}  

可以看到，首先我们在CounterView的构造函数中初始化了一些数据，并给这个View的本身注册了点击事件，这样当CounterView被点击的时候，onClick()方法就会得到调用。而onClick()方法中的逻辑就更加简单了，只是对mCount这个计数器加1，然后调用invalidate()方法。通过 Android视图状态及重绘流程分析，带你一步步深入了解View(三) 这篇文章的学习我们都已经知道，调用invalidate()方法会导致视图进行重绘，因此onDraw()方法在稍后就将会得到调用。

在布局文件中加入如下代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >  

    <com.example.customview.CounterView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerInParent="true" />  

</RelativeLayout> 

可以看到，这里我们将CounterView放入了一个RelativeLayout中。注意，自定义的View在使用的时候一定要写出完整的包名，不然系统将无法找到这个View。

例子2：通过实例化对象的方式使用自定义控件

出处：http://blog.csdn.net/ameyume/article/details/6031024

Android绘图操作，通过继承View实现，在onDraw函数中实现绘图。

下面是一个简单的例子：

public class AndroidTest extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);  

        MyView mv = new MyView(this);
        setContentView(mv);
    }  

    public class MyView extends View {  

        MyView(Context context) {
            super(context);
        }  

        @Override
        protected void onDraw(Canvas canvas) {
            // TODO Auto-generated method stub
            super.onDraw(canvas);  

            // 首先定义一个paint
            Paint paint = new Paint();   

            // 绘制矩形区域-实心矩形
            // 设置颜色
            paint.setColor(Color.BLUE);
            // 设置样式-填充
            paint.setStyle(Style.FILL);
            // 绘制一个矩形
            canvas.drawRect(new Rect(0, 0, getWidth(), getHeight()), paint);   

            // 绘空心矩形
            // 设置颜色
            paint.setColor(Color.RED);
            // 设置样式-空心矩形
            paint.setStyle(Style.STROKE);
            // 绘制一个矩形
            canvas.drawRect(new Rect(10, 10, 100, 30), paint);   

            // 绘文字
            // 设置颜色
            paint.setColor(Color.GREEN);
            // 绘文字
            canvas.drawText("Hello", 10, 50, paint);   

            // 绘图
            // 从资源文件中生成位图
            Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.icon);
            // 绘图
            canvas.drawBitmap(bitmap, 10, 60, paint);
        }  

    }
}