Android Zig-Zag布局

Question

我需要在Android中创建收据布局。这个想法很简单，一个带有锯齿形顶部的矩形布局。

甚至，我尝试过虚线，但没有任何效果。

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

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

Answer 1

试试这个：https://github.com/beigirad/ZigzagView

支持top和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>

Answer 2

您好，您可以使用此库android-shape-imageview。并使用像这样的透明形状

结束使用库。

<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"/>

您可以将app:siShape="@drawable/zigzag"更改为所需的形状。您可以创建其他png形状。

Answer 3

创建小三角形并使用重复背景

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" />

并在任何视图中使用

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

请参阅this和this了解更多