Android为ImageViews制作10dp渐变边框

时间:2018-12-24 08:25:55

标签: android android-layout android-shape

我正在使用com.mikhaellopez.circularimageview.CircularImageView库,并且试图为所有这些视图制作简单的Gradient边框,下面的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>

使用屏幕截图发布更新

enter image description here

1 个答案:

答案 0 :(得分:0)

只需在图片视图中添加填充

<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" />