BackdropLayout

by roiacult

roiacult /BackdropLayout

this library is based on Material design guidance

140 Stars 23 Forks Last release: 13 days ago (v2.3) Apache License 2.0 40 Commits 9 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

BackdropLayout

this library is based on Material design guidance (https://material.io/design/components/backdrop.html)

alt alt

Requirements

  • api 16 or higher
  • migrating to androidx

Setting up

Add it in your root build.gradle at the end of repositories:

Gradle
allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}
Add the dependency in your app build.gradle file
Gradle
dependencies {
    ...
    implementation 'com.github.roiacult:BackdropLayout:VERSION'
}
Note : replace VERSION with latest version from jitpack

Usage

you need to include front and back layout inside backdropLayout and specifie frontlayout and backlayout attribute or it will throw an exception ```xml

`app:front_layout` : id of front layout  (required)

app:back_layout : id of back layout (required)

app:toolbarId : id of toolbar when this attribute is specified BackdropLayout will automatically handle click event on toolbar and change state of backdroplayout and navigation icon according to the click

app:peekHeight : height of front layout header if not specified BackdropLayout will swip front layout out of screen when BackdropLayout is in open state

app:menuDrawable : drawable shown when BackdropLayout is in close State

app:closeDrawable : drawable shown when BackdropLayout is in open State

app:animationDuration : duration of swiping front layout

app:disable_when_open : disable front layout and adding white (Transparent) view above front layout

app:front_header_radius : if your front layout header have corner radius and you set app:disable_when_open to true you should set this attribute to same radius value of your front layout header to prevent disablingView (White Transparent above FrontLayout) from overlapping the Frontlayout

```Kotlin // you can add listener backdropLayout.setOnBackdropChangeStateListener{ when(it){
BackdropLayout.State.OPEN -> { //TODO } BackdropLayout.State.CLOSE -> { //TODO } }
}

// you can access front and back layout backdropLayout.getFrontLayout() backdropLayout.getBackLayout()

for more information see simple app included in this repo (https://github.com/roiacult/BackdropLayout/tree/master/app)

contact

alt text

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.