Android Accordion Swipe Layout
Inspired by iOS Mail app
Easy accordion swipe layout for Android.
Very easy to use
Step 1
Gradle
Add to root project gradle
allprojects {
repositories {
maven {
url "https://jitpack.io"
}
}
}
Add dependency to app gradle
compile 'com.github.alexandrius:accordion-swipe-layout:0.5.0'
Step 2
Create main layout for your swipable item.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#a9a9a9"
android:gravity="center"
android:text="This is sample" />
</LinearLayout>
Step 3
Create array.xml in your values folder Add custom integer arrays for drawables and swipable item backgrounds
Example:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<integer-array name="rightColors">
<item>@color/color1</item>
<item>@color/color2</item>
<item>@color/color3</item>
</integer-array>
<integer-array name="leftColors">
<item>@color/color4</item>
<item>@color/color5</item>
<item>@color/color6</item>
</integer-array>
<integer-array name="rightDrawables">
<item>@mipmap/ic_reload</item>
<item>@mipmap/ic_settings</item>
<item>@mipmap/ic_trash</item>
</integer-array>
<integer-array name="leftDrawables">
<item>@mipmap/ic_reload</item>
</integer-array>
<string-array name="rightTexts">
<item>@string/reload</item>
<item>@string/settings</item>
<item>@string/trash</item>
</string-array>
</resources>
Step 4
Add SwipeLayout into your layout
<com.alexandrius.accordionswipelayout.library.SwipeLayout
android:id="@+id/swipe_layout"
android:layout_width="match_parent"
android:layout_height="80dp"
app:iconSize="@dimen/icon_size"
app:foregroundLayout="@layout/sample_item"
app:leftItemColors="@array/leftColors"
app:leftItemIcons="@array/leftDrawables"
app:rightItemColors="@array/rightColors"
app:rightItemIcons="@array/rightDrawables"
app:swipeItemWidth="@dimen/swipe_item_width" />
Available attrs:
- iconSize
- foregroundLayout - pass id of previously created layout
- leftItemColors
- leftItemIcons
- leftTextColors
- rightTextColors
- rightItemColors
- rightItemIcons
- swipeItemWidth
- leftStrings
- rightStrings
- textSize
- textTopMargin
- customFont
- canFullSwipeFromLeft
- canFullSwipeFromRight
- autoHideSwipe - automatically collapse item on scroll
- onlyOneSwipe - automatically collapse other item if expanded
canFullSwipeFromLeft - set swipe to maximum width (like in gif preview) from left. Executes listener for first item
canFullSwipeFromRight - set swipe to maximum width (like in gif preview) from right. Executes listener for last item
Step 5
Add click listener to swipe items
SwipeLayout swipeLayout = (SwipeLayout) findViewById(R.id.swipe_layout);
swipeLayout.setOnSwipeItemClickListener(new SwipeLayout.OnSwipeItemClickListener() {
@Override
public void onSwipeItemClick(boolean left, int index) {
if (left) {
switch (index) {
case 0:
break;
}
} else {
switch (index) {
case 0:
break;
}
}
}
});
Expand and collapse programmatically
ITEM_STATE_LEFT_EXPAND
ITEM_STATE_RIGHT_EXPAND
ITEM_STATE_COLLAPSED
swipeLayout.setItemState(SwipeLayout.ITEM_STATE_LEFT_EXPAND, animated);
That's pretty much it. Thanks
697 Dec 14, 2022
315 Dec 21, 2022
1.3k Nov 25, 2022
1.3k Dec 29, 2022
340 Nov 13, 2022
32 Dec 10, 2022
126 Nov 25, 2022
831 Jan 4, 2023
1 Nov 23, 2021
3k Nov 28, 2022
777 Dec 30, 2022
631 Dec 31, 2022
4 Jul 27, 2022
1.5k Nov 15, 2022
113 Nov 29, 2022
3k Dec 6, 2022
2.6k Jan 5, 2023
1.5k Jan 2, 2023
1.2k Dec 30, 2022