Drawing triangle in XML

Question

In XML I'm attempting to draw a drop down triangle to be used as a background for a button but cant seem to get my head round the rotate XML tags.

Here's my XML code:

    <?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="80%"
            android:pivotY="20%">
            <shape
                android:shape="rectangle" >
                <solid
                    android:color="#FFCC00" />
            </shape>
        </rotate>
    </item>
</layer-list>

And here's the outcome of the XML:

enter image description here

Any ideas are appreciated.

MilapTank · Accepted Answer · 2015-05-05T04:44:13.467

7

i can draw triangle shape using XML 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:pivotX="-40%"
        android:pivotY="87%"
        android:toDegrees="45" >
        <shape android:shape="rectangle" >
            <stroke
                android:width="10dp"
                android:color="#00000000" />

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

triangle

edited May 05 '15 at 04:44

answered Aug 01 '14 at 12:41

MilapTank

9,988
7
38
53

2

I'm getting a random shape, nothing like you show here – frankelot May 04 '15 at 22:36
@feresr i have used in my project and its working fine i don't know what wrong with you ? its same as image – MilapTank May 05 '15 at 04:42
Wierd. All I get is a strange looking shape, nothing like a triangle.:/ – frankelot May 05 '15 at 04:44
i have test double test right now its show as image,try this - you can give size 200 dp X 200dp to view – MilapTank May 05 '15 at 04:47
Ok. Must be a problem on my side then. I have revoked my downvote. Sorry about that. Thanks – frankelot May 05 '15 at 04:48
if you rotate this triangle clockwise by 45 degrees, then put it in a RelativeLayout with alignParentRight and alignParentTop, it never ends up flush in the corner :( – Someone Somewhere Dec 02 '17 at 14:52

score 4 · Answer 2 · answered Aug 01 '14 at 12:37

Try out the Below

  <?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="90%"
            android:pivotY="-50%" >
            <shape
                android:shape="rectangle"  >
                <stroke android:color="@android:color/transparent" android:width="1dp"/>
                <solid
                    android:color="#ffffff"  />
            </shape>
        </rotate>
    </item>
</layer-list>

@ArMo 372Play with rotate properties as below.. android:fromDegrees="-45" android:toDegrees="45" android:pivotX="270%" android:pivotY="70%" up facing trangle — Biplab, Feb 12 '16 at 14:11

Drawing triangle in XML

2 Answers2

Linked