Android LinearLayout：在LinearLayout周围添加带阴影的边框

Question

我想创建与示例相同的LinearLayout边框：

在这个例子中，我们可以看到linearLayout周围的边框并不相同。如何使用XML绘图文件创建它？

目前，我只能在LinearLayout周围创建一个简单的边框，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
  <corners
      android:radius="1dp"
      android:topRightRadius="0dp"
      android:bottomRightRadius="0dp"
      android:bottomLeftRadius="0dp" />
  <stroke
      android:width="1dp"
      android:color="#E3E3E1" />

  <solid android:color="@color/blanc" />

</shape>

Answer 1

我通过使用9面片图形获得了最漂亮的结果。

您可以使用以下编辑器简单地创建一个单独的9补丁图形：http://inloop.github.io/shadow4android/

例子：

9补丁图形：

结果：

资料来源：

<LinearLayout
android:layout_width="200dp"
android:layout_height="200dp"
android:orientation="vertical"
android:background="@drawable/my_nine_patch"

Answer 2

这就是CardView存在的原因。CardView | Android开发者
它只是一个框架布局，支持Lollipop前设备的提升。

<android.support.v7.widget.CardView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:cardUseCompatPadding="true"
    app:cardElevation="4dp"
    app:cardCornerRadius="3dp" >

    <!-- put whatever you want -->

</android.support.v7.widget.CardView>

要使用它，您需要将依赖项添加到build.gradle：

compile 'com.android.support:cardview-v7:23.+'

Answer 3

试试这个。。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#CABBBBBB"/>
            <corners android:radius="2dp" />
        </shape>
    </item>

    <item
        android:left="0dp"
        android:right="0dp"
        android:top="0dp"
        android:bottom="2dp">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/white"/>
            <corners android:radius="2dp" />
        </shape>
    </item>
</layer-list>