在做仿支付寶記賬本界面效果時遇到了一個問題,在環形圖中點擊每一個環是會顯示出不同的內容,因此,必須判斷用戶到底點擊了哪個圓環,網上查閱資料說可以根據顏色來判斷,但是心里總是覺得根據顏色不是很好的解決方案(雖然可以解決這個問題),因此記錄下自己解決次問題的方法,也有助于自己后續復習。
繪制扇形
要判斷點擊的位置是否是在扇形區域內,首先要繪制扇形,繪制扇形的方法可以使用canvas.drawArc()方法。這里介紹的是使用Path的方法,然后調用canvas.drawPath(ovalPath,paint);方法來進行繪制。
主要代碼如下:
@Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //將畫布的坐標原點移到圓心位置 canvas.translate((getWidth() + getPaddingLeft() - getPaddingRight()) / 2, (getHeight() + getPaddingTop() - getPaddingBottom()) / 2); ovalPath.moveTo(0, 0); ovalPath.lineTo(100, 0); RectF oval = new RectF(-100,-100,100,100); ovalPath.addArc(oval, 0, 160); ovalPath.lineTo(0, 0); ovalPath.close(); RectF r = new RectF(); ovalPath.computeBounds(r, true); mRegion.setPath(ovalPath, new Region((int)r.left, (int) r.top, (int) r.right,(int)r.bottom)); Paint paint = new Paint(); paint.setColor(Color.RED); paint.setAntiAlias(true); paint.setStrokeWidth(1); paint.setStyle(Paint.Style.STROKE); canvas.drawPath(ovalPath,paint); mCenterCircleX = (getWidth() + getPaddingLeft() - getPaddingRight()) / 2; mCenterCircleY = (getHeight() + getPaddingTop() - getPaddingBottom()) / 2;}
獲取點擊位置,判斷是否在扇形內的方法如下:
public boolean onTouchEvent(MotionEvent event) { float x; float y; switch (event.getAction()) { case MotionEvent.ACTION_DOWN: x = event.getX()-mCenterCircleX; y = event.getY()-mCenterCircleY; boolean b = mRegion.contains((int) x, (int) y); Log.d(TAG, "onTouchEvent: b: "+b +" x: "+ x+" y: "+y); break; } return true;}
這里要注意的是:獲取點擊位置后,要減去坐標的偏移量,否則將得不到正確的結果。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答