This is a library for make auto slide image in android

Afdhal_FA

Last update: Dec 1, 2022

Related tags

ImageView android kotlin-language kotlin-android android-library slide-images jitpack android-studio coil-image-loader auto-slide-image

Overview

Auto Image Slider

Screenshot

Image Slider Default	Image Slider With Custom Adapter

Usage

Add ImageSlider to your layout

    <com.afdhal_fa.imageslider.ImageSlider
        android:id="@+id/imageSlide"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        app:iss_auto_cycle="true"
        app:iss_delay="0"
        app:iss_period="1000"/>

You can change placeholder image.

 app:iss_placeholder="@drawable/placeholder"

You can change error image.

 app:iss_error_image="@drawable/error"

You can change image scale type.

 app:iss_image_scaleType="centerCrop"

You can change title color

app:iss_title_color="@color/purple_500"

You can hide title

app:iss_with_title="false"

You can hide background title

app:iss_with_background="false"

You can change text gravity

app:iss_title_gravity="center"

You can change text title background

app:iss_title_background="@drawable/gradient"

Add ImageSlider to your Activity

  val imageList = ArrayList<SlideUIModel>() 
  imageList.add(SlideUIModel("https://s.id/Ccoeo", "Blackpink - Jennie"))
  imageList.add(SlideUIModel("https://s.id/CcouZ", "Blackpink - Lisa"))
  imageList.add(SlideUIModel("https://s.id/CcoQ1", "Blackpink - Rose"))
  imageList.add(SlideUIModel("https://s.id/Cco-g", "Blackpink - Jisoo"))

  imageSlide.setImageList(imageList)

You can use click listener.

  imageSlide.setItemClickListener(object : ItemClickListener {
      override fun onItemClick(model: SlideUIModel, position: Int) {
          Toast.makeText(this@MainActivity, "${model.title}", Toast.LENGTH_SHORT).show()
      }
  })

You can add stop and start auto sliding again.

  imageSlide.startSliding(3000) // with new period
  imageSlide.startSliding()
  imageSlide.stopSliding()

You can make custom item slide with recyclerview adapter. You can see example adapter here Example Custom Adapter

  val imageList = ArrayList<BannerUIModel>() // Create image list
  imageList.add(BannerUIModel("https://s.id/Ccoeo", "Blackpink - Jennie"))
  imageList.add(BannerUIModel("https://s.id/CcouZ", "Blackpink - Lisa"))
  imageList.add(BannerUIModel("https://s.id/CcoQ1", "Blackpink - Rose"))
  imageList.add(BannerUIModel("https://s.id/Cco-g", "Blackpink - Jisoo"))
  mAdapter.setItem(imageList)
  binding.imageSlide.setImageListWithAdapter(mAdapter, imageList.size)
  mAdapter.onItemClick = {  // user click listener adapter
      Toast.makeText(this, it.title, Toast.LENGTH_SHORT).show()
   }

Dependencies

Add maven jitpack.io and dependencies in build.gradle (Project) :

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

// build.gradle app/module
dependencies {
    ...
     implementation 'com.github.Fuadafdhal:Auto-Image-Slider:1.0'
}

License

Copyright 2021 Muh Fuad Afdhal

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

    http://www.apache.org/licenses/LICENSE-2.0

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.

You might also like...

Custom ImageView for moving image around the screen (Android)

MovingImageView Create a custom ImageView for moving image around the screen. Usage To use MovingImageView, add the module into your project and start

819 Nov 18, 2022

Flickable ImageView for Android. It's like a view of twitter's detail image.

FlickableView Flickable ImageView for Android. It's like a view of twitter's detail image. It's possible that other views animate with FlickableView.

153 Nov 14, 2022

Add curve at bottom of image views and relative layouts.

Crescento Android library that adds a curve at the below of image views and relative layouts. CrescentoImageView and CrescentoContainer are the image

1.3k Nov 18, 2022

Custom ImageView to generate captcha image.

CaptchaImageView Custom ImageView to generate captcha image. Add CaptchaImageView to your layout test.jinesh.captchaimageviewlib.CaptchaImageView

610 Oct 18, 2022

A photoView to scale image and finish activity，高仿微信可拖拽返回PhotoView

DragPhotoView(English) 高仿微信可拖拽返回PhotoView 基于 PhotoView ##下载APK体验特性拖拽缩放图片,并且结束Activity 其他PhotoView所有特性如下: Out of the box zooming, using multi-touch a

1.6k Dec 5, 2022

Android library (AAR). Highly configurable, easily extendable deep zoom view for displaying huge images without loss of detail. Perfect for photo galleries, maps, building plans etc.

Subsampling Scale Image View A custom image view for Android, designed for photo galleries and displaying huge images (e.g. maps and building plans) w