18.自定义UI(画布)-单点触摸-多点触摸

一.知识概要

二.案例

1.自定义控件的触摸事件(返回值问题)

效果图：

思路:

具体代码实现:

a.布局文件activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/root"
    tools:context="com.zking.android18_diyui_touch.MainActivity">

    <com.zking.android18_diyui_touch.MyButton
        android:layout_width="300px"
        android:layout_height="300px"
        android:id="@+id/mbtn_main_button" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是系统自带的(控件)按钮"
        />

</LinearLayout>

b.Java代码

MyButton.java

package com.zking.android18_diyui_touch;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;

/**
 * 自定义控件
 * 把按钮MyButton当做Button使用
 */

public class MyButton extends View {

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

    public MyButton(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public MyButton(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public MyButton(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);//报错：Alt+回车-->Disable   跳过检查
    }

    /**
     * 画一个按钮
     *   canvas 画布
     *   Paint  画笔
     *   canvas.draw 点出你要画的东西
     */
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        canvas.drawColor(Color.RED);//背景颜色
        //1.实例化路径
        Path path=new Path();
        path.moveTo(100,100);//默认的起始坐标（线的开始坐标）
        path.lineTo(300,100);//开始画线（画到哪里去：线的终点坐标） 左300，高100
        path.lineTo(150,300);
        path.lineTo(200,50);
        path.lineTo(250,300);
        path.lineTo(100,100);
        //2.实例化一个画笔
        Paint paint=new Paint();
        paint.setColor(Color.YELLOW);//给画笔设置颜色（即实心的星星的颜色）

        paint.setStyle(Paint.Style.STROKE);//设置空心STROKE
        paint.setStrokeWidth(20);//设置画笔的粗细(即星星线条的粗细)
        //a.画路径
        canvas.drawPath(path,paint);

        paint.setStrokeWidth(3);//设置画笔的粗细
        paint.setColor(Color.BLUE);//设置字的颜色
        paint.setTextSize(30); //设置字的大小
        //b.画文字(课外:让字动起来)
        canvas.drawText("萌萌哒",150,150,paint);//字的位置
    }

    //没有调，但是只要触摸了就自动调用这个事件
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        Log.i("test","自定义的按钮的触摸事件---->回调");
        return false;
    }

}

MainActivity.java

package com.zking.android18_diyui_touch;

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

public class MainActivity extends AppCompatActivity {

    private MyButton mbtn_main_button;
    private LinearLayout root;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mbtn_main_button = (MyButton) findViewById(R.id.mbtn_main_button);
        root = (LinearLayout) findViewById(R.id.root);

        //给自定义按钮设置触摸事件
        mbtn_main_button.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                Log.i("test","自定义的按钮的触摸事件---->监听");
                return false;//true与false表示事件会不会传播(回调)   false继续调下一个   true不会传播
            }
        });

        //给root设置触摸事件(布局的事件)
        root.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                Log.i("test","自定义的按钮所在布局的触摸事件---->监听");
                return false;
            }
        });
    }

    //Activity的事件
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        Log.i("test","自定义的按钮所在Activity的触摸事件---->回调");
        return true;
    }

}

2.单点触摸