Skip to content

Latest commit

 

History

History
98 lines (72 loc) · 3.99 KB

README.md

File metadata and controls

98 lines (72 loc) · 3.99 KB

CARDSLIDER [JAVA]

Material design UI controller that allows to swipe through cards with pictures and descriptions


We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

Stay tuned for the latest updates:


Twitter Codacy Badge CircleCI Donate

Requirements

  • Android 4.4 KitKat (API lvl 19) or greater
  • Your favorite IDE

Installation

​ Just download the package from here and add it to your project classpath, or just use the maven repo:

Gradle:

'com.ramotion.cardslider:card-slider:0.3.1'

SBT:

libraryDependencies += "com.ramotion.cardslider" % "card-slider" % "0.3.1"

Maven:

<dependency>
	<groupId>com.ramotion.cardslider</groupId>
	<artifactId>card-slider</artifactId>
	<version>0.3.1</version>
</dependency>

Basic usage

CardSlider is a custom LayoutManager for RecyclerView. You can attach it to RecyclerView from code or XML layout.

Here are the attributes you can specify in the constructor or XML layout:

  • activeCardLeft - Active card offset from start of RecyclerView. Default value is 50dp.
  • cardWidth - Card width. Default value is 148dp.
  • cardsGap - Distance between cards. Default value is 12dp.

For card snapping, there is CardSnapHelper class.'

...
@Override
protected void onCreate(Bundle savedInstanceState) {
    ...
    recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
    recyclerView.setLayoutManager(new CardSliderLayoutManager(this););

    new CardSnapHelper().attachToRecyclerView(recyclerView);
    ...
}

📄 License

Cardslider Android is released under the MIT license. See LICENSE for details.

This library is a part of a selection of our best UI open-source projects

If you use the open-source library in your project, please make sure to credit and backlink to www.ramotion.com

📱 Get the Showroom App for Android to give it a try

Try this UI component and more like this in our Android app. Contact us if interested.