android - 可拉出的三角孔

Question

B(白色)布局在 A(图像)布局之上，我需要裁剪背景才能得到这个结果。

这对 drawable 来说可能吗？如果不是，其他解决方案是什么？

Answer 1

这是我使用的布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="@drawable/gradient_back"
    android:layout_width="match_parent"
    android:layout_height="166dp"
    >
    <TextView
        android:id="@+id/txtWhiteStripe"
        android:background="@drawable/white_stripe"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="(B) Some text here"
        android:textStyle="bold"
        android:textColor="#f00"
        android:textSize="16sp"
    />
</RelativeLayout>

要获得此结果 - 好吧，只是一个概念证明，这里:它可能不是有史以来最吸引人的图形...;)

我使用的图片是:

背景 (gradient_back.png) - 我本可以使用单行，但是......好吧我制作了一个完整的图像

和白色条纹 (white_stripe.9.png) - 这是这个概念中最有趣的部分

不幸的是，它几乎是不可见的，因为它在白色背景上是全白透明的。

但是在 9-patch 工具里，确实像这个:

我应该稍微限制内容的底部填充 - 但是，好吧，通过从右侧移除一些黑色像素可以轻松完成。

享受吧。