Android如何判断当前点击位置是否在圆的内部

我们都知道,一个圆形的ImageView控件(本项目中使用的圆形控件是github上的),其实所占的区域还是正方形区域,只是显示内容为圆形,当我们给ImageView设置触摸事件时,没有显示区域也会相应点击事件,而我们可以通过计算当前点击的位置来判断ImageView是否相应触摸事件。

效果如图所示:

如上图所示,当点击圆之内拖动时,圆跟着移动,但是点击圆之外拖动时,圆没有任何反应。

要实现这个效果并不难,首先,先计算出圆的中心点坐标(x1,y1),注意,x1,y1是相对于屏幕的坐标,不是相对于布局的坐标;
然后获取当前按下的坐标(x2,y2),只需要计算出当前按下的点的坐标(x2,y2)与圆心(x1,y1)的距离d的长度,然后与圆的半径r相比较,如果d>r则当前按下的点在圆之外,如果d<r,则当前按下的点在圆之内, 如下图所示:

这样注意一下,以上都应在MotionEvent.ACTION_DOWN里面计算,当距离d大于半径r时,return false,则当前控件不消费事件,

代码如下:

public class MainActivity extends Activity {

 int lastX;
 int lastY;
 boolean isView = false;

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

 final CircleImageView civ = (CircleImageView) findViewById(R.id.civ_levitate);

 civ.setOnTouchListener(new View.OnTouchListener() {
  @Override
  public boolean onTouch(View v, MotionEvent event) {

  switch (event.getAction()){
   case MotionEvent.ACTION_DOWN:

   lastX = (int) event.getRawX();
   lastY = (int) event.getRawY();

   //获取控件在屏幕的位置
   int[] location = new int[2];
   civ.getLocationOnScreen(location);

   //控件相对于屏幕的x与y坐标
   int x = location[0];
   int y = location[1];

   //圆半径 通过左右坐标计算获得getLeft
   int r = (civ.getRight()-civ.getLeft())/2;

   //圆心坐标
   int vCenterX = x+r;
   int vCenterY = y+r;

   //点击位置x坐标与圆心的x坐标的距离
   int distanceX = Math.abs(vCenterX-lastX);
   //点击位置y坐标与圆心的y坐标的距离
   int distanceY = Math.abs(vCenterY-lastY);
   //点击位置与圆心的直线距离
   int distanceZ = (int) Math.sqrt(Math.pow(distanceX,2)+Math.pow(distanceY,2));

   //如果点击位置与圆心的距离大于圆的半径,证明点击位置没有在圆内
   if(distanceZ > r){
    return false;
   }

   isView = true;

   break;

   case MotionEvent.ACTION_MOVE:

   if(isView){

    int moveX = (int) event.getRawX();
    int moveY = (int) event.getRawY();

    int disX = moveX - lastX;
    int disY = moveY - lastY;

    int left = civ.getLeft()+disX;
    int right = civ.getRight()+disX;
    int top = civ.getTop()+disY;
    int bottom =
    civ.getBottom()+disY;

    civ.layout(left,top,right,bottom);

    lastX = moveX;
    lastY = moveY;
   }

   break;

   case MotionEvent.ACTION_UP:

   isView = false;

   break;
  }

  return true;
  }
 });

 }
}

好了,demo下载地址:点击下载

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • android判断点击位置是否在扇形区域内

    在做仿支付宝记账本界面效果时遇到了一个问题,在环形图中点击每一个环是会显示出不同的内容,因此,必须判断用户到底点击了哪个圆环,网上查阅资料说可以根据颜色来判断,但是心里总是觉得根据颜色不是很好的解决方案(虽然可以解决这个问题),因此记录下自己解决次问题的方法,也有助于自己后续复习. 绘制扇形 要判断点击的位置是否是在扇形区域内,首先要绘制扇形,绘制扇形的方法可以使用canvas.drawArc()方法.这里介绍的是使用Path的方法,然后调用canvas.drawPath(ovalPath,pa

  • Android如何判断一个点在不在多边形区域内

    有人问我,怎么判断一个点是不是在多边形内,本来想着把这个多边形分成一个又一个三角形,如图, 然后判断这个点是不是在某个三角形中,如果在,那就肯定在这个多边形中,那问题接下来就转化成判断这个点是不是在三角形中了,只要这个点D和三角形的三个点A.B.C组合的三角形a.b.c的面积之和等于这个三角形的面积,就说明这个点在三角形中,如图. 代码如下: public boolean isInTriangle(Point A, Point B, Point C, Point P) { double ABC

  • Android如何判断当前点击位置是否在圆的内部

    我们都知道,一个圆形的ImageView控件(本项目中使用的圆形控件是github上的),其实所占的区域还是正方形区域,只是显示内容为圆形,当我们给ImageView设置触摸事件时,没有显示区域也会相应点击事件,而我们可以通过计算当前点击的位置来判断ImageView是否相应触摸事件. 效果如图所示: 如上图所示,当点击圆之内拖动时,圆跟着移动,但是点击圆之外拖动时,圆没有任何反应. 要实现这个效果并不难,首先,先计算出圆的中心点坐标(x1,y1),注意,x1,y1是相对于屏幕的坐标,不是相对于

  • jQuery判断当前点击的是第几个li的代码

    使用$(this).index()取得li的下标,下面是一个样式替换的例子: $("#aa li").click(function(){ $("#aa li").removeClass("class名字,多个class用空格分开"); $(this).addClass("class名字,多个class用空格分开"); if($(this).index()!=0){ $("#submenu").hide();

  • Android防止按钮重复点击示例代码

    本文中我将介绍一下我自己封装的一个小的工具类库:按钮点击事件类库. 作用:该类库可以防止按钮重复点击,可以判断网络状态,可以判断用户登录状态,以及自定义验证条件等等. 说明:其实现的核心原理就是通过自定义实现自身的OnClickListener类,并重写其中的onClick方法,在onClick方法中执行相应的判断逻辑之后回调我们自定义的抽象方法. 具体效果如下图所示: 使用方式 屏蔽多次点击事件 /** * 测试快速点击事件 */ fastButton.setOnClickListener(n

  • Android开发实现ListView点击item改变颜色功能示例

    本文实例讲述了Android开发实现ListView点击item改变颜色功能.分享给大家供大家参考,具体如下: 一.先看看效果图: 二.实现步骤: 1. xml布局 <ListView android:id="@+id/left_listview" android:layout_width="match_parent" android:layout_height="match_parent" android:background="

  • Android 扩大 View 的点击区域的方法

    有时候,按照视觉图做出来效果后,发现点击区域过小,不好点击,用户体验肯定不好.扩大视图,就会导致整个视觉图变得不好看.那么有没有什么办法在不改变视图大小的前提下扩大点击区域呢? 答案是有! 能够解决这个问题的前提你要对 View 的事件分发机制有一定的了解. 下面我将简单介绍一下View 的事件分发机制,方便大家理解后面的解决办法. 为了更清楚的说明整个机制,采用如下的视图来说明点击的事件分发机制.下图是一个 FrameLayout (ViewGroup) 里面包含着一个 ImageView (

  • Android仿微信图片点击全屏效果

    废话不多说,先看下效果: 先是微信的 再是模仿的 先说下实现原理,再一步步分析 这里总共有2个Activity一个就是主页,一个就是显示我们图片效果的页面,参数通过Intent传送,素材内容均来自网络,(感谢聪明的蘑菇) 图片都是Glide异步下的,下的,下的重要的事情说三次,然后就是用动画做放大操作然后显示出来了(并没有做下载原图的实现,反正也是一样 下载下来Set上去而且动画都不需要更简便). OK,我们来看分析下 obj,目录下分别创建了2个对象,一个用来使用来处理显示页面的图片尺寸信息以

  • Android编程实现Listview点击展开和隐藏的方法

    本文实例讲述了Android编程实现Listview点击展开和隐藏的方法.分享给大家供大家参考,具体如下: 代码较多,所以找关键点大家贴出来,相信大家看了之后很容易就明白的, 在listview的activity中 List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>() myAdapter = new MyAdapter(getApplicationContext(

  • Android开发仿QQ空间根据位置弹出PopupWindow显示更多操作效果

    我们打开QQ空间的时候有个箭头按钮点击之后弹出PopupWindow会根据位置的变化显示在箭头的上方还是下方,比普通的PopupWindow弹在屏幕中间显示好看的多. 先看QQ空间效果图: 这个要实现这个效果可以分几步进行 1.第一步自定义PopupWindow,实现如图的样式,这个继承PopupWindow自定义布局很容易实现 2.得到点击按钮的位置,根据位置是否在屏幕的中间的上方还是下方,将PopupWindow显示在控件的上方或者下方 3.适配问题,因为PopupWindow上面的操作列表

  • Android 中ListView setOnItemClickListener点击无效原因分析

    前言 最近在做项目的过程中,在使用listview的时候遇到了设置item监听事件的时候在没有回调onItemClick 方法的问题.我的情况是在item中有一个Button按钮.所以不会回调.上百度找到了解决办法有两种,如下: 1.在checkbox.button对应的view处加android:focusable="false" 复制代码 代码如下: android:clickable="false" android:focusableInTouchMode=&

随机推荐