Android自定义View圆形和拖动圆、跟随手指拖动效果

2024-04-10 18:56:13

单纯的自定义一个圆非常简单只需要几步就完成拖动圆添加实现触摸事件即可

我在第一次自定义View圆遇到的几个Bug：

1.拖动圆的话在xml里面设置的自定义圆的宽和高是它能活动的空间的大小不是圆控件的大小如果你定义了100dp 拖动它的时候超过100dp这个距离这个圆就会看不见就像下面这样如果想活动于整个屏幕直接给宽和高match_parent属性就好了

2.我在定义充满属性match_parent的时候运行会报错，什么方法都用了就是不行,耐心等待过一会就好了…有可能是studio没来得及编译过来

下面开始写代码：先是单纯的创建一个圆形创建一个类继承View 实现onDraw方法

public class CustomView extends View {
 //创建point对象 参数为x坐标和y坐标
 private PointF point = new PointF(100, 100);
 public CustomView(Context context) {
  super(context);
 }
 public CustomView(Context context, @Nullable AttributeSet attrs) {
  super(context, attrs);
 }
 public CustomView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
 }
 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  //参数为圆的横坐标 ,纵坐标,半径,创建
  canvas.drawCircle(point.x,point.y, 50, new Paint());
 }
}

XML里、自己定义的view类的名字：

<ydtx.bwie.com.xiangmu_project02.CustomView
  android:layout_width="match_parent"
  android:layout_height="match_parent" />

一个圆就这样创建好了直接运行就可以了 ManActivity里什么也不用改

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

下面是添加拖动圆的功能非常简单实现触摸监听即可代码非常少如下：

public class CustomView extends View {
 //创建point对象 参数为x坐标和y坐标
 private PointF point = new PointF(100, 100);
 public CustomView(Context context) {
  super(context);
 }
 public CustomView(Context context, @Nullable AttributeSet attrs) {
  super(context, attrs);
 }
 public CustomView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
 }
 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  //参数为圆的横坐标 ,纵坐标,半径,创建
  canvas.drawCircle(point.x,point.y, 50, new Paint());
 }
 //触摸事件
 @Override
 public boolean onTouchEvent(MotionEvent event) {
  //获得触摸事件
  switch (event.getAction()) {
   case MotionEvent.ACTION_DOWN:
    break;
   //ACTION_MOVE不要设置break，否则圆形不会跟随手指活动 只会手指松开屏幕的时候圆形直接到了屏幕停止的位置
   case MotionEvent.ACTION_MOVE:
   case MotionEvent.ACTION_UP:
    //获取手指触摸位置的x坐标
    point.x = event.getX();
    //获取手指触摸位置的y坐标
    point.y = event.getY();
    //启动
    postInvalidate();
    break;
  }
  return true;
 }
}

总结

以上所述是小编给大家介绍的Android自定义View圆形和拖动圆、跟随手指拖动效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

Android自定义View仿支付宝输入六位密码功能

跟选择银行卡界面类似,也是用一个PopupWindow,不过输入密码界面是一个自定义view,当输入六位密码完成后用回调在Activity中获取到输入的密码并以Toast显示密码.效果图如下: 自定义view布局效果图及代码如下: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/
Android自定义View实现拖动选择按钮

本文为大家分享了Android实现拖动选择按钮的具体代码,供大家参考,具体内容如下效果图 View代码第一步:自定义属性 <declare-styleable name="DragView"> <attr name="icon_drag" format="reference"/> <attr name="color_circle" format="color"/> &
Android自定义View之自定义评价打分控件RatingBar实现自定义星星大小和间距

在Android开发中,我们经常会用到对商家或者商品的评价,运用星星进行打分.然而在Android系统中自带的打分控件,RatingBar特别不好用,间距和大小无法改变.所以,我就自定义了一个特别好用的打分控件.在项目中可以直接使用,特别简单.下面直接上图: 效果图实现原理其实就是自定义View继承LinearLayout ,然后里面动态加了五个ImageView. 实现代码,有详细的注释在attrs中声明的可以在xml中设置的变量 <declare-styleable name="
Android自定义View制作仪表盘界面

前言最近我跟自定义View杠上了,甚至说有点上瘾到走火入魔了.身为菜鸟的我自然要查阅大量的资料,学习大神们的代码,这不,前两天正好在郭神在微信公众号里推送一片自定义控件的文章--一步步实现精美的钟表界面.正适合我这种菜鸟来学习,闲着没事,我就差不多依葫芦画瓢也写了一个自定义表盘View,现在纯粹最为笔记记录下来.先展示下效果图: 下面进入正题自定义表盘属性老规矩,先在attrs文件里添加表盘自定义属性 <declare-styleable name="WatchView"&
Android自定义View圆形和拖动圆跟随手指拖动

单纯的自定义一个圆非常简单只需要几步就完成拖动圆添加实现触摸事件即可我在第一次自定义View圆遇到的小问题: 1.拖动圆的话在xml里面设置的自定义圆的宽和高是它能活动的空间的大小不是圆控件的大小如果你定义了100dp 拖动它的时候超过100dp这个距离这个圆就会看不见就像下面这样如果想活动于整个屏幕直接给宽和高match_parent属性就好了 2.在布局里自定的view会提示编译点击Build编译一下就好了下面开始写代码: 先是单纯的创建一个圆形创建一个类继承View 实
Android自定义View圆形和拖动圆、跟随手指拖动效果

单纯的自定义一个圆非常简单只需要几步就完成拖动圆添加实现触摸事件即可我在第一次自定义View圆遇到的几个Bug: 1.拖动圆的话在xml里面设置的自定义圆的宽和高是它能活动的空间的大小不是圆控件的大小如果你定义了100dp 拖动它的时候超过100dp这个距离这个圆就会看不见就像下面这样如果想活动于整个屏幕直接给宽和高match_parent属性就好了 2.我在定义充满属性match_parent的时候运行会报错,什么方法都用了就是不行,耐心等待过一会就好了-有可能是studio没来
Android自定义View实现箭头沿圆转动实例代码

具体代码如下所示: //MyCircleView类 public class MyCircleView extends View{ //当前画笔画圆的颜色 private int CurrenCircleBoundColor; private Paint paint; ////从xml中获取的颜色 private int circleBundColor; private float circleBoundWidth; private float pivotX; private float piv
Android自定义View实现仿驾考宝典显示分数效果(收藏)

小编最近发现,一些炫酷的view效果,通过需要自定义view和属性动画结合在一起,才能更容易的实现. 实现的效果图如下: 所用的知识有: (1)自定义View中的 path ,主要用来绘制指示块. (2)属性动画-ValueAnimator,并设置属性动画的监听器. (3)根据属性动画是否结束的标志,决定是否绘制分数对应的描述文本内容. 实现步骤: 继承自View,在构造函数中获取自定义属性和初始化操作(初始化画笔) private void obtainAttrs(Context contex
Android 自定义view和属性动画实现充电进度条效果

近期项目中需要使用到一种类似手机电池充电进度的动画效果,以前没学属性动画的时候,是用图片+定时器的方式来完成的,最近一直在学习动画这一块,再加上复习一下自定义view的相关知识点,所以打算用属性动画和自定义view的方式来完成这个功能,将它开源出来,供有需要的人了解一下相关的内容. 本次实现的功能类似下面的效果: 接下来便详细解析一下如何完成这个功能,了解其中的原理,这样就能举一反三,实现其他类似的动画效果了. 详细代码请看大屏幕 https://github.com/crazyandcoder
Android实现拖动小球跟随手指移动效果

Android拖动小球跟随手指移动Demo,供大家参考,具体内容如下 1.使用的知识点有自定义View,利用Canvas画球: 2.使用触摸时间来操作: 效果图: 代码如下: 1.自定义view: public class DrawView extends View { public float currentX = 50; public float currentY = 50; public DrawView(Context context) { super(context); } publi
android自定义view仿今日头条加载文字变色效果

本文实例为大家分享了android自定义view加载文字变色效果的具体代码,供大家参考,具体内容如下不分析了,很简单,直接贴代码: package com.loading; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Rect; import
Android自定义View圆形进度条控件（三）

继续练习自定义View,这次带来的圆形进度条控件与之前的圆形百分比控件大同小异,这次涉及到了渐变渲染以及画布旋转等知识点,效果如下: 虽然步骤类似,但是我还是要写,毕竟基础的东西就是要多练 1.在res/values文件夹下新建attrs.xml文件,编写自定义属性: <?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="Circ
Android自定义View圆形百分比控件（一）

做一个自定义View的小练习,效果如下只需要画一个圆.一个圆弧.一个百分比文本,添加一个点击事件,传入百分比重绘 1.在res/values文件夹下新建attrs.xml文件,编写自定义属性: <?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="CirclePercentView" > <attr nam
android自定义view之模拟qq消息拖拽删除效果

这个模拟功能的实现主要依靠了PATH和二阶贝塞尔曲线.首先上一张图来简单看一下: 这个模拟功能有以下几个特点: 在开始的时候点击圆以外的区域不会触发拖动事件点击圆的时候可以拖拽,此时会有一个拉伸效果,连接大圆和小圆拉伸到一定距离(自己设定)以后两个圆会断开,此时即使再拖拽进距离之内的时候也不会再产生已经断开的连接在距离之内松手的时候会回弹会原位置,并伴有一个弹跳动画介绍了这么多,看过我前边文章的朋友应该会有一个基本思路. 暴露接口这个模拟功能共分为三部分,一个是那个小圆,固定的位置,一

Android自定义View圆形和拖动圆、跟随手指拖动效果

相关推荐

随机推荐