android - 如何在 android 中的单个 ImageView 中添加两个渐变(顶部-底部和底部-顶部)？

Question

我正在尝试向图像顶部和底部的 ImageView 添加渐变。我不想在 ImageView 之上添加 TextView 。我该如何实现？

Answer 1

看来您简单而干净的解决方案是用 FrameLayout 包装 ImageView 并使用前景属性，如下所示:

布局

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:foreground="@drawable/gradient">
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/male"/>
</FrameLayout>

还有渐变以防万一

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

    <gradient
        android:startColor="#33000000"
        android:centerColor="@android:color/transparent"
        android:endColor="#33000000"
        android:angle="90"/>
</shape>

产生这个:

FrameLayout 是相对简单的结构，不会增加 View 层次结构的复杂性，例如相对于 RelativeLayout 而言，它会导致额外的测量。

如果您绝对必须避免添加任何额外的包装器 View ，那么您的下一个选择是创建一个 CustomView，从 ImageView 扩展并覆盖 onDraw() 方法，并使用渐变位图中的像素手动覆盖现有 Canvas 。