Step 1. Add the JitPack repository to your build file
Add it in your root settings.gradle at the end of repositories:
dependencyResolutionManagement {
repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
repositories {
mavenCentral()
maven { url 'https://jitpack.io' }
}
}
Add it in your settings.gradle.kts at the end of repositories:
dependencyResolutionManagement {
repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
repositories {
mavenCentral()
maven { url = uri("https://jitpack.io") }
}
}
Add to pom.xml
<repositories>
<repository>
<id>jitpack.io</id>
<url>https://jitpack.io</url>
</repository>
</repositories>
Add it in your build.sbt at the end of resolvers:
resolvers += "jitpack" at "https://jitpack.io"
Add it in your project.clj at the end of repositories:
:repositories [["jitpack" "https://jitpack.io"]]
Step 2. Add the dependency
dependencies {
implementation 'com.github.byvapps:ImageCarroussel:2.4.4'
}
dependencies {
implementation("com.github.byvapps:ImageCarroussel:2.4.4")
}
<dependency>
<groupId>com.github.byvapps</groupId>
<artifactId>ImageCarroussel</artifactId>
<version>2.4.4</version>
</dependency>
libraryDependencies += "com.github.byvapps" % "ImageCarroussel" % "2.4.4"
:dependencies [[com.github.byvapps/ImageCarroussel "2.4.4"]]
Add to your layout xml:
<com.inlacou.imagecarroussel.ImageCarroussel
android:id="@+id/imagecarroussel"
android:layout_width="match_parent"
android:layout_height="250dp"
android:fitsSystemWindows="true"
app:layout_collapseMode="parallax"/>
Configure it:
val imagecarroussel = findViewById<ImageCarousel>(R.id.imagecarroussel)
val urls = ArrayList<String>()
urls.add("http://assets.pokemon.com/assets/cms2/img/pokedex/full//739.png")
urls.add("https://pro-rankedboost.netdna-ssl.com/wp-content/uploads/2016/08/Togepi-Pokemon-Go.png")
urls.add("http://assets.pokemon.com/assets/cms2/img/pokedex/full//748.png")
urls.add("https://vignette3.wikia.nocookie.net/pokemon/images/b/b4/393Piplup_Pokemon_Ranger_Guardian_Signs.png/revision/latest?cb=20150109224144")
urls.add("https://vignette.wikia.nocookie.net/es.pokemon/images/4/4f/Torchic.png/revision/latest?cb=20140612153748")
urls.add("https://vignette.wikia.nocookie.net/es.pokemon/images/4/43/Bulbasaur.png/revision/latest?cb=20170120032346")
urls.add("https://assets.pokemon.com/assets/cms2/img/pokedex/full//133.png")
imagecarroussel.model = ImageCarouselMdl(
fragmentManager = supportFragmentManager,
urls = urls,
positionDisplay = PositionDisplayMode.CIRCLES,
autoSwipe = AutoSwipeMode(active = true),
showTopShadow = false,
pagePaddingRight = 60,
pageMargin = 15)
Parameters: fragmentManager: FragmentManager urls: List of Strings positionDisplay: optional, PositionDisplayMode (custom enum class, TEXT, CIRCLES or NONE), default NONE showTopShadow: optional, Boolean, default false autoSwipe: optional, AutoSwipeMode (custom class) onItemClick: optional, callback onPageShown: optional, callback pagePaddingLeft: optional, left padding, default 0 pagePaddingRight: optional, right padding, default 0 pageMargin: optional, page margin, default 0
You can add it inside your AppBarLayout, for example:
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fitsSystemWindows="true"
android:theme="@style/AppTheme.AppBarOverlay">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/toolbar_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<com.inlacou.imagecarroussel.ImageCarroussel
android:id="@+id/imagecarroussel"
android:layout_width="match_parent"
android:layout_height="250dp"
android:fitsSystemWindows="true"
app:layout_collapseMode="parallax"/>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/AppTheme.PopupOverlay"/>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
If so, consider using this too:
CollapsingToolbarLayout collapsingToolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.toolbar_layout);
collapsingToolbarLayout.setExpandedTitleColor(getResources().getColor(android.R.color.transparent));