如何设置圆形图像视图的高程?

时间:2019-07-30 12:28:46

标签: android android-custom-view

要求:我需要为圆图像视图设置高程阴影。

enter image description here

问题::如果我为应用于正方形图像的imageview阴影设置了高程。 (未应用圆圈阴影)

我使用了该库中的circleimageview-> https://github.com/hdodenhof/CircleImageView

太多的Google搜索和SO搜索无法找到解决方案。任何人都提供解决此问题的提示。

2 个答案:

答案 0 :(得分:0)

这是解决方案,使用可绘制的背景绘制圆形的悲伤

<de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/imgDrawerUser"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@drawable/back_avtar"
        android:src="@drawable/ic_profile" />

在可绘制文件夹中创建back_avtar.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <padding android:bottom="1dp"
                    android:left="1dp"
                    android:right="1dp"
                    android:top="1dp" />
            <solid android:color="#00CCCCCC" />
            <corners android:radius="3dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="oval">
            <padding android:bottom="1dp"
                    android:left="1dp"
                    android:right="1dp"
                    android:top="1dp" />
            <solid android:color="#10CCCCCC" />
            <corners android:radius="3dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="oval">
            <padding android:bottom="1dp"
                    android:left="1dp"
                    android:right="1dp"
                    android:top="1dp" />
            <solid android:color="#20CCCCCC" />
            <corners android:radius="3dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="oval">
            <padding android:bottom="1dp"
                    android:left="1dp"
                    android:right="1dp"
                    android:top="1dp" />
            <solid android:color="#30CCCCCC" />
            <corners android:radius="3dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="oval">
            <padding android:bottom="1dp"
                    android:left="1dp"
                    android:right="1dp"
                    android:top="1dp" />
            <solid android:color="#50CCCCCC" />
            <corners android:radius="3dp" />
        </shape>
    </item>

    <item>
        <shape android:shape="oval">
            <solid android:color="@color/colorPrimary" />
            <corners android:radius="3dp" />
        </shape>
    </item>
</layer-list>

我希望这对您有用。

答案 1 :(得分:0)

最后,我找到了用于圆高程的CircularImageView库。

库链接-get_the_post_thumbnail_url()

它们提供了默认的阴影功能

app:civ_shadow_radius

示例代码

<com.mikhaellopez.circularimageview.CircularImageView
    android:layout_width="250dp"
    android:layout_height="250dp"
    android:src="@drawable/image"
    app:civ_border_color="#3f51b5"
    app:civ_border_width="4dp"
    app:civ_shadow="true"
    app:civ_shadow_radius="10"
    app:civ_shadow_color="#3f51b5"/>