在图像底部添加阴影

Question

如何在图像上添加阴影（在底部）以使标题清晰可见。 见下图。

Answer 1

我写了一个应用程序，它具有相同的效果。 我所做的是，我创建了一个具有ImageView的FrameLayout和另一个具有与ImageView相同高度的视图。 然后我向View添加一个透明的渐变背景。

例子：

布局文件：

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="180dp"
        android:src="@drawable/image"
        android:adjustViewBounds="true" />

    <View
        android:layout_width="match_parent"
        android:layout_height="180dp"
        android:background="@drawable/gradient" />

</FrameLayout>

drawable/gradient.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient
        android:angle="90"
        android:endColor="#00ffffff"
        android:startColor="#aa000000"
        android:centerColor="#00ffffff" />
</shape>

Answer 2

您可以使用带有渐变颜色和 alpha 的 png 图像，将其放在横幅图像的底部。 你的名字文字在图像上。

Answer 3

创建一个可绘制文件gradient.xml

<gradient
    android:angle="90"
    android:endColor="#00ffffff"
    android:startColor="#aa000000"
    android:centerColor="#00ffffff" />

使用 ImageView 如下图所示

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:foreground="@drawable/gradient">

        <androidx.appcompat.widget.AppCompatImageView
            android:layout_width="match_parent"
            android:layout_height="240dp"
            android:src="@drawable/ic_launcher_foreground"
            android:adjustViewBounds="true"
            android:scaleType="fitCenter"
            android:id="@+id/imageView"/>
        </FrameLayout>