如何给android中的一个盒子留下阴影？

Question

我正在使用矩形框在其中显示一些imageView。我想给像这样的盒子外部阴影

我正在使用这个xml内容

<corners android:radius="3dp" />

<stroke
    android:width="1dp"
    android:color="#AAAAAA" />

<solid android:color="#FFF" />

并获得此框

有人可以告诉你怎么做吗？

Answer 1

使用9-patch来制作合适的背景

http://developer.android.com/tools/help/draw9patch.html

Answer 2

我使用了教程和以下链接中的图像，它给了我一个完美的阴影，（我只需要根据我的喜好调整填充）： http://sapandiwakar.in/adding-shadows-to-views-in-android-using-9-patch-image/

只需将阴影添加到父视图和常规背景之上：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/shadow"
    android:paddingBottom="4dp"
    android:paddingLeft="5dp"
    android:paddingRight="4dp"
    android:paddingTop="4dp"
    android:layout_gravity="center"
     >
    <LinearLayout
        android:id="@+id/relativeLayout1"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:background="@drawable/popup_menu_background">

        <ListView
            android:id="@+id/listViewMenu"
            android:layout_width="150dp"
            android:layout_height="wrap_content">
        </ListView>
    </LinearLayout>
</LinearLayout>

结果：

Answer 3

可悲的是，你不能通过Android中的code / xml添加阴影，除非你想要开始覆盖onDraw，并且手动绘制阴影（这可能不会给你带来很好的效果，计算成本会很高而且不值得你问我的时间。）

你需要使用9补丁解决方案。

我感觉到你的痛苦......：）

Answer 4

试试这段代码， 我已经使用两个布局完成了它，但您可以将它合并到一个

在您的xml文件中

编写此代码

     <RelativeLayout 
                android:id="@+id/home_screen"
                android:layout_height="150dp"
                android:layout_width="fill_parent"
                android:layout_marginTop="50dp"
                android:background="@drawable/background_border" >                  

                <LinearLayout
                    android:layout_height="150dp"
                    android:layout_width="fill_parent"
                    android:layout_margin="10dp"                        
                    android:background="@drawable/home_border" >

                    <ImageView
                        android:id="@+id/iv"
                        android:layout_height="fill_parent"
                        android:layout_width="fill_parent"
                        android:layout_margin="10dp"
                        android:background="@drawable/menu_background" />

                </LinearLayout>    

     </RelativeLayout>


 and the two xml in res/drawable is here

  home_border.xml 

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle">
       <solid android:color="@android:color/transparent" />
   </shape>
</item>

<item android:left="1dp" android:right="1dp"  android:top="1dp"  
    android:bottom="1dp">
    <shape android:shape="rectangle">
         <solid android:color="@android:color/transparent" />
           <stroke android:width="10dp" android:color="@android:color/white" />
         <corners
         android:bottomRightRadius="1dp"
         android:bottomLeftRadius="1dp"
     android:topLeftRadius="1dp"
     android:topRightRadius="1dp"/>
    </shape>
 </item>
</layer-list>


and background_border.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle">
       <solid android:color="@android:color/transparent" />
    </shape>
</item>
   <item android:left="-10dp" android:right="-10dp"  android:top="-10dp"  
       android:bottom="-10dp">
     <shape android:shape="rectangle">
         <solid android:color="#884d4d4d" />
         <stroke android:width="1dp" android:color="@android:color/white" />
      </shape>
   </item>
</layer-list>

试试这个。这里＃884d4d4d是透明色的颜色代码，是两种颜色透明和灰色的组合