Need help with swipe-maker?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

213 Stars 46 Forks Apache License 2.0 159 Commits 1 Opened issues


Easy Swipe Maker

Services available


Need anything else?

Contributors list

# 178,516
142 commits

Easy Swipe Maker

Download CI Coverage Status Counter Download Android Arsenal

Code Sponsor

From the library to build your own swipeout item views. These examples will only take 5 minutes each. Have a look at the demos app available on google play (is not updated -NO Swing and Vertical swipe examples)

This library is extrematly powerful since you can custom your own swipe effects "No limits for your imagination". Here you can find some examples:

Example of a Swipe of Swing


Example of a Swipe of Both Sides


Example of Drag Right Side Swipe


Example of a Two-steps Right Swipe with amazing color change


Are you ready? I'll show you how:

Let's do this one (Right Side Swipe):


Add it on your project:


compile 'com.xenione.libs:swipe-maker:1.1.3'

1.Extend AbsCoordinatorLayout and create your own Coordinator, in this case I called it HalfRightCoordinatorLayout

    public class HalfRightCoordinatorLayout extends AbsCoordinatorLayout {

Override the doInitialViewsLocation() method. This hook arises when views are placed on the screen. Set anchors for the swipe widget. Anchors are the boundaries between swipe slides (look at the layout at the next point). We want that swipe slides within the button "mBackgroundView" boundaries.

    public void doInitialViewsLocation() {
        mForegroundView = (SwipeLayout) findViewById(;
        mBackgroundView = findViewById(;
        mForegroundView.anchor(mBackgroundView.getRight(), mBackgroundView.getLeft());

2.Make your layout according to the previous point Note: SwipeLayout Id must be @id/foregroundView and Background View must be @id/backgroundView

<imagebutton android:id="@id/backgroundView" android:background="@color/colorAccent" android:src="@drawable/ic_delete" android:padding="@dimen/button_padding" android:layout_width="wrap_content" android:layout_height="match_parent"></imagebutton>

<com.xenione.libs.swipemaker.swipelayout android:id="@id/foregroundView" android:layout_width="match_parent" android:layout_height="@dimen/item_height" android:orientation="vertical">

    <imageview android:id="@+id/bg_disc" android:layout_width="match_parent" android:scaletype="centerCrop" android:layout_height="match_parent"></imageview>

    <relativelayout android:layout_width="match_parent" android:layout_height="match_parent">

        <textview style="@style/SubTitleTextStyle" android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" tools:text="Sao" android:layout_below="@+id/bandName" android:layout_alignright="@+id/bandName" android:layout_alignend="@+id/bandName"></textview>

        <textview style="@style/TitleTextStyle" android:id="@+id/bandName" android:layout_width="wrap_content" android:layout_height="wrap_content" tools:text="La Gossa Sorda" android:layout_alignparenttop="true" android:layout_alignparentright="true" android:layout_alignparentend="true" android:layout_margintop="30dp" android:layout_marginright="30dp" android:layout_marginend="30dp"></textview>




3.Make your amazing transformations- Go back to your class inherited from AbsCoordinatorLayout (im our case HalfRightCoordinatorLayout ) and you have a hook called onTranslateChange(...).

    public void onTranslateChange(float global, int index, float relative) {

where you can monitor swipe progress.

The parameter descriptions are:

global: give us percentage (1%: 0-1) :0 means left limit and 1 means right limit.

index and relative: in case we have more than 1 section that would happened if we had given more than 2 anchor points (such as Two-step Swipe)

index: is the index of the section (if we had got 3 anchor points we would have 2 sections: One from anchor 1 to 2 and the second from anchor 2 to 3)

relative: gives us the precentage(1%: 0-1) within the index section.

In our case we have only one section so we don't have to take care of that. So let's add a nice transition effect:

    public void onTranslateChange(float global, int index, float relative) {

Other example of what you can do with Easy Swipe Maker

Before-After Effect


find out more at github

Last version v1.1.1 - Feature added: Allow vertical swipe.

vertical swipe


Copyright 2016 Eugeni Josep Senent i Gabriel

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

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.

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.