矩形中的透明角落,Android

时间:2016-04-12 14:43:10

标签: android xml shape

我正在尝试使用XML实现以下效果:

Goal

这个想法是生成一个矩形,它有一个透明的角(左上角表示剩下的天数,右下角表示积分数)。

我使用图层列表获得了以下内容:

Current result

正如你所看到的那样,有一个白色背景,我希望它是透明的。问题是,如果我使用透明作为颜色,我最终得到一个普通的矩形。

这是我一直在使用的XML:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle">
        <size android:width="100dp" android:height="100dp"/>
        <solid android:color="@color/mission_time_left"/>
    </shape>

</item>
<item>
    <rotate android:fromDegrees="-45" android:pivotX="0%" android:pivotY="100%" android:toDegrees="-45">
        <shape android:shape="rectangle">
            <size android:width="100dp" android:height="100dp" />
            <solid android:color="@color/white" />
        </shape>
    </rotate>
</item>

如何获得所需的结果,我们将不胜感激。

1 个答案:

答案 0 :(得分:0)

这将为您提供带有透明角的右下三角形,将其添加到普通矩形,上角变化枢轴0到100和100到0

     <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
            <item>
                <rotate
                    android:fromDegrees="45"
                    android:toDegrees="45"
                    android:pivotX="0%"
                android:pivotY="100%" >
                <shape
                    android:shape="rectangle" >
                    <stroke android:color="@color/transparent" android:width="10dp"/>
                    <solid
                        android:color="@color/red_busket_price" />
                </shape>
            </rotate>
        </item>
    </layer-list>