android - 如何在android中的 View 上方添加阴影

Question

我有一个观点是将服务器作为页脚标题。它只是一个 View ，您可能会认为它是一个按钮、一个 TextView 或一个布局(我真的对任何事物都持开放态度)。这是 xml

<RelativeLayout>
   <ScrollView >… </ScrollView> //match parent width and height
   <MyBottomView/> // align parent bottom
 </RelativeLayout>

如您所见，ScrollView 确实在 MyBottomView 下方滚动。我想为 MyBottomView 添加顶部阴影，使其看起来更像 Material Design。我该怎么做？

Answer 1

如果您只需要在 View 的一侧(例如顶部)添加阴影，您可以在它之前添加另一个 View 并为其背景使用渐变阴影。

这是您必须存储在 drawable 文件夹中的渐变文件 top_shadow_gradient.xml:

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

下面是如何使用它的示例布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent"
    android:orientation="vertical">

    <View
        android:layout_width="match_parent"
        android:layout_height="8dp"
        android:background="@drawable/top_shadow_gradient" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#ffffff"
        android:orientation="vertical"
        android:paddingTop="8dp">

        <!-- Put your content here-->

    </LinearLayout>

</LinearLayout>

重要:根布局必须是透明的(android:background="@android:color/transparent")并且你的“内容”布局需要有白色背景(android:background="#ffffff")。

结果是这样的: