OverlapImageGalleryView OverlapImageGalleyView @codeKK AndroidOpen Source Website

OverlapImageGalleryView

Project Url: Mindinventory/OverlapImageGalleryView

Introduction: OverlapImageGalleyView with different animations. Sample for android mobile application.

Tags:

-- OverlapImageGalleryView is an android library which provides circular image horizontal list with multiple animations and customization.

Preview

Key features

Easy way to integrate it with your recyclerview adapter.
Overlapping space as you want.
Number of items to show in gallery as overlapped.
Different scroll animations.
Orientation.
Supported androidx

Usage

Dependencies

Step 1: Add the JitPack repository in your project build.gradle file

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

If Android studio version is Arctic Fox or higher then add it in your settings.gradle

dependencyResolutionManagement {
          repositories {
               ...
               maven { url 'https://jitpack.io' }
           }
   }

Step 2: Add the dependency in your app module build.gradle file
```
dependencies {
          ...
          implementation 'com.github.Mindinventory:OverlapImageGalleryView:x.x.x'
  }
```
Implementation

```Fragment/Activity //------limit number of items to be overlapped
private val overlapLimit = 5

//------set value of item overlapping in percentage between 0 to 100 private val overlapWidthInPercentage = -50

//------set item decoration for item overlapping recyclerView.addItemDecoration(OverlapRecyclerViewDecoration(overlapLimit, overlapWidth)) recyclerView.adapter = mAdapter
mAdapter.setImageList(setDummyArrayList())

//------ Implement OverlapRecyclerViewClickListener interface to get callback of items click.
override fun onNormalItemClicked(adapterPosition: Int) {
    toast(this,"Normal item clicked >> $adapterPosition")
}

override fun onNumberedItemClick(adapterPosition: Int) {
    toast(this,"Numbered item clicked >> $adapterPosition")
    // Here you can add remaining items in list or open seperate screen.
}

```