Android - 計算弧角

Question

我有一個弧，我希望在0,45,90,135,180度繪製比例標記，任何人都可以幫助我實現點5和30的x，y所需的數學在這個小品？：

這裏是我繪製1個刻度代碼。

private void drawScale(Canvas canvas) { 
     //canvas.drawOval(scaleRect, scalePaint); 

     canvas.save(); 

     Paint p = new Paint(); 
     p.setColor(Color.WHITE); 
     p.setStrokeWidth(10f); 
     canvas.drawLine(rectF.left-getWidth()/20, rectF.height()/2, rectF.left, rectF.height()/2, p); 


    canvas.restore(); 
} 

Answer 1

可以使用sin和cos計算其旋轉的結果。讓我們假設你有零點A並且想把它旋轉到旋轉30°的點B。 事情是這樣的：

基本上新的點在(cx+x,cy+y)。在sin和cos這種特殊情況下的定義是下一個：

sin = x/R 
cos = y/R 

不難得到確切x和y。因此，要在特定的角度圓圈，我們需要在接下來的方式來計算座標知道半徑旋轉點：

x = cx + sin(angle) * R; 
y = cy + cos(angle) * R; 

現在，讓我們回到Android和帆布！

@Override 
protected void onDraw(Canvas canvas) { 
    super.onDraw(canvas); 

    canvas.save(); 
    float cx = getWidth()/2f; 
    float cy = getHeight()/2f; 

    float scaleMarkSize = getResources().getDisplayMetrics().density * 16; // 16dp 
    float radius = Math.min(getWidth(), getHeight())/2; 

    for (int i = 0; i < 360; i += 45) { 
     float angle = (float) Math.toRadians(i); // Need to convert to radians first 

     float startX = (float) (cx + radius * Math.sin(angle)); 
     float startY = (float) (cy - radius * Math.cos(angle)); 

     float stopX = (float) (cx + (radius - scaleMarkSize) * Math.sin(angle)); 
     float stopY = (float) (cy - (radius - scaleMarkSize) * Math.cos(angle)); 

     canvas.drawLine(startX, startY, stopX, stopY, scalePaint); 
    } 

    canvas.restore(); 
} 

代碼將以45°的步長繪製標記。請注意，您需要將角度轉換爲弧度，而對於Y軸，我在畫布上使用減號原因將其翻轉。以下是我有：

Answer 2

如果你知道圓的中心點和圓的半徑，如果你使用向量來獲得優勢，它變得非常容易。

首先你會需要的單位向量在每個角度

• 0度 - >（-1,0）
• 45度 - >（ - 1/SQRT（2），（1/SQRT（2））
• 90度 - >（0,1）
• 135度 - >（1/SQRT（2），（1/SQRT（2））
• 180度 - >（1 ，0）

您可以然後使用下面的公式計算必要點數

point = center + (unit vector * distance from center) 

這是一個更具體的例子，因爲安德魯增加了一個。

private static final float RADIUS = 400.0f; 
private static final float MARK_LENGTH = 30.0f; 
private static final UnitVector[] UNIT_VECTORS = new UnitVector[] { 
     new UnitVector(-1,0), // 0 deg 
     new UnitVector((float) (-1/Math.sqrt(2)), (float) (1/Math.sqrt(2))), // 45 deg 
     new UnitVector(0, 1), // 90 deg 
     new UnitVector((float) (1/Math.sqrt(2)), (float) (1/Math.sqrt(2))), // 135 deg 
     new UnitVector(1, 0), // 180 deg 
     new UnitVector((float) (1/Math.sqrt(2)), (float) (-1/Math.sqrt(2))), // 225 deg 
     new UnitVector(0, -1), // 270 deg 
     new UnitVector((float) (-1/Math.sqrt(2)), (float) (-1/Math.sqrt(2))), // 315 deg 
}; 

static class UnitVector { 
    final float x; 
    final float y; 

    UnitVector(final float x, final float y) { 
     this.x = x; 
     this.y = y; 
    } 
} 

// Call this from onDraw 
public void drawMarks(final Canvas canvas) { 
    for (final UnitVector unitVector : UNIT_VECTORS) { 
     this.drawMarkWithVector(unitVector, canvas); 
    } 
} 

private void drawMarkWithVector(final UnitVector unitVector, final Canvas canvas) { 
    final float centerPointX = this.getWidth()/2; 
    final float centerPointY = this.getHeight()/2; 
    final float startX = centerPointX + (unitVector.x * RADIUS); 
    final float startY = centerPointY + (unitVector.y * RADIUS); 
    final float endX = centerPointX + (unitVector.x * (RADIUS + MARK_LENGTH)); 
    final float endY = centerPointY + (unitVector.y * (RADIUS + MARK_LENGTH)); 
    canvas.drawLine(startX, startY, endX, endY, this.paint); 
} 

下面是代碼的上述