Android Downward Facing Arrow using XML

Question

How do I code a Downward facing Triangle using XML only in Android?

What I need:

Here's what I tried but I end up with a weird shape:

<?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="-40%"
            android:pivotY="87%" >
            <shape
                android:shape="rectangle" >
                <stroke android:color="#5F82D2" android:width="10dp"/>
                <solid
                    android:color="#5F82D2" />
            </shape>
        </rotate>
    </item>
</layer-list>

How did you get the idea that one gets a triangle by rotating a rectangle? — Henry, May 02 '16 at 07:08
@Henry Right my bad. Anyhow I couldnt find anything that works on the other threads mate :) — Dinuka Jay, May 02 '16 at 07:10
Have a look on this http://stackoverflow.com/questions/2517589/making-a-triangle-shape-using-xml-definitions — Bhoomika Brahmbhatt, May 02 '16 at 07:11

score 0 · Accepted Answer · answered May 02 '16 at 07:31

Try this :

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
    <rotate
        android:fromDegrees="45"
        android:pivotX="230%"
        android:pivotY="27%"
        android:toDegrees="45" >
        <shape android:shape="rectangle" >
            <stroke
                android:width="10dp"
                android:color="#00000000" />

            <solid android:color="#00ACED" />
        </shape>
    </rotate>
</item>
</layer-list>

And for the record, @Henry you have to use a rectangle to get a triangle :P — Dinuka Jay, May 02 '16 at 07:38

Android Downward Facing Arrow using XML

1 Answers1