Question

背景

我试图在视图下方制作（假）阴影，以便以这种方式将图层垂直：

一条颜色＆＃34;＃43000000＆＃34;高度为＆＃34; 1dp＆＃34;
在线下方，一个从顶部开始的渐变颜色＆＃34;＃1A000000＆＃34;以＃＆＃34;＃00000000＆＃34;结尾，高度为＆＃34; 8dp＆＃34;。

问题

出于某种原因，我无法正确划线。

无论我做什么，由于某种原因，线条占据整个空间，而渐变看起来很好。

我尝试了什么

我尝试使用＆＃34; line＆＃34;作为形状，也是＆＃34;矩形＆＃34;。我也试过用＆＃34; stroke＆＃34;而不是＆＃34; solid＆＃34;，尝试添加填充和边距......

这里是可绘制文件的XML：

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

    <item>
        <shape android:shape="rectangle" >
            <size android:height="1dp" />

            <solid android:color="#43000000" />
        </shape>
    </item>
    <item android:top="1dp">
        <shape android:shape="rectangle" >
            <gradient
                android:angle="270"
                android:endColor="#00000000"
                android:startColor="#1A000000" />

            <size android:height="8dp" />
        </shape>
    </item>

</layer-list>

同样，这不是我尝试过的唯一一件事。这只是我的第一次尝试。

问题

如何修复此XML？是什么导致它发生？

Answer 1

以下是我发现的工作原因：

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

    <item android:bottom="8dp">
        <shape android:shape="rectangle" >
            <size android:height="1dp" />

            <solid android:color="#43000000" />
        </shape>
    </item>
    <item android:top="1dp">
        <shape
            android:dither="true"
            android:shape="rectangle" >
            <gradient
                android:angle="270"
                android:endColor="#00000000"
                android:startColor="#10000000" />

            <size android:height="8dp" />
        </shape>
    </item>

</layer-list>

Answer 2

尝试这一点，它可以满足您的需求渐变

<?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="#e040fb"/>
         <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="#E1BEE7"/>
         <corners android:radius="2dp" />
         <gradient
                android:angle="270"
                android:endColor="#e1bee7"
                android:startColor="#e040fb" />
      </shape>
   </item>
</layer-list>

Answer 3

您可以更改其中的高度并得到您想要的

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:height="10dp"
        android:gravity="bottom">
        <shape
            android:shape="oval">
            <solid android:color="@color/shadow_color" />
        </shape>
    </item>
    <item android:right="20dp" android:left="20dp" android:bottom="12dp" 
android:top="10dp">
        <shape
            android:shape="rectangle">
            <solid android:color="@color/border_color"/>
            <corners android:radius="20dp"/>
        </shape>
    </item>
    <item android:right="30dp" android:left="30dp" android:bottom="23dp" 
android:top="20dp">
        <shape
            android:shape="rectangle">
            <solid android:color="@color/base_color"/>
            <corners android:radius="15dp"/>
        </shape>
    </item>
</layer-list>

阴影般的drawable，使用“layer-list”

背景

问题

我尝试了什么

问题

3 个答案: