Состав списка слоев

Question

Моя цель - нарисовать (форму) с таким результатом:

Что я пробовал до сих пор:

triangle.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <rotate
            android:fromDegrees="45"
            android:toDegrees="45"
            android:pivotX="87%"
            android:pivotY="140%"
            >
            <shape
                android:shape="rectangle">
                <size
                    android:height="24dp"
                    android:width="24dp"
                    />
                <solid
                    android:color="@color/green" />
                <corners android:radius="1dp" />
            </shape>
        </rotate>
    </item>
</layer-list>

result_shape.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/triangle" />

    <item
        android:left="24dp"
        >
        <shape
            android:shape="rectangle">

            <size
                android:height="24dp"
                android:width="40dp"
                />
            <solid
                android:color="@color/c_white" />

            <corners android:radius="1dp" />
        </shape>
    </item> 
</layer-list>

В результате я получаю прямоугольник, не выровненный с треугольником, и треугольник теперь является прямоугольником с некоторым вращением.

Как я могу представить это изображение как нарисованное, используя формы и список слоев?

Answer 1

Вы можете попробовать использовать вектор для достижения желаемого:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="150dp"
    android:height="50dp"
    android:viewportHeight="50"
    android:viewportWidth="150">
    <path
        android:fillColor="#ff008800"
        android:pathData="M0,25 50,50 50,0z" />
    <path
        android:fillColor="#ffbb0000"
        android:pathData="M50,0 50,50 150,50 150,0z" />
</vector>

Вот результат использования его в качестве фона для TextView: