安卓 自定义View(区域点击效果)

最新推荐文章于 2021-11-11 20:01:51 发布
最新推荐文章于 2021-11-11 20:01:51 发布
阅读量392 收藏 2
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a_BinKiss/article/details/95382846
版权

自定义View

效果图

在这里插入图片描述

自定义View

// An highlighted block
package bw.com.Unit4;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.graphics.Region;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.MotionEvent;
import android.view.View;
import android.view.WindowManager;

import bw.com.Unit1.R;

public class AttrsView extends View {

    private  int myWidth;
    private  int myHeight;
    
    private Paint paint1;
    private Paint paint2;
    private Paint paint3;
    private Paint paint4;



    private Path path;
    private Path path1;
    private Path path2;
    private Path path3;
    private Path path4;

    private Context context;

    private int height;
    private int width;

    /*
    * 自定义属性 value
    * */
    public AttrsView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);

        this.context = context;

        //AttributeSet 对应的XML 属性集合
        //获取自定义属性集合
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.AttrsView);



        myWidth = typedArray.getInteger(R.styleable.AttrsView_myWidth,0);
        myHeight = typedArray.getInteger(R.styleable.AttrsView_myHeight,0);
        
        initPaint();

    }

    private void initPaint() {
        //获取窗口对象
        WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

        DisplayMetrics displayMetrics = new DisplayMetrics();

        windowManager.getDefaultDisplay().getMetrics(displayMetrics);

        height = displayMetrics.heightPixels;
        width  = displayMetrics.widthPixels;

        paint1 = new Paint();
        paint2 = new Paint();
        paint3 = new Paint();
        paint4 = new Paint();

        path = new Path();

        path1 = new Path();
        path2 = new Path();
        path3 = new Path();
        path4 = new Path();

        path1.moveTo(0,0);
        path1.lineTo(width/2,height/2);
        path1.lineTo(width,0);

        paint1.setAntiAlias(true);
        paint1.setStyle(Paint.Style.STROKE);
        paint1.setColor(Color.RED);
        paint1.setStrokeWidth(5);

        path2.moveTo(0,0);
        path2.lineTo(width/2,height/2);
        path2.lineTo(0,height);

        paint2.setAntiAlias(true);
        paint2.setStyle(Paint.Style.STROKE);
        paint2.setColor(Color.BLUE);
        paint2.setStrokeWidth(5);


        path3.moveTo(0,height);
        path3.lineTo(width/2,height/2);
        path3.lineTo(width,height);

        paint3.setAntiAlias(true);
        paint3.setStyle(Paint.Style.STROKE);
        paint3.setColor(Color.YELLOW);
        paint3.setStrokeWidth(5);

        path4.moveTo(width,0);
        path4.lineTo(width/2,height/2);
        path4.lineTo(width,height);

        paint4.setAntiAlias(true);
        paint4.setStyle(Paint.Style.STROKE);
        paint4.setColor(Color.GREEN);
        paint4.setStrokeWidth(5);


    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

//        canvas.drawCircle(myWidth,myHeight,50,paint);
        canvas.drawPath(path1,paint1);
        canvas.drawPath(path2,paint2);
        canvas.drawPath(path3,paint3);
        canvas.drawPath(path4,paint4);

    }

    public int Downx,Downy;

    //判断点击事件
    @Override
    public boolean onTouchEvent(MotionEvent event) {

        int x = (int) event.getX();
        int y = (int) event.getY();

        switch (event.getAction()){

            //按下
            case MotionEvent.ACTION_DOWN:

                Downx = x;
                Downy = y;
                //创建一个矩形
                RectF rectF1 = new RectF();
                RectF rectF2 = new RectF();
                RectF rectF3 = new RectF();
                RectF rectF4 = new RectF();
                //用path  分隔为矩形
                path1.computeBounds(rectF1,true);
                path2.computeBounds(rectF2,true);
                path3.computeBounds(rectF3,true);
                path4.computeBounds(rectF4,true);
                //一个区域
                Region region1 = new Region();
                Region region2 = new Region();
                Region region3 = new Region();
                Region region4 = new Region();
                //构建新区域
                region1.setPath(path1,new Region((int) rectF1.left,(int)rectF1.top,(int)rectF1.right,(int)rectF1.bottom));
                region2.setPath(path2,new Region((int) rectF2.left,(int)rectF2.top,(int)rectF2.right,(int)rectF2.bottom));
                region3.setPath(path3,new Region((int) rectF3.left,(int)rectF3.top,(int)rectF3.right,(int)rectF3.bottom));
                region4.setPath(path4,new Region((int) rectF4.left,(int)rectF4.top,(int)rectF4.right,(int)rectF4.bottom));

                boolean contains1 = region1.contains(Downx, Downy);
                boolean contains2 = region2.contains(Downx, Downy);
                boolean contains3 = region3.contains(Downx, Downy);
                boolean contains4 = region4.contains(Downx, Downy);

                if (contains1){
                    paint1.setStyle(Paint.Style.FILL);
                }
                if (contains2){
                    paint2.setStyle(Paint.Style.FILL);
                }
                if (contains3){
                    paint3.setStyle(Paint.Style.FILL);
                }
                if (contains4){
                    paint4.setStyle(Paint.Style.FILL);
                }
                break;
            //移动
            case MotionEvent.ACTION_MOVE:
                break;
            //抬起
            case MotionEvent.ACTION_UP:
                break;
        }

        invalidate();

        return true;
    }
}

Java代码

// An highlighted block
package bw.com.Unit4;

import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

import bw.com.Unit1.R;

public class User_DefinedActivity extends AppCompatActivity {
    TextView textView1;
    TextView textView2;
    int num;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_user__defined);

        EraserView view = findViewById(R.id.my_view);


//        new Thread(view).start();

    }
}

布局文件

// An highlighted block
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context="bw.com.Unit4.User_DefinedActivity">

    <bw.com.Unit4.EraserView
        android:id="@+id/my_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

    <!--<TextView-->
        <!--android:id="@+id/textview1"-->
        <!--android:layout_width="wrap_content"-->
        <!--android:layout_height="wrap_content"-->
        <!--android:text="点击改变随机数字 "-->
        <!--android:layout_centerInParent="true"-->
        <!--/>-->

    <!--<TextView-->
        <!--android:id="@+id/textview2"-->
        <!--android:layout_width="wrap_content"-->
        <!--android:layout_height="wrap_content"-->
        <!--android:layout_centerInParent="true"-->
        <!--android:layout_below="@id/textview1"-->

        <!--/>-->

</RelativeLayout>

效果图

在这里插入图片描述

自定义View类

// An highlighted block
package bw.com.Unit4;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.MotionEvent;
import android.view.View;
import android.view.WindowManager;

import bw.com.Unit1.R;

public class EraserView extends View {


    private Context context;
    private Paint paint;
    //屏幕的宽高
    private int width;
    private int height;
    //前景
    private Bitmap bitmap1;
    //灰色前景画布
    private Canvas my_Canvas;

    //背景
    private Bitmap bitmap2;
    //手指移动轨迹
    private Path path;

    private int MIN_PATH = 10;

    //设置一个全局的起点
    private int Downx,Downy;



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

        this.context = context;

        initPaint();
    }
    //初始化
    private void initPaint() {

        //获取屏幕宽高
        WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

        DisplayMetrics displayMetrics = new DisplayMetrics();

        windowManager.getDefaultDisplay().getMetrics(displayMetrics);

        width = displayMetrics.widthPixels;
        height = displayMetrics.heightPixels;

        paint = new Paint();
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth(30);
        //抗抖动、抗锯齿
        paint.setDither(true);
        paint.setAntiAlias(true);
        //设置色值（透明）
        paint.setARGB(128,255,0,0);
        //设置混合模式 DIS_IH
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
        //设置路径结合处样式
        paint.setStrokeJoin(Paint.Join.ROUND);
        //设置笔触类型
        paint.setStrokeCap(Paint.Cap.ROUND);

        //生成前景的Bitmap  图片的质量参数
        bitmap1 = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
        //加入画布
        my_Canvas = new Canvas(bitmap1);
        //灰色背景
        my_Canvas.drawColor(0XFF808080);

        //生成背景画布
        bitmap2 = BitmapFactory.decodeResource(context.getResources(), R.drawable._103);

        bitmap2 = Bitmap.createScaledBitmap(bitmap2,width,height,true);

        path = new Path();

    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //设置背景
        canvas.drawBitmap(bitmap2,0,0,null);
        //设置前景
        canvas.drawBitmap(bitmap1,0,0,null);

        my_Canvas.drawPath(path,paint);

    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

        int x = (int) event.getX();
        int y = (int) event.getY();

        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                //清空上一次的path路径
                path.reset();
                path.moveTo(x,y);

                Downx = x;
                Downy = y;

                break;
            case MotionEvent.ACTION_MOVE:

                int absX = Math.abs(x - Downx);
                int absY = Math.abs(x - Downy);

                if (absX > MIN_PATH || absY > MIN_PATH){
                    //存储路径
                    path.quadTo(Downx,Downy,x,y);
                }


                path.quadTo(Downx,Downy,x,y);

                Downx = x;
                Downy = y;

                break;
            case MotionEvent.ACTION_UP:
                path.lineTo(x,y);
                break;
        }

        invalidate();

        return true;
    }
}

布局文件

// An highlighted block
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context="bw.com.Unit4.User_DefinedActivity">

    <bw.com.Unit4.EraserView
        android:id="@+id/my_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

    <!--<TextView-->
        <!--android:id="@+id/textview1"-->
        <!--android:layout_width="wrap_content"-->
        <!--android:layout_height="wrap_content"-->
        <!--android:text="点击改变随机数字 "-->
        <!--android:layout_centerInParent="true"-->
        <!--/>-->

    <!--<TextView-->
        <!--android:id="@+id/textview2"-->
        <!--android:layout_width="wrap_content"-->
        <!--android:layout_height="wrap_content"-->
        <!--android:layout_centerInParent="true"-->
        <!--android:layout_below="@id/textview1"-->

        <!--/>-->

</RelativeLayout>

Java代码（主类）

// An highlighted block
package bw.com.Unit4;

import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

import bw.com.Unit1.R;

public class User_DefinedActivity extends AppCompatActivity {
    TextView textView1;
    TextView textView2;
    int num;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_user__defined);

        EraserView view = findViewById(R.id.my_view);

//        new Thread(view).start();

    }
}
a_Bin
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android自定义View之点击效果
BlogLaughFace的博客
04-20 4605
最近在做新版本，各种UI效果都需要自定义，而自定义View点击效果问题一直困扰着我。各种找资料也没有找到自己想要的东西，可能是我关键字打的不对吧。最后在查看TextView的源码时解决了我的问题，由于源码功能太多，不易查询，特此提取记录。
自定义View点击动画效果
08-17
由圆角矩形view点击后渐变为圆形旋转进度view，再次点击变回原样
Android 自定义View——自定义点击事件
热门推荐
To_be_Designer
09-17 1万+
在前几篇博客中我们列举了如何自定义控件，接下来我们来学习下如何自定义点击事件。 　　每个人手机上都有通讯录，这是毫无疑问的，我们通讯录上有一个控件，在通讯录的最左边有一列从”#”到”Z”的字母，我们通过滑动或点击指定的字母来确定联系人的位置，进而找到联系人。我们这一节就通过开发这个控件，来学如何自定义控件的点击事件。通讯录列表查找控件界面绘制　　首先我们需要先将控件的基本布局绘制出来，这里我们不在
Android 自定义View点击区域测试
张雨的博客
08-09 931
2019-08-09 09:46:50.042 14449-14449/com.example.myclicktest E/TestView: onTouchEvent:点击区域1 2019-08-09 09:47:10.510 14449-14449/com.example.myclicktest E/TestView: onTouchEvent:点击区域2 2019-08-09 09:47:...
Android自定义View实现自动转圈效果
08-27
Android自定义View实现自动转圈效果 Android自定义View实现自动转圈效果是Android开发中的一种常见需求，通过自定义View可以实现各种复杂的UI效果。本文将详细介绍如何通过自定义View实现自动转圈效果。 一、...
Android自定义view实现太极效果实例代码
08-30
本文将详细讲解如何通过自定义View在Android中实现太极效果。 首先，太极效果通常由黑白两色的相互交织构成，因此我们需要准备两个颜色不同的画笔对象。在Java代码中，我们可以创建`Paint`对象并设置相应的属性： ...
android自定义View扫描人脸效果
08-04
本文利用SrcIn实现一个人脸扫描的效果，步骤如下： ...2、然后通过SrcIn用一个透明矩形框(Dst)与亮照片（src）取交集即可得出一个亮照片的局部区域 3、再给透明矩形一个上下的速度，即可达到扫描的效果
Android自定义View实现QQ气泡效果
11-19
本教程将探讨如何利用Android自定义View实现QQ气泡效果，包括手势拖动、贝塞尔曲线绘制以及动态的回弹和爆炸动画。 首先，我们要理解`自定义View`的概念。自定义View是在Android系统提供的基本View类基础上进行扩展...
Android自定义View实现简单的圆形Progress效果
09-01
在Android开发中，自定义View是一项重要的技能，它允许开发者根据需求定制独特的用户界面元素。本文将详细讲解如何实现一个自定义的圆形Progress效果，即在一个圆形区域内绘制一个随时间变化的扇形进度条。 首先，...
Android自定义view，点赞效果
11-02
安卓自定义View，实现点赞爆炸效果，里面有酷炫的动画！
实现自定义view拖动、点击效果
09-03
方式一：设置View的setOnTouchListener（），重写onTouch方法；方式二：实现view的onTouchEvent（）方法。实现自定义view的拖动、点击事件。
Android 自定义view模板并实现点击事件的回调
01-04
Android 自定义view模板并实现点击事件的回调 主要的目的就是仿老版QQ的一个界面做一个模板。然后实现点击事件的回调。先看效果图： 步骤如下： 1.在res/values/目录下新建一个atts.xml文件 内容如下： <resources> <declare name=topbar> <attr name=title format=string/> <attr name=titleBacgroud format=reference|color/> <attr name=titleSize format
Android自定义控件实现不规则区域点击事件
08-27
主要为大家详细介绍了Android自定义控件实现不规则区域点击事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android自定义View之滑动取值条(滑动,点击取值;滑动间隔,起止范围可高度自设定)
05-08
Android自定义View之滑动取值条(滑动,点击取值;滑动间隔,起止范围可高度自设定)
自定义VIEW中区域点击事件
helloworld
01-27 3423
自定义VIEW中通常要有响应事件的部分，做法是根据点击区域来响应。 上代码：public class MyView extends View { private final static String TAG = MyView.class.getSimpleName();private Paint xLinePaint; private Paint yLinePaint; private
自定义View——点击冒泡效果
轮子初级玩家
11-11 1853
一、目标： 实现点击“喜欢”按钮时有向上飘逸的气泡效果。如图所示： 二、核心规律分析： 飘动效果近似于sin函数的活动规律，但为了飘动比较自然，需要引入随机变量。因此我决定把w设置180，加随机波动180;相位为[0, 90]范围内的随机值;振幅为[0, mWidth / 2]的随机值（mWidth为控件的宽度）。并且创建ValueAnimator，duration设置为[2100, 2800]内随机波动。 最后可以得到随y从小到大变化的随机x飘动规律为： 其中，curVal / 100f用于
自定义View（五）自定义RadioButton点击效果
古道西风
09-17 410
点击点击
自定义View之自定义按键圆角边框背景添加点击效果
橙如说的博客
06-26 541
自定义View之自定义按键圆角边框背景添加点击效果
Android 自定义View 实现双击效果
a940659387的博客
07-31 819
package inter.baisong.widgets; import android.content.Context; import android.os.Handler; import android.os.Message; import android.support.annotation.Nullable; import android.util.AttributeSet; impo...
Android自定义View进阶：Canvas与Paint技巧揭秘
"Android自定义View深入解析" 在Android开发中，自定义View是提升用户体验和实现独特视觉效果的重要手段。本文主要围绕自定义View的基础知识和高级技巧展开，特别是着重讲解了Canvas和Paint在自定义绘制过程中的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值