[英]Draw custom arc views and detect user click for each arc
I am creating custom arc views, which is like rainbow views. 我正在创建自定义弧视图,就像彩虹视图。 I can draw arc views but I am unable to create separate click events for each view. 我可以绘制弧视图,但我无法为每个视图创建单独的点击事件。 How to set separate click events for each arc view?. 如何为每个弧视图设置单独的单击事件? Thanks in advance. 提前致谢。
Here is the code: 这是代码:
ArcView.java ArcView.java
public class ArcView extends View implements View.OnTouchListener{
Paint paint;
int radius, x, y;
int color;
public ArcView(Context context) {
super(context);
init();
}
public ArcView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public ArcView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
public ArcView(Context context, int radius, int x, int y, int color) {
super(context);
this.radius = radius;
this.x = x;
this.y = y;
this.color = color;
init();
}
private void init(){
paint = new Paint();
paint.setColor(color);
paint.setStrokeWidth(10);
paint.setStyle(Paint.Style.STROKE);
setOnTouchListener(this);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
paint.setStyle(Paint.Style.FILL);
canvas.drawCircle(x, y, radius, paint);
}
@Override
public boolean onTouch(View view, MotionEvent event) {
return false;
}
}
MainActivity.java MainActivity.java
public class MainActivity extends AppCompatActivity {
RelativeLayout arcButton;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
arcButton = (RelativeLayout) findViewById(R.id.arcButton);
arcButton1 = (RelativeLayout) findViewById(R.id.arcButton1);
arcButton2 = (RelativeLayout) findViewById(R.id.arcButton2);
DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
int width=dm.widthPixels;
int height=dm.heightPixels;
int arcRadius1 = (int)(width/1.5);
int arcRadius2 = arcRadius1+(int)(width/3.5);
int arcRadius3 = arcRadius2+(int)(width/3.5);
int xCoor = width / 2;
int yCoor = height;
RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(width, height);
arcButton.setLayoutParams(params);
View arcView1=new ArcView(this, arcRadius3, xCoor, yCoor, Color.RED);
View arcView2=new ArcView(this, arcRadius2, xCoor, yCoor, Color.BLACK);
View arcView3=new ArcView(this, arcRadius1, xCoor, yCoor, Color.BLUE);
arcButton.addView(arcView1);
arcButton1.addView(arcView2);
arcButton2.addView(arcView3);
}
}
Output: 输出:
How can I create seperate click event for each arc button? 如何为每个弧按钮创建单独的单击事件?
A bit of a workaround, but it works. 一点解决方法,但它的工作原理。 Put this inside ArcView
: 把它放在ArcView
:
@Override
public boolean performClick() {
return super.performClick();
}
@Override
public boolean onTouch(View view, MotionEvent event) {
view.performClick();
if (isPointInCircle((int) event.getX(), (int) event.getY())) {
// do what you want to do and get rid of the next two lines
String color = (((ArcView) view).color == Color.RED) ? "RED" : (((ArcView) view).color == Color.BLACK) ? "BLACK" : "BLUE";
Toast.makeText(context, color, Toast.LENGTH_SHORT).show();
return true;
}
return false;
}
private boolean isPointInCircle(int clickX, int clickY) {
return (clickX - x) * (clickX - x) + (clickY - y) * (clickY - y) <= radius * radius;
}
Note that for the Toast
to work, you need to make context
global, but most likely you will want to get rid of the Toast
anyway. 请注意,要使Toast
工作,您需要将context
全局,但最有可能的是,您仍然希望摆脱Toast
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.