Dibujar texto dentro de un arco utilizando lienzo

Estoy trabajando en una aplicación de Android para dibujar un círculo y dividirlos por igual y vincular el texto dentro de la parte dividida en el círculo (como pichart). He dibujado un círculo y los he dividido igualmente, pero quiero unir el texto dentro de la parte dividida. Por favor, mire en mi código y dar una solución. Gracias por adelantado.

Introduzca aquí la descripción de la imagen

public class MainActivity extends Activity { /** Called when the activity is first created. */ float values[] = { 130, 130, 130, 130, 130 }; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); LinearLayout linear = (LinearLayout) findViewById(R.id.linearlay); values = calculateData(values); linear.addView(new MyGraphview(this, values)); } private float[] calculateData(float[] data) { float total = 0; for (int i = 0; i < data.length; i++) { total += data[i]; } for (int i = 0; i < data.length; i++) { data[i] = 360 * (data[i] / total); } return data; } public class MyGraphview extends View { private Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG); private float[] value_degree; private int[] COLORS = { Color.YELLOW, Color.GREEN, Color.WHITE, Color.CYAN, Color.RED }; RectF rectf = new RectF(10, 10, 300, 300); Rect rect = new Rect(10, 10, 300, 300); int temp = 0; String rotatedtext; Path path; public MyGraphview(Context context, float[] values) { super(context); path = new Path(); value_degree = new float[values.length]; for (int i = 0; i < values.length; i++) { value_degree[i] = values[i]; } paint.setTextSize(16); rotatedtext = "Rotated :)"; } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); for (int i = 0; i < value_degree.length; i++) { if (i == 0) { paint.setColor(COLORS[i]); canvas.drawArc(rectf, 0, value_degree[i], true, paint); } else { temp += (int) value_degree[i - 1]; paint.setColor(COLORS[i]); canvas.drawArc(rectf, temp, value_degree[i], true, paint); // } } } } } 

Prueba esto:

 private String[] STRINGS = { "Yellow", "GREEN", "WHITE", "CYAN", "RED" }; // Array of strings, just for the sample @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); temp = 0; int centerX = (rect.left + rect.right) / 2; int centerY = (rect.top + rect.bottom) / 2; int radius = (rect.right - rect.left) / 2; radius *= 0.5; // 1 will put the text in the border, 0 will put the text in the center. Play with this to set the distance of your text. for (int i = 0; i < data.length; i++) { if (i > 0) temp += (int) data[i - 1]; // rewrote your code here a bit, to avoid duplicate code. paint.setColor(COLORS[i]); canvas.drawArc(rectf, temp, data[i], true, paint); paint.setColor(Color.BLACK); // set this to the text color. float medianAngle = (temp + (data[i] / 2f)) * (float)Math.PI / 180f; // this angle will place the text in the center of the arc. canvas.drawText(STRINGS[i], (float)(centerX + (radius * Math.cos(medianAngle))), (float)(centerY + (radius * Math.sin(medianAngle))), paint); } } 

Además, para obtener resultados más agradables, asegúrese de establecer la propiedad Align.CENTER en la pintura antes de dibujar cualquier texto:

 paint.setTextSize(16); paint.setTextAlign(Align.CENTER); 

Espero que esto ayude 🙂

  • Android 2D-juego, la mejor opción para los gráficos?
  • Animación de juegos 2D android
  • Adición de touchListener al objeto path
  • Dibujar lienzo en el widget de pantalla de inicio
  • Extraño dibujo de choque en lienzo en Android 4.0.3. A / libc: Señal fatal 11 (SIGSEGV)
  • Cómo dibujar imágenes de puntos en el borde del círculo de la imagen
  • ¿Qué significa lockCanvas (elaborar)
  • Redibujar múltiples rutas en las mismas posiciones de la orientación anterior de la disposición
  • ¿Cómo determina Canvas sus límites de clip?
  • Cómo rotar ruta de la misma manera que un mapa de bits
  • Aplicación lenta con imagen de fondo
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.