Android Zig-Zag layout

Question

I'm in need of creating a receipt layout in Android. The idea is very simple, a rectangle layout with a zigzag top.

Even, i have tried dashed line but nothing working.

<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="line">

<stroke
   android:color="#FF00"
   android:dashWidth="5dp"
   android:dashGap="5dp" />
</shape>

Duplicate of http://stackoverflow.com/questions/28761179/android-bottom-zig-zag-shape — dev, Oct 26 '16 at 04:51
@SlowAndSteady i have seen this post earlier but it didnt help. — young_08, Oct 26 '16 at 06:04
Hey! did you solve your problem...If yes can you please tell me how — rajeev, Aug 23 '18 at 05:52

score 7 · Answer 1 · answered May 16 '18 at 17:23

Try with this: https://github.com/beigirad/ZigzagView

Support top and bottom Zigzag.

<ir.beigirad.zigzagview.ZigzagView
    android:layout_width="match_parent"
    android:layout_height="240dp"
    app:zigzagBackgroundColor="#8bc34a"
    app:zigzagElevation="8dp"
    app:zigzagHeight="10dp"
    app:zigzagShadowAlpha="0.9"
    app:zigzagSides="top|bottom"
    app:zigzagPaddingContent="16dp">

    // add child view(s)

</ir.beigirad.zigzagview.ZigzagView>

Ahmad Aghazadeh · Answer 2 · 2016-10-27T09:11:55.323

2

Hi you can use this library android-shape-imageview. And use transparent shape like this

End use library.

<com.github.siyamed.shapeimageview.mask.PorterShapeImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:siShape="@drawable/zigzag"
android:src="@drawable/neo"
app:siSquare="true"/>

You can change app:siShape="@drawable/zigzag" to desired shape. You can create other png shape.

edited Oct 27 '16 at 09:11

answered Oct 26 '16 at 04:54

Ahmad Aghazadeh

16,571
12
101
98

i dont want zig zag at all the 4 corners. Only top. Hence, this wont work for me.Thanks – young_08 Oct 27 '16 at 06:37
i also want top two corners(top left and top right) to be rounded/curved...what will be my approch? – Wini Mar 19 '21 at 14:01

score 1 · Answer 3 · edited May 23 '17 at 12:33

Create small triangle and use repeat background

repeat_background.xml

<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/imagename"
    android:tileMode="repeat" />

and use it in any view

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/repeat_background" />

refer this and this for more

Android Zig-Zag layout

3 Answers3

Linked

Related