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

Question

我想创建这样的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

试试这个..

<?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> 

Answer 2

作为替代方案，你可以使用9补丁影像为背景，为您的布局，让更多的“自然”的影子：

结果：

把图像中的/res/drawable文件夹中。
确保文件扩展名是.9.png，不.png

顺便说一句，这是在API 19 SDK资源文件夹中的现有资源的修改（降低到最小平方大小）。
我留下了红色标记，因为它们看起来并不有害，如draw9patch工具所示。

[编辑]

关于9修补程序，如果你从未有过的事情与他们无关。

只需将其添加为您的视图的背景。

黑色标记的区域（左和顶部）将伸展（垂直，水平）。
黑色标记的区域（右侧，底部）定义了“内容区域”（可以添加文本或视图的位置 - 如果需要，可以调用未标记的区域“填充”）。

教程：http://radleymarx.com/blog/simple-guide-to-9-patch/

Answer 3

好吧，我知道这是太晚。但我有相同的要求。我解决了这样的问题

1.首先在“drawable” 文件夹中创建一个xml文件（例如：border_shadow.xml），并将下面的代码复制到其中。

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle" > 

<item> 
    <shape> 
     <!-- set the shadow color here --> 
     <stroke 
      android:width="2dp" 
      android:color="#7000" /> 

     <!-- setting the thickness of shadow (positive value will give shadow on that side) --> 

     <padding 
      android:bottom="2dp" 
      android:left="2dp" 
      android:right="-1dp" 
      android:top="-1dp" /> 

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

<!-- Background --> 

<item> 
    <shape> 
     <solid android:color="#fff" /> 
     <corners android:radius="3dp" /> 
    </shape> 
</item> 

2.now你想上哪儿阴影（例如：LinearLayout中）布局Android中添加此：背景

<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_margin="8dip" 
    android:background="@drawable/border_shadow" 
    android:orientation="vertical"> 

并为我工作。

Answer 4

我通过使用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 5

这就是为什么CardView存在。 CardView | Android Developers
这只是一个FrameLayout，支持预棒棒糖设备中的高程。

<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 6

这是如此简单：影子

：

与这样的梯度创建一个可绘制文件在视图下方below_shadow.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
<gradient 
    android:startColor="#20000000" 
    android:endColor="@android:color/transparent" 
    android:angle="270" > 
</gradient> 
</shape> 

的阴影视图above_shadow.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
<gradient 
    android:startColor="#20000000" 
    android:endColor="@android:color/transparent" 
    android:angle="90" > 
</gradient> 
</shape> 

等为左，右阴影只是改变梯度:)

Answer 7

您可以用9补丁图形做到这一点的角度之上，但它是错误的方式，因为你必须使用PNG文件。我认为你应该使用xml文件（可绘制文件）。 尝试使用此代码

activity_main.xml 

<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:padding="10dp" 
android:orientation="vertical"> 
<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="3dp" 
    android:layout_marginLeft="3dp" 
    android:layout_marginRight="3dp" 
    android:background="@drawable/gradient_top"/> 
<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal"> 
    <LinearLayout 
     android:layout_width="3dp" 
     android:layout_height="match_parent" 
     android:layout_marginBottom="3dp" 
     android:background="@drawable/gradient_left"/> 
     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_marginRight="3dp" 
      android:layout_marginBottom="3dp" 
      android:background="@color/md_white_1000" 
      android:orientation="vertical"> 

     </LinearLayout> 

    <LinearLayout 
     android:layout_width="3dp" 
     android:layout_height="match_parent" 
     android:layout_marginLeft="-4dp" 
     android:layout_marginBottom="3dp" 
     android:background="@drawable/gradient_right"/> 
</LinearLayout> 
<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="3dp" 
    android:layout_marginTop="-4dp" 
    android:layout_marginLeft="3dp" 
    android:layout_marginRight="3dp" 
    android:background="@drawable/gradient_bottom"/> 

gradient_top.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle"> 
<gradient 
    android:startColor="#dadada" 
    android:endColor="#f2f2f2" 
    android:angle="90"/> 
</shape> 

gradient_left.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle"> 
<gradient 
    android:startColor="#dadada" 
    android:endColor="#f2f2f2" 
    android:angle="180"/> 
</shape> 

gradient_right.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle"> 
<gradient 
    android:startColor="#dadada" 
    android:endColor="#f2f2f2" 
    android:angle="0"/> 
</shape> 

gradient_bottom.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle"> 
<gradient 
    android:startColor="#dadada" 
    android:endColor="#f2f2f2" 
    android:angle="270"/> 
</shape> 

Answer 8

您在名称drop_shadow绘制创建一个文件.XML。XML：

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <!--<item android:state_pressed="true"> 
     <layer-list> 
      <item android:left="4dp" android:top="4dp"> 
       <shape> 
        <solid android:color="#35000000" /> 
        <corners android:radius="2dp"/> 
       </shape> 
      </item> 
      ... 
     </layer-list> 
    </item>--> 
    <item> 
     <layer-list> 
      <!-- SHADOW LAYER --> 
      <!--<item android:top="4dp" android:left="4dp"> 
       <shape> 
        <solid android:color="#35000000" /> 
        <corners android:radius="2dp" /> 
       </shape> 
      </item>--> 
      <!-- SHADOW LAYER --> 
      <item> 
       <shape> 
        <solid android:color="#35000000" /> 
        <corners android:radius="2dp" /> 
       </shape> 
      </item> 
      <!-- CONTENT LAYER --> 
      <item android:bottom="3dp" android:left="1dp" android:right="3dp" android:top="1dp"> 
       <shape> 
        <solid android:color="#ffffff" /> 
        <corners android:radius="1dp" /> 
       </shape> 
      </item> 
     </layer-list> 
    </item> 
</selector> 

然后：

<LinearLayout 
... 
android:background="@drawable/drop_shadow"/> 

Answer 9

雅马赫迪AJ ---为RelativeLayout的

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape android:shape="rectangle"> 
      <gradient 
       android:startColor="#7d000000" 
       android:endColor="@android:color/transparent" 
       android:angle="90" > 
      </gradient> 
      <corners android:radius="2dp" /> 
     </shape> 
    </item> 

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

Answer 10

我发现来解决这个的最佳方式。

1. 您需要在布局上设置一个坚实的矩形背景。

2. 使用此代码 - ViewCompat.setElevation(view , value)

3. 在父布局设置android:clipToPadding="false"

Answer 11

您可以生成与本网站阴影：http://inloop.github.io/shadow4android/。 设置参数并下载9-patch.png文件。