自定义视图（继承View）

前言

　　Android提供了丰富的控件，但是有时候还是不能满足自己的需求，这时候就需要自定义视图了，自定义视图分为几种，一种为继承为View的，一种为继承于ViewGroup的。继承于View的需要我们自己去绘制控件，继承于ViewGroup的可以组织已有的控件，下面就先介绍下继承于View的情况。

效果图

　　下面就是自定义了一个简单的圆形图来介绍整个的绘制过程，如下所示

　　

概述

　　绘制一个控件需要绘制两部分内容，一是尺寸，二是内容，这通过两个方法来进行绘制，一个是onMeasure、一个是onDraw，整体结构如下所示

　　

public class CustomView extends View {

    public CustomView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    //绘制内容
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
    }
    //计算尺寸大小
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

}

onMeasure

　　这个函数用来计算控件的大小尺寸，尺寸这个地方有一个概念为绘制模式

　　MeasureSpec.AT_MOST：父元素指定控件最大达到的尺寸，通过设定为wrap_content为此模式

　　MeasureSpec.EXACTLY：父元素指定控件精确的大小，比如设置为100dip，或者match_parent为此模式

　　MeasureSpec.UNSPECIFIED：父元素不控制控件的大小，其大小完全由内部控制

　　这个模式，可以通过int mode = MeasureSpec.getMode(widthMeasureSpec);方法来获取模式。

　　等计算好大小后，通过setMeasuredDimension(width, height);方法来设置宽高

onDraw

　　这个函数用来绘制控件的内容，这个函数传入了一个Canvas对象，这个是当前的Canvas对象，把需要绘制的内容绘制到这个Canvas上即可，可以通过Canvas中的drawCircle、drawLine、drawText等方法来绘制内容，如果需要设定笔线内容，通过paint对象来设定

源码

　　Java

　　

public class CustomView extends View {

    int height=0,width=0;
    private int cx;    //圆心x
    private int cy;    //圆心y
    private int padding=5;    //控件边距
    
    public CustomView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //计算圆心位置、半径
        cx = width/2;
        cy = height/2;
        int radius = cx>cy?cy:cx;
        
        Paint paint = new Paint();
        paint.setColor(Color.RED);
        canvas.drawCircle(cx, cy, radius, paint);
        canvas.drawColor(Color.GRAY);
    }
    //计算尺寸大小
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        
        widthMeasureSpec = MeasureSpec.getSize(widthMeasureSpec);
        heightMeasureSpec = MeasureSpec.getSize(heightMeasureSpec);
        //计算宽度
        int mode = MeasureSpec.getMode(widthMeasureSpec);
        if(mode==MeasureSpec.EXACTLY){
            width = widthMeasureSpec + padding;
        }else{
            width = widthMeasureSpec;
        }
        
        //计算高度
        mode = MeasureSpec.getMode(heightMeasureSpec);
        if(mode==MeasureSpec.EXACTLY){
            height = heightMeasureSpec + padding;
        }else{
            height = heightMeasureSpec;
        }
        setMeasuredDimension(width, height);
    }

}

　　布局文件

　　

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity"
    
    >

    <com.example.customview.CustomView
        android:id="@+id/customView1"
        android:layout_width="50dip"
        android:layout_height="50dip"
        android:layout_alignParentLeft="true"        
        android:layout_alignParentTop="true"
        />

</RelativeLayout>

后记

　　这篇文章主要是说了下绘制的一个整体过程，实现的功能比较简单，但是再复杂的内容其原理是相同的，通过这个过程可以发挥想象力来绘制控件，关于通过组合控件来进行绘制的情况再下篇文章中进行叙述。

 原文地址：http://www.cnblogs.com/luoaz/p/3980651.html