Join FlipAndroid.COM Telegram Group: https://t.me/joinchat/F_aqThGkhwcLzmI49vKAiw


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

  • Ocultar barra de desplazamiento de HorizontalScrollView
  • JSONObject en JSONObject
  • Artículos de la barra de herramientas de Android como tres puntos
  • Java REST cliente API para Android
  • Android JobScheduler se ejecuta varias veces
  • Cómo hacer EditText no editable a través de XML en Android?
  • 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); // } } } } } 

  • Fragmentos de ViewPager - Transiciones de elementos compartidos
  • Servicio de accesibilidad de Android detecta notificación
  • Barra de herramientas de sombra en la barra de estado de Lollipop
  • Android: ¿Cómo trabajar con CoordinatorLayout y barra de navegación translúcida?
  • ¿Cómo agregar un botón al final de RecyclerView?
  • ¿Existe un archivo de clase universal o "grasa" para Java?
  • One Solution collect form web for “Dibujar texto dentro de un arco utilizando lienzo”

    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 🙂

    FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.