Làm thế nào để vẽ vòng tròn với phân vùng trong android?

Question

Tôi muốn vẽ loại vòng kết nối này trong ứng dụng của mình. Tôi có thể vẽ vòng tròn bằng Canvas nhưng tôi không thể có bất kỳ ý tưởng nào về cách tạo phân vùng?

Có ai có thể đề xuất cho tôi cách tôi có thể chia nhỏ vòng kết nối không?

Chỉnh sửa: - Tôi muốn vẽ dòng có trong vòng tròn bên trong.

Cảm ơn trước.

Answer 1

Dưới đây là đoạn code làm việc cho yêu cầu của bạn ....

Chỉnh sửa mã: -

Paint paint1 = new Paint(); 
     Paint paint2 = new Paint(); 
     Paint paint3 = new Paint(); 
     Paint paint4 = new Paint(); 
     Paint paint5 = new Paint(); 
     final RectF rect = new RectF(); 
     int mRadius = 130; 
     //Example values 
     rect.set(getWidth()/2- mRadius, getHeight()/2 - mRadius, getWidth()/2 + mRadius, getHeight()/2 + mRadius); 
     paint1.setColor(Color.GREEN); 
     paint1.setStrokeWidth(mRadius/2); 
     paint1.setAntiAlias(true); 
     paint1.setStrokeCap(Paint.Cap.BUTT); 
     paint1.setStyle(Paint.Style.STROKE); 
     paint2.setColor(Color.RED); 
     paint2.setStrokeWidth(mRadius/2); 
     paint2.setAntiAlias(true); 
     paint2.setStrokeCap(Paint.Cap.BUTT); 
     paint2.setStyle(Paint.Style.STROKE); 
     paint3.setColor(Color.BLUE); 
     paint3.setStrokeWidth(5); 
     paint3.setAntiAlias(true); 
     paint3.setStrokeCap(Paint.Cap.BUTT); 
     paint3.setStyle(Paint.Style.STROKE); 
     canvas.drawArc(rect, 0, 60, false, paint1); 
     canvas.drawArc(rect, 60, 60, false, paint2); 
     canvas.drawArc(rect, 120, 60, false, paint1); 
     canvas.drawArc(rect, 180, 60, false, paint2); 
     canvas.drawArc(rect, 240, 60, false, paint1); 
     canvas.drawArc(rect, 300, 60, false, paint2); 

     canvas.drawLine(getWidth()/2, 
       getHeight()/2, getWidth()/2-mRadius/2, getHeight()/2-mRadius/2,paint3); 

     canvas.drawLine(getWidth()/2, 
       getHeight()/2, getWidth()/2+mRadius/2, getHeight()/2-mRadius/2,paint3); 

     canvas.drawLine(getWidth()/2, 
       getHeight()/2, getWidth()/2-mRadius/2, getHeight()/2+mRadius/2,paint3); 

     canvas.drawLine(getWidth()/2, 
       getHeight()/2, getWidth()/2+mRadius/2, getHeight()/2+mRadius/2,paint3); 

     canvas.drawLine(getWidth()/2, 
       getHeight()/2, getWidth()/2-mRadius/4-mRadius/2, getHeight()/2,paint3); 

     canvas.drawLine(getWidth()/2, 
       getHeight()/2, getWidth()/2+mRadius/4+mRadius/2, getHeight()/2,paint3); 

     paint4.setColor(Color.BLACK); 

     canvas.drawCircle(getWidth()/2, getHeight()/2, mRadius/2, paint4); 

     paint5.setColor(Color.YELLOW); 
     paint5.setStrokeWidth(3); 
     paint5.setAntiAlias(true); 
     paint5.setStrokeCap(Paint.Cap.BUTT); 
     paint5.setStyle(Paint.Style.STROKE); 
     canvas.drawCircle(getWidth()/2, getHeight()/2, mRadius/2, paint5); 

tôi hy vọng bây giờ bạn hài lòng với câu trả lời của tôi ....

Answer 2

Tôi có một ý tưởng đầu tiên vẽ vòng tròn bên trong với phân vùng sử dụng giá trị góc

 can.drawArc(oval, startAngle, sweepAngle, useCenter, paint) 

Đưa như 0 t0 60, và sau đó một lần nữa vẽ một vòng cung với cùng một giá trị góc trung tâm mất 60-120 và vân vân. Mỗi lần thiết lập màu sắc khác nhau trong Paint.Sau khi hoàn thành vòng tròn bên trong, gần như tất cả các công việc done.Now vẽ vòng tròn màu trắng với cùng một trung tâm nhưng bán kính nhỏ sau khi vòng tròn đầu tiên.So nó sẽ tạo ra trên đầu tiên

Hy vọng nó sẽ giúp bạn :)

Answer 3

Bạn có thể quay lại chênh từ here Nó câu hỏi gần như giống nhau có sẵn trên trang web ...

Answer 4

Hey tôi tìm thấy giải pháp truy vấn của tôi,

final RectF rect1 = new RectF(); 
int mWidth = this.getWidth()/2; 
int mHeight = this.getHeight()/2; 
int mRadius = 130, mRadius1 = 50; 
rect1.set(mWidth -(mRadius-mRadius1), mHeight - (mRadius-mRadius1), mWidth + (mRadius-mRadius1), mHeight + (mRadius-mRadius1)); 

Paint paintLines = new Paint(); 
paintLines.setColor(Color.BLACK); 
paintLines.setStrokeWidth((mRadius-mRadius1)/2); 
paintLines.setAntiAlias(false); 
paintLines.setStrokeCap(Paint.Cap.BUTT); 
paintLines.setStyle(Paint.Style.STROKE); 

canvas.drawArc(rect1, 0, 1, false, paintLines); 
canvas.drawArc(rect1, 30, 1, false, paintLines); 
canvas.drawArc(rect1, 60, 1, false, paintLines); 
canvas.drawArc(rect1, 90, 1, false, paintLines); 
canvas.drawArc(rect1, 120, 1, false, paintLines); 
canvas.drawArc(rect1, 150, 1, false, paintLines);