如何在Android中的圆形ImageView中添加阴影效果?

时间:2014-04-13 08:45:51

标签: android xml imagebutton shadow

我的布局中有一个圆形的ImageView。我想对ImageView1产生阴影效果。任何人都告诉我该怎么做?我的代码如下:

main.xml中

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/view88"
        android:layout_alignParentLeft="true"
        android:src="@drawable/hh" />

可绘制文件夹中的hh.xml

   <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="ring"
      android:innerRadiusRatio="3"
      android:thickness="10dp"

       android:useLevel="false">
   <solid android:color="#FFFFFF" />
   <stroke android:width="5dp" android:color="#FFFFFF" />
   <gradient
      android:centerColor="@android:color/darker_gray" 
      android:endColor="@android:color/darker_gray" 
      android:startColor="@android:color/darker_gray"  />
    <size  android:height="140dp"
        android:width="120dp" />
 </shape>

3 个答案:

答案 0 :(得分:4)

我知道这个问题已经过时了,但这是我的解决方案。我无法在椭圆形的笔划中添加渐变。渐变总是到达圆的中心。围绕这个问题的方法就是创建一个图层列表,并制作5个同心圆,每个小1磅,加上自己的阴影。

因此,要为圆形ImageView制作一个180x180的阴影,并且阴影从#1A000000变为#00000000,我做了:

<?xml version="1.0" encoding="utf-8"?>
<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:shape="oval">
            <stroke android:width="1dp"
                    android:color="#00000000" />
            <size
                android:width="190dp"
                android:height="190dp"/>
        </shape>
    </item>
    <item
        android:top="1dp"
        android:right="1dp"
        android:bottom="1dp"
        android:left="1dp">
        <shape
            android:shape="oval">
            <stroke android:width="1dp"
                    android:color="#05000000" />
            <size
                android:width="190dp"
                android:height="190dp"/>
        </shape>
    </item>
    <item
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"
        android:left="2dp">
        <shape
            android:shape="oval">
            <stroke android:width="1dp"
                    android:color="#0A000000" />
            <size
                android:width="190dp"
                android:height="190dp"/>
        </shape>
    </item>
    <item
        android:top="3dp"
        android:right="3dp"
        android:bottom="3dp"
        android:left="3dp">
        <shape
            android:shape="oval">
            <stroke android:width="1dp"
                    android:color="#0F000000" />
            <size
                android:width="190dp"
                android:height="190dp"/>
        </shape>
    </item>
    <item
        android:top="4dp"
        android:right="4dp"
        android:bottom="4dp"
        android:left="4dp">
        <shape
            android:shape="oval">
            <stroke android:width="1dp"
                    android:color="#15000000" />
            <size
                android:width="190dp"
                android:height="190dp"/>
        </shape>
    </item>
    <item
        android:top="5dp"
        android:right="5dp"
        android:bottom="5dp"
        android:left="5dp">
        <shape
            android:shape="oval">
            <stroke android:width="1dp"
                    android:color="#1A000000" />
            <size
                android:width="190dp"
                android:height="190dp"/>
        </shape>
    </item>
</layer-list>

答案 1 :(得分:2)

如果你有Lollipop或以上,你可以使用:

public static void setOvalElevationToView(final View view) {
    if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.LOLLIPOP)
        view.setOutlineProvider(new ViewOutlineProvider() {
            @TargetApi(VERSION_CODES.LOLLIPOP)
            @Override
            public void getOutline(View view, Outline outline) {
                final int size = view.getWidth();
                outline.setOval(0, 0, size, size);
            }
        });
}

您可能还需要在视图的父级上禁用剪裁,以便不会剪切阴影

答案 2 :(得分:1)

你不能使用layered drawable并添加另一个环形或圆形,下面有一个小偏移量来创建投影效果吗?

类似的东西:

<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:drawable="@drawable/shadow"
        android:id="@id/shadow"
        android:top="dimension"
        android:right="dimension"
        android:bottom="dimension"
        android:left="dimension" />
    <item
        android:drawable="@drawable/hh"
        android:id="@id/ring"
        android:top="dimension"
        android:right="dimension"
        android:bottom="dimension"
        android:left="dimension" />
</layer-list>

其中shadow类似于

   <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="circle">
   <gradient
      android:centerColor="@android:color/darker_gray" 
      android:endColor="@android:color/darker_gray" 
      android:startColor="@android:color/darker_gray"  />
    <size  android:height="140dp"
        android:width="120dp" />
 </shape>