如何在android中制作具有两种颜色的imageview边框并固定尺寸边框宽度

Question

我已经创建了 circularimageview 并且这个图像视图设置了两种颜色并且这个颜色大小相同如何设置固定大小的边框和两个边框？

**我已经使用了库 'com.pkmmte.view:circularimageview:1.1' **

#ce90ce内圈
#ab84ab外圈
内圆不透明度 20%
外圈不透明度15%

我的头像是这样的

我的适配器布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/Background_Main"
android:orientation="horizontal">

<com.pkmmte.view.CircularImageView
    android:id="@+id/ivPerson"
    android:layout_width="77dp"
    android:layout_height="77dp"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="10dp"
    app:border="true"
    app:border_color="#ab84ab"
    app:border_width="10dp"
    app:shadow="true" />

<TextView
    android:id="@+id/tvPersonName"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@+id/ivPerson"
    android:paddingLeft="10dp"
    android:paddingTop="30dp"
    android:textAlignment="viewStart"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:textColor="@color/tapon"
    android:textSize="20sp" />

<Button
    android:id="@+id/addbn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_marginRight="20dp"
    android:layout_marginTop="25dp"
    android:background="@drawable/buildlis_category_btn_selected"
    android:focusable="false"
    android:minHeight="0dp"
    android:minWidth="0dp" />

Answer 1

Use this library 将图像塑造成圆形。您使用标签添加图像，对吗？然后，从 drawable 添加一个背景（阴影）（矢量）。它将使外观看起来像你想要的。

您也应该使用矢量文件作为图像。 This is cool library 将 svg 图像转换为矢量图像。如果你这样做，你的图像将在任何设备上看起来像你在问题中所希望的那样！

希望对您有所帮助。干杯！

Answer 2

这是 xml 代码并且易于维护：

double_circle_image.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>

        <shape android:shape="oval">

            <stroke
                android:width="10dp"
                android:color="#0000ff" />
        </shape>
    </item>

    <item
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp">

        <shape android:shape="oval">

            <stroke
                android:width="10dp"
                android:color="#ff0000" />
        </shape>
    </item>
    <item
        android:drawable="@drawable/ic_launcher"
        android:bottom="20dp"
        android:left="20dp"
        android:right="20dp"
        android:top="20dp"/>
</layer-list>

如何在android中制作具有两种颜色的imageview边框并固定尺寸边框宽度

how to make imageview border with two color and fix size border width in andorid

java

xml

android

shape

imageview