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?

然后在列表适配器中使用子字符串（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中使用它作为要膨胀的项目。就像这个

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>

用圆圈中的首字母显示联系人姓名

4 个答案: