在圆圈中显示带有首字母的联系人姓名

Question

我需要像棒棒糖联系人一样在圆圈内显示联系人姓名首字母。我没有找到任何解决方案。

每个用户的圆圈颜色应该不同。

Answer 1

您可以关注this.，如果您想节省时间，可以使用this 库。

编辑

链接可能随时无效。所以我想在下面添加细节。

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

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

您可以添加您所遵循的任何方法。

基本上，您必须添加一个具有相同高度和宽度的ImageView，并将此TextDrawable 添加为视图的背景。

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

该库支持circle、square 和rectangle 可绘制对象。

Answer 2

我没有看到任何库，但我的解决方案是在运行时在你的 xml 中的预定义布局中画一个圆圈，使用这个： How to draw circle by canvas in Android?

然后在您的列表适配器中使用 substring(0,1) 选择每个名称字符串的第一个字母 ，并且使用 setText() 您可以将列表项 textView 设置为第一个字母。 如果您需要源代码，请告诉我为您提供。

更新： 我最近在我的一个应用程序中使用了非常简单的方法， 你应该在你的布局文件夹中做一个这样的布局：

    <?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>

你在drawable文件夹中的形状为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>

然后在您的 listView 或 recyclerview 中将其用作要充气的项目。like this

Answer 3

执行此操作的简单而小代码 -

<com.google.android.material.button.MaterialButton
        android:id="@+id/"
        android:layout_width="40dp"
        android:layout_height="50dp"
        android:text="A"
        android:clickable="false"
        app:backgroundTint="@color/Blue200"
        android:padding="0dp"
        app:cornerRadius="50dp"
        />

Answer 4

通过使用 Material Card View 和 Textview，很容易创建这样的视图。

 <com.google.android.material.card.MaterialCardView
        android:layout_width="50dp"
        android:layout_height="50dp"
        app:cardBackgroundColor="@color/red"
        app:cardCornerRadius="50dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <TextView
            android:id="@+id/initialTv"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="AB" />

    </com.google.android.material.card.MaterialCardView>