android 自定义view

看了鸿洋大大的自定义view,自己也写个，有图有真相，先上张图：

根据自定义的步骤：
1.自定义view的属性
2.获取view的属性
3.设置view的高和宽
4.重绘view

1、根据上面步骤，自定义的view属性，在values文件夹里创建attr_table.xml,内容:

<declare-styleable name="tableView">
    <attr name="divider" format="dimension"/>
    <attr name="row" format="integer"/>
     <attr name="column" format="integer"/>
</declare-styleable>

2、获取view的属性:

/**默认行和列分隔线之间距离*/
    private final int DEFAULT_DIVIDER = 10;
    /**默认行数*/
    private final int DEFAULT_ROW = 10;
    /**默认列数*/
    private final int DEFAULT_COLUMN = 10;
    /**自定义属性分隔线距离*/
    private int mDivider;
    /**自定义属性行数*/
    private int mRow;
    /**自定义属性列数*/
    private int mColumn;
    /**画笔*/
    private Paint mPaint;
    /**每一行的固定起始坐标*/
    private LinePosition mRowLine;
    /**每一列的固定超始坐标*/
    private LinePosition mColumnLine;
    /**可移动行的起始坐标*/
    private LinePosition mMoveRowLine;
    /**可移动列的起始坐标*/
    private LinePosition mMoveColumnLine;
    /**TableView 的宽*/
    private int mWidth;
    /**TableView 的高*/
    private int mHeight;
    /**当前移动的行*/
    private int mMoveCurrentRow = 0;
    /**当前移动的列*/
    private int mMoveCurrentColumn = 0;


    public TableView(Context context) {
        this(context,null);
    }

    public TableView(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    public TableView(Context context, 
                    AttributeSet attrs, 
                    int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView(context,attrs,defStyleAttr);
    }

    private void initView(Context context, 
                          AttributeSet attrs, 
                          int defStyleAttr) {
        TypedArray a = context.obtainStyledAttributes
                (attrs,R.styleable.tableView,defStyleAttr,0);
        int n = a.getIndexCount();
        for (int i = 0; i < n; i++){
            int attr = a.getIndex(i);
            switch (attr){
                case R.styleable.tableView_divider:
                    mDivider = a.getDimensionPixelSize(
                        attr,
                        (int)TypedValue.applyDimension(
                        TypedValue.COMPLEX_UNIT_DIP,
                        DEFAULT_DIVIDER,
                        getResources().getDisplayMetrics()));
                    break;
                case R.styleable.tableView_row:
                    mRow = a.getInt(attr, DEFAULT_ROW);
                    break;
                case R.styleable.tableView_column:
                    mColumn = a.getInt(attr, DEFAULT_COLUMN);
                    break;

            }
        }
        a.recycle();
        mPaint = new Paint();
        mRowLine = new LinePosition();
        mColumnLine = new LinePosition();
        mMoveRowLine = new LinePosition();
        mMoveColumnLine = new LinePosition();
    }

类成员都有注译,initView()这个函数主要初始化类成员。

3、onMeasure()计算宽和高

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    mWidth = (mColumn + 1) * mDivider;
    mHeight = (mRow + 1) * mDivider;
    setMeasuredDimension(mWidth, mHeight);
}

4.重绘view

 @Override
    protected void onDraw(Canvas canvas) {
        mPaint.setAntiAlias(true);
        mPaint.setColor(Color.WHITE);
        mPaint.setStrokeWidth((float) 1.0);
        /**画行*/
        for (int i = 0; i < mRow; i++){
            setRowPostion(i,mRowLine);
            canvas.drawLine(mRowLine.startX,mRowLine.startY,mRowLine.stopX,mRowLine.stopY,mPaint);
        }
        /**画列*/
        for (int i = 0; i < mColumn; i++){
            setColumnPostion(i,mColumnLine);
            canvas.drawLine(mColumnLine.startX,mColumnLine.startY,mColumnLine.stopX,mColumnLine.stopY,mPaint);
        }
        /**画可移动的行*/
        mPaint.setColor(Color.YELLOW);
        mPaint.setStrokeWidth((float) 3.0);
        setRowPostion(mMoveCurrentRow,mMoveRowLine);
        canvas.drawLine(mMoveRowLine.startX,mMoveRowLine.startY,mMoveRowLine.stopX,mMoveRowLine.stopY,mPaint);

        /**画可移动的列*/
        setColumnPostion(mMoveCurrentColumn,mMoveColumnLine);
        canvas.drawLine(mMoveColumnLine.startX,mMoveColumnLine.startY,mMoveColumnLine.stopX,mMoveColumnLine.stopY,mPaint);
    }

5、布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:custom="http://schemas.android.com/apk/res-auto"
              android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
        >
        <com.example.CustomValueView.TableView
                android:id="@+id/mTableView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                custom:divider="16dp"
                custom:row="15"
                custom:column="17"
                />
        <Button
                android:id="@+id/mUpBtn"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/up_selector"
                android:layout_above="@id/mTableView"
                android:layout_centerHorizontal="true"
                />
        <Button
            android:id="@+id/mDownBtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/down_selector"
            android:layout_below="@id/mTableView"
            android:layout_centerHorizontal="true"
            />
        <Button
            android:id="@+id/mLeftBtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/left_selector"
            android:layout_toLeftOf="@id/mTableView"
            android:layout_centerVertical="true"
            />
        <Button
            android:id="@+id/mRightBtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/right_selector"
            android:layout_toRightOf="@id/mTableView"
            android:layout_centerVertical="true"
            />
</RelativeLayout>

源代码点击下载:http://download.youkuaiyun.com/detail/ooppcool/8907205