Android Zig-Zag布局

时间:2016-10-26 04:37:12

标签: android android-layout android-xml android-drawable zigzag

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

enter image description here

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

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

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

3 个答案:

答案 0 :(得分:3)

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

支持topbottom 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>

ZizagView

答案 1 :(得分:1)

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

结束使用库。

enter image description here

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

enter image description here

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

答案 2 :(得分:0)

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

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

请参阅thisthis了解更多