三角形孔与drawable

Question

B（白色）布局在A（图像）布局上方，我需要裁剪背景以便得到此结果。

抽屉可以吗？ 如果没有，那么另一种解决方案是什么？

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>

要获得此结果 - 好吧，只需proof of a concept，这里：它可能不是最吸引人的图形......;）

我使用的图片是：

背景（gradient_back.png） - 我本可以使用一行，但是......我做了一个完整的图像

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

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

但在9补丁工具中看起来真的像这样：

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

享受。