android - 如何给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 中通过代码/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 是您的透明颜色的颜色代码是透明和灰色两种颜色的组合