Android学习：简单自定义View

Android程序的所有UI组件都继承了View类。

所以当Android系统提供的UI组件不符合自己的需求时，可以进行自定义View。

1、定义一个继承View类的子类

2、重写三个不同的构造方法

3、根据自己需求去重写其他方法

想自定义View，触摸会显示触摸的点，显示一个蓝色的小圆点。

首先定义一个类去继承View类：

package com.ikok.testview;

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

/**
 * Created by Anonymous on 2016/4/1.
 */
public class PersonalView extends View {
    // 触摸屏幕的点
    public float currentX = 40;
    public float currentY = 50;

    public PersonalView(Context context) {
        super(context);
    }

    public PersonalView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

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

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        /**
         * 创建画笔
         * 为画笔设置颜色
         * 画点
         */
        Paint paint = new Paint();
        paint.setColor(Color.CYAN);
        canvas.drawCircle(currentX,currentY,15,paint);

    }
}

然后在需要自定义View的视图上，添加自定义View。

package com.ikok.testview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 创建当前显示视图
        LinearLayout linearLayout = new LinearLayout(this);
        setContentView(linearLayout);

        final PersonalView view = new PersonalView(this);
        // 设置自定义组件的最小宽高
        view.setMinimumWidth(300);
        view.setMinimumHeight(500);
        // 绑定触摸监听器
        view.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // 当前触摸屏幕的位置
                view.currentX = event.getX();
                view.currentY = event.getY();
                // 通知draw组件重绘
                view.invalidate();
                // 返回 true 表明处理方法已经处理该事件
                return  true;
            }
        });
        // 把自定义View加载到视图中
        linearLayout.addView(view);

    }
}

启动程序，在屏幕上触摸会在当前触摸的位置显示一个蓝色的小圆点。