Android 为 ImageViews 制作 10dp 渐变边框答案

【问题标题】：Android make 10dp gradient border for ImageViewsAndroid 为 ImageViews 制作 10dp 渐变边框
【发布时间】：2019-05-23 11:19:20
【问题描述】：

我正在使用com.mikhaellopez.circularimageview.CircularImageView 库，我正在尝试为所有这些视图制作简单的渐变边框，我下面的 xml 使其无法正常工作，我现在必须使用简单视图作为背景，

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <gradient
                android:angle="360"
                android:centerColor="#e95a22"
                android:endColor="#ff00b5"
                android:gradientRadius="360"
                android:startColor="#006386"
                android:type="sweep" />
            <size android:height="90dp"
                android:width="90dp"/>
        </shape>
    </item>
    <item android:top="2dp" android:bottom="2dp" android:right="2dp" android:left="2dp">
        <shape android:shape="oval">
            <size android:width="90dp"
                android:height="90dp"/>
            <solid android:color="@color/colorAccent"/>
            <solid android:color="@color/mdtp_white"/>
        </shape>
    </item>
</layer-list>

我的布局是：

<FrameLayout
    android:layout_width="85dp"
    android:layout_height="200dp"
    android:layout_gravity="left"
    android:layout_marginLeft="8dp"
    android:layout_marginRight="8dp"
    android:layout_weight="1"
    android:orientation="vertical">

    <com.mikhaellopez.circularimageview.CircularImageView
        android:layout_width="61dp"
        android:layout_height="61dp"
        android:layout_margin="2dp"
        android:src="@drawable/image_11"
        app:civ_border_color="#ffffff"
        app:civ_border_width="2dp"
        app:civ_shadow="false"
        android:background="@drawable/gradient_border_color"
        app:civ_shadow_radius="5" />
</FrameLayout>

使用屏幕截图发布更新

【问题讨论】：

标签： android android-layout android-shape

【解决方案1】：

只需为您的图像视图添加填充

<com.mikhaellopez.circularimageview.CircularImageView
    android:layout_width="71dp"
    android:layout_height="71dp"
    android:layout_margin="2dp"
    android:src="@drawable/image_11"
    app:civ_border_color="#ffffff"
    app:civ_border_width="2dp"
    app:civ_shadow="false"
    android:padding="10dp"
    android:background="@drawable/gradient_border_color"
    app:civ_shadow_radius="5" />

【讨论】：