a zigzag view for using for ticket or invoice

Farhad BR

Last update: Nov 4, 2022

Related tags

App android ticket canvas invoice zigzag customview invoiceview

Overview

ZigzagView

a zigzag view for using for ticket or invoice

Setup

Step #1. Add the JitPack repository to root build.gradle file:

allprojects {
    repositories {
	...
	maven { url "https://jitpack.io" }
    }
}

Step #2. Add the dependency

dependencies {
    // old versions
    // implementation 'com.github.beigirad:ZigzagView:VERSION'

    implementation 'ir.beigirad:ZigzagView:VERSION'

}

Implementation

<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|right|left"
    app:zigzagPaddingContent="16dp">
    
    // add child view(s)
    
</ir.beigirad.zigzagview.ZigzagView>

Attributes

Attribute	Type	Default Value	Description
zigzagHeight	dimension	`0dp`	height of zigzag jags
zigzagElevation	dimension	`0dp`	side of shadow
zigzagBackgroundColor	color	`Color.WHITE`	background color
zigzagPaddingContent	dimension	`0dp`	content padding
zigzagPadding	dimension	`0dp`	view padding
zigzagPaddingLeft	dimension	`zigzagPadding`	left side view
zigzagPaddingRight	dimension	`zigzagPadding`	right side view padding
zigzagPaddingBottom	dimension	`zigzagPadding`	bottom side view padding
zigzagPaddingTop	dimension	`zigzagPadding`	top side view padding
zigzagSides	enum	`bottom`	choosing zigzag sides `(top,bottom,right,left)`
zigzagShadowAlpha	float	`0.5`	amount of shadow transparency from `[0,1.0]`

Thanks

Reza Kardoost for helping me out with ZigzagView Shadow/Elevation.

License

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

You might also like...

Implement Text Recognition using MLKit in Jetpack Compose using Kotlin

Implement Text Recognition using MLKit in Jetpack Compose using Kotlin. The application is built using Kotlin Programming Language with Jetpack Compose Navigation.

5 Jul 22, 2022

An E-Commerce android App whose frontend is implemented using Kotlin & XML files and backend/database is implemented using My SQL & PHP files

4 Aug 25, 2022

Tesla App Clone built in Kotlin, using Compose. The project was initially designed by Clinton using Flutter.

Tesla Tesla App Clone built in Kotlin, using Compose. The project was initially designed by Clinton using Flutter. We are keeping this repo as a singl

4 Oct 4, 2022

📱 Android Library to implement Rich, Beautiful, Stylish 😍 Material Navigation View for your project with Material Design Guidelines. Easy to use.

Material NavigationView for Android 📱 📱 Android Library to implement Rich, Beautiful Material Navigation View for your project with Material Design

198 Dec 17, 2022

Comments

ZigzagView not displayed because it is too large to fit into a software layer

Hi @beigirad First things much appreciate your contributors ! When I apply zigzag view with large content, I got the error:

ZigzagView not displayed because it is too large to fit into a software layer (or drawing cache), needs 9861120 bytes, only 8294400 available

Thanks your helps !

opened by HuynhXinh 3
No license

hi my friend, i notice that you placed Apache 2.0 license tag on this repo, but can't find it in root directory. creating license is so easy, i think you forgot that.

opened by sinadarvi 1
How to make zigzag on left and right?

Hello, mind to ask, how to make the zigzag on left and right side and add a shape circle cut hole on each corner because it only have options at top and bottom side. Thanks

opened by kampoengboy 0

Releases(1.2.1)

1.2.1(Mar 29, 2021)

Fix showing the shadow in some devices #11
Source code(tar.gz)
Source code(zip)
1.2.0(Oct 30, 2020)
Support zigzag effect for left and right sides #8

Source code(tar.gz)
Source code(zip)
1.1.0(Oct 30, 2020)
Migrated on androidX

Kotlinized source code

Fix zero height #10

Expose background-color setter #9

Improve code-style and minor refactor

Source code(tar.gz)
Source code(zip)

a zigzag view for using for ticket or invoice

Related tags

Overview

ZigzagView

Setup

Step #1. Add the JitPack repository to root build.gradle file:

Step #2. Add the dependency

Implementation

Attributes

Thanks

License

You might also like...

Implement Text Recognition using MLKit in Jetpack Compose using Kotlin

An E-Commerce android App whose frontend is implemented using Kotlin & XML files and backend/database is implemented using My SQL & PHP files

Tesla App Clone built in Kotlin, using Compose. The project was initially designed by Clinton using Flutter.

📱 Android Library to implement Rich, Beautiful, Stylish 😍 Material Navigation View for your project with Material Design Guidelines. Easy to use.

A 2020s compatible React Native keyboard avoiding view for Android and iOS that just works.

Simple Android web-view-based application. The primary purpose is to show the website in Kiosk mode.

⚡️ A supercharged native Web View for iOS and Android ⚡️

Scan and view your e-receipts

An app to view libraries used in apps in your device.

Comments

ZigzagView not displayed because it is too large to fit into a software layer

No license

How to make zigzag on left and right?

Releases(1.2.1)

1.2.1(Mar 29, 2021)

1.2.0(Oct 30, 2020)

1.1.0(Oct 30, 2020)

Owner

Farhad BR

Patter Lock using Hilt, Coroutines, Flow and Custom View Components based on MVVM architecture.

Android App Development using Android Studio Project for The Swastika. It is edit profile view.

TMDbHub - Listing movies using the TMDb API. You can filter results, view details, and save them to a collection

A blogging mobile application built with Kotlin using MVC design pattern and Take some advantage of Jetpack , View & Data Binding It's a mimic for Tumblr application , But a little prettier than him 😉

CMPLR-Native - A blogging mobile application built with Kotlin using MVC design pattern and Take some advantage of Jetpack , View & Data Binding

Pokedex - Pokedex demo application developed using Hilt, Coroutines, Jetpack Compose, View Model, Coil, Accompanist, Material Design based on MVVM atchitecture

A movies application built Using clean architecture and MVVM (Model-view-viewModel).

An App based on MVVM architecture to track & store a user's runs using Google Maps, with options to view & sort the runs as per the user's choice along the with option to run the app in background.

This Andoird project is about classifying garbage pictures using a CNN-based Tensorflowlite model and fetching location using GPS to mark its area on the map.