使文字位于圆心

Question

I wanted to draw a Text inside a Circle provided that text should be matched properly at the center of the circle. Actually I am not getting a general method/way to make text at the center. Also it should not depend in whether the Text is in uppercase or lower case.

My attempt :-

textPaint.TextAlign = Paint.Align.Center; // basic need.

After that I tried to get Ascent and Descent of the Font and get their half and moved the text below by this value. But it is not centered :(

  var fontAscent = -textPaint.Ascent(); // default value is negative for ascent
  var fontDescent = textPaint.Descent();

note :- I am getting the circle at the center so its center point is correct.

Any Idea how can i do it.

Answer 1

I would try like

Add this line to your layout,

<TextView
android:layout_width = "100dp"
android:layout_height = "100dp"
android:background = "@drawable:circle"
android:text = "Lorem Ipsum"
android:gravity = "center" />

Then create a shape to your drawable folder.

<shape shape="circle" stroke_width = "1dp" stroke_color = "@android:color:black" />

There should be some typo bugs. I am writing it without IDE.

Good luck there.

Answer 2

I have similar views in my app, monas. And what I have done is in the layout.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res/com.huteri.monas"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    <CircleView
        android:id="@+id/piegraph"
        android:layout_width="330dp"
        android:layout_height="330dp"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true" />

    <TextView
        android:id="@+id/sumpie_cat"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_gravity="center"
        android:fontFamily="sans-serif-condensed"
        android:paddingBottom="50dp"
        android:textAlignment="center" />

    <TextView
        android:id="@+id/sumpie_percentage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_gravity="center"
        android:textAlignment="center"
        android:textSize="30sp"
        app:typeface="roboto_black" />

    <TextView
        android:id="@+id/sumpie_total"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_gravity="center"
        android:paddingTop="50dp"
        android:textAlignment="center"
        app:typeface="roboto_slab_light" />

</RelativeLayout>

Well, I have to admit this is not the best solution yet, but it works for me. You may try it in the layout instead

Answer 3

try this .

create a file in drawable folder as circle.xml and copy this code

 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="oval" >

<gradient
    android:angle="270"
    android:endColor="#00FFFFFF"
    android:startColor="#00FFFFFF" />

 </shape>

and for your TextView set Background use this android:background="@drawable/circle"