I want to play a media when i touch a circular area, but how can I could determine that my touch position is in the circle?
So far I extend a view
and implement the onTouchEvent
, and I need the algorithm for deciding if the position is inside or outside the circle.
You should take position of the view with View.getX() and View.getY() to get x
and y
of the upper left corner and also assuming You know the radius (or able to obtain width/height of the view to determine radius). After that, obtain xTouch
and yTouch
using MotionEvent.getX() and MotionEvent.getY() and check if:
double centerX = x + radius;
double centerY = y + radius;
double distanceX = xTouch - centerX;
double distanceY = yTouch - centerY;
boolean isInside() {
return (distanceX * distanceX) + (distanceY * distanceY) <= radius * radius;
}
The formula is just interpretation of schools geometry for determining if dot is inside circle area or not. Refer to circle equation for Cartesian coordinates for more details.
Values explanation is:
(x + radius)
and (y + radius)
is the center of circle.
(xTouch - (x + radius))
is distance from touch point to center by X.
(yTouch - (y + radius))
is distance from touch point to center by Y.
Another way to do this, and a little simpler I think, is to use the distance between two points formula and compare that distance to your radius. If the calculated distance is less than the radius then the touch is inside your circle.
Here the code
// Distance between two points formula
float touchRadius = (float) Math.sqrt(Math.pow(touchX - mViewCenterPoint.x, 2) + Math.pow(touchY - mViewCenterPoint.y, 2));
if (touchRadius < mCircleRadius)
{
// TOUCH INSIDE THE CIRCLE!
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With