Anzeigen des Kontaktnamens mit Anfangsbuchstaben im Kreis

Question

Ich muss den Kontaktnamen Anfangsbuchstaben innerhalb des Kreises wie in Lollipop-Kontakten anzeigen. Ich habe keine Lösung gefunden.

Der Kreis sollte für jeden Benutzer eine andere Farbe haben.

Answer 1

Sie können folgen this. Wenn Sie Zeit sparen möchten, können Sie this Bibliothek verwenden.

bearbeiten

Der Link kann jeden beliebigen Punkt der Zeit ungültig werden. Also möchte ich die Details darunter hinzufügen.

repositories{ 
    maven { 
    url 'http://dl.bintray.com/amulyakhare/maven' 
    } 
} 

dependencies { 
    compile 'com.amulyakhare:com.amulyakhare.textdrawable:1.0.1' 
}  

Sie können jede Methode hinzufügen, der Sie folgen.

Grundsätzlich müssen Sie eine ImageView mit der gleichen Höhe und Breite hinzufügen und diese TextDrawable als Hintergrund Ihrer Ansicht hinzufügen.

TextDrawable drawable = TextDrawable.builder() 
      .buildRect("A", Color.RED); 
ImageView image = (ImageView) findViewById(R.id.image_view); 
image.setImageDrawable(drawable);  

Die Bibliothek hat die Unterstützung für circle, square und rectangle Drawables.

Answer 2

Ich habe keine Bibliothek dafür, aber meine Lösung ist ein Kreis in der Laufzeit zeichnen diese in einem vordefinierten Layout in Ihrem xml verwenden: How to draw circle by canvas in Android?

dann in der Liste Adapter ersten Buchstaben jedes Namens wählen Zeichenfolge mit Teilzeichenfolge (0,1) , und mit setText() können Sie Listenelement TextView auf den ersten Buchstaben festlegen. Wenn Sie Quellcode benötigen, lassen Sie mich wissen, um es für Sie zu setzen.

UPDATE: ich vor kurzem sehr einfache Vorgehensweise für diese in einem meiner apps verwendet, Sie ein Layout wie dies in Ihrem Layout-Ordner machen sollte: als

<?xml version="1.0" encoding="utf-8"?> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/rlWeekDay" 
    android:layout_width="45dp" 
    android:layout_height="45dp" 
    android:layout_gravity="right" 
    android:layout_margin="3dp" 
    android:background="@drawable/circle_shape"> 

<TextView 
    android:id="@+id/tvWeekDayFirstLetter" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:gravity="center" 
    android:text=" E " 
    android:textStyle="bold" 
    android:textColor="@color/colorPrimary" 
    android:textSize="20sp" /> 
</RelativeLayout> 

Und Ihre Form in ziehbar Ordner circle_shape.xml:

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

      <corners 
      android:bottomRightRadius="100dp" 
      android:bottomLeftRadius="100dp" 
      android:topLeftRadius="100dp" 
      android:topRightRadius="100dp"/> 

     <solid android:color="#ccc" /> 

    </shape> 
</item> 
<item android:bottom="3dp"> 
<shape android:shape="oval" 
    android:dither="true"> 
<solid android:color="@color/white"/> <!-- this one is ths color of the Rounded Button --> 
<corners 
    android:bottomRightRadius="100dp" 
    android:bottomLeftRadius="100dp" 
    android:topLeftRadius="100dp" 
    android:topRightRadius="100dp"/> 



</shape> 
    </item> 
    </layer-list> 

Dann in Ihrem Listview oder recyclerview dieser Verwendung als Element dieses inflate.like