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);   
        }  
          
    }  
}