├── .gitignore ├── .idea ├── caches │ └── build_file_checksums.ser ├── codeStyles │ └── Project.xml ├── gradle.xml ├── misc.xml └── runConfigurations.xml ├── README.md ├── Slider-Video.gif ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── wolfpack │ │ └── ajays │ │ └── librarytest │ │ └── ExampleInstrumentedTest.java │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── wolfpack │ │ │ └── ajays │ │ │ └── librarytest │ │ │ └── MainActivity.java │ └── res │ │ ├── drawable-v24 │ │ └── ic_launcher_foreground.xml │ │ ├── drawable │ │ └── ic_launcher_background.xml │ │ ├── layout │ │ └── activity_main.xml │ │ ├── mipmap-anydpi-v26 │ │ ├── ic_launcher.xml │ │ └── ic_launcher_round.xml │ │ ├── mipmap-hdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-mdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xhdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xxhdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xxxhdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ └── values │ │ ├── colors.xml │ │ ├── strings.xml │ │ └── styles.xml │ └── test │ └── java │ └── com │ └── wolfpack │ └── ajays │ └── librarytest │ └── ExampleUnitTest.java ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── settings.gradle └── slider ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src ├── androidTest └── java │ └── com │ └── wolfpack │ └── ajays │ └── slider │ └── ExampleInstrumentedTest.java ├── main ├── AndroidManifest.xml ├── java │ └── com │ │ └── wolfpack │ │ └── ajays │ │ └── slider │ │ └── Slider.java └── res │ ├── drawable │ ├── dogone.jpg │ ├── dogthree.jpg │ └── dogtwo.jpg │ └── values │ └── strings.xml └── test └── java └── com └── wolfpack └── ajays └── slider └── ExampleUnitTest.java /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/libraries 5 | /.idea/modules.xml 6 | /.idea/workspace.xml 7 | .DS_Store 8 | /build 9 | /captures 10 | .externalNativeBuild 11 | -------------------------------------------------------------------------------- /.idea/caches/build_file_checksums.ser: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AjaySharvesh3/Image-Slider-View/f1a1880f5849fb2e8a2e0be2c8fbb51826354fa8/.idea/caches/build_file_checksums.ser -------------------------------------------------------------------------------- /.idea/codeStyles/Project.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 15 | 16 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 19 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | 27 | 28 | 29 | 30 | 31 | 32 | 34 | -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Image-Slider-View [![](https://jitpack.io/v/AjaySharvesh3/Image-Slider-View.svg)](https://jitpack.io/#AjaySharvesh3/Image-Slider-View) 2 | 3 | ## Description 4 | 5 | Slider Library is simple for creating beatiful UI for image sliding in circular view. 6 | Sliding them in both left and right with the help of buttons, texts etc. 7 | Easy to implement on your device. 8 | 9 | ## Demo Gif 10 | 11 | 12 | 13 | ## How to implement it? 14 | 15 | #### 1. First, add the JitPack repository to your `build.gradle` file (project level) 16 | 17 | ``` 18 | allprojects { 19 | repositories { 20 | ... 21 | maven { url 'https://jitpack.io' } 22 | } 23 | } 24 | ``` 25 | #### 2. Second, add Module dependency in your `app/build.gradle` file 26 | 27 | ``` 28 | dependencies { 29 | implementation 'com.github.AjaySharvesh3:Image-Slider-View:v1.0' 30 | } 31 | ``` 32 | #### 3. Third, add this XML code to your activity (Any of your activity you need to implement it on) 33 | 34 | ```xml 35 | 41 | ``` 42 | #### 4. Fourth step, add some image resources in Java 43 | 44 | ```java 45 | slider = findViewById(R.id.slider); 46 | int [] id = new int [] {R.drawable.dogone, R.drawable.dogtwo, R.drawable.dogthree}; 47 | slider.setImageResource(id); 48 | ``` 49 | #### 5. Now you need to command this view when you want to slide to next item. So you can call helper method like: 50 | 51 | ``` 52 | //Slide image in left 53 | slider.slideLeft(); 54 | 55 | //Slide image in right 56 | slider.slideRight(); 57 | ``` 58 | ### Additional Works 59 | 60 | #### 1. You can also listen to events when the slider reaches its end. 61 | Just call `.setSlideListener` method and pass the implementation `slider.SlideListener` interface. 62 | 63 | ``` 64 | slider.setSlideListener(new Slider.SlideListener() { 65 | @Override 66 | public void onReachedFirst() { 67 | Toast.makeText(MainActivity.this,"Reached 1st Position!",Toast.LENGTH_LONG).show(); 68 | } 69 | 70 | @Override 71 | public void onReachedLast() { 72 | Toast.makeText(MainActivity.this,"Reached last Position!", Toast.LENGTH_LONG).show(); 73 | } 74 | 75 | }); 76 | ``` 77 | 78 | #### 2. You can also customize your color for Concentric circles by: 79 | 80 | ```java 81 | slider.setColor(Color.parseColor("#009988")); 82 | ``` 83 | 84 | ### Contributions 85 | 86 | Any contributions are welcome. You can send PR or open issues. 87 | -------------------------------------------------------------------------------- /Slider-Video.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AjaySharvesh3/Image-Slider-View/f1a1880f5849fb2e8a2e0be2c8fbb51826354fa8/Slider-Video.gif -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 27 5 | defaultConfig { 6 | applicationId "com.wolfpack.ajays.librarytest" 7 | minSdkVersion 17 8 | targetSdkVersion 27 9 | versionCode 1 10 | versionName "1.0" 11 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" 12 | } 13 | buildTypes { 14 | release { 15 | minifyEnabled false 16 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 17 | } 18 | } 19 | } 20 | 21 | dependencies { 22 | implementation fileTree(include: ['*.jar'], dir: 'libs') 23 | implementation 'com.android.support:appcompat-v7:27.1.1' 24 | implementation 'com.android.support.constraint:constraint-layout:1.1.1' 25 | testImplementation 'junit:junit:4.12' 26 | androidTestImplementation 'com.android.support.test:runner:1.0.2' 27 | androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2' 28 | 29 | 30 | implementation project(':slider') 31 | } 32 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # You can control the set of applied configuration files using the 3 | # proguardFiles setting in build.gradle. 4 | # 5 | # For more details, see 6 | # http://developer.android.com/guide/developing/tools/proguard.html 7 | 8 | # If your project uses WebView with JS, uncomment the following 9 | # and specify the fully qualified class name to the JavaScript interface 10 | # class: 11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 12 | # public *; 13 | #} 14 | 15 | # Uncomment this to preserve the line number information for 16 | # debugging stack traces. 17 | #-keepattributes SourceFile,LineNumberTable 18 | 19 | # If you keep the line number information, uncomment this to 20 | # hide the original source file name. 21 | #-renamesourcefileattribute SourceFile 22 | -------------------------------------------------------------------------------- /app/src/androidTest/java/com/wolfpack/ajays/librarytest/ExampleInstrumentedTest.java: -------------------------------------------------------------------------------- 1 | package com.wolfpack.ajays.librarytest; 2 | 3 | import android.content.Context; 4 | import android.support.test.InstrumentationRegistry; 5 | import android.support.test.runner.AndroidJUnit4; 6 | 7 | import org.junit.Test; 8 | import org.junit.runner.RunWith; 9 | 10 | import static org.junit.Assert.*; 11 | 12 | /** 13 | * Instrumented test, which will execute on an Android device. 14 | * 15 | * @see Testing documentation 16 | */ 17 | @RunWith(AndroidJUnit4.class) 18 | public class ExampleInstrumentedTest { 19 | @Test 20 | public void useAppContext() { 21 | // Context of the app under test. 22 | Context appContext = InstrumentationRegistry.getTargetContext(); 23 | 24 | assertEquals("com.wolfpack.ajays.librarytest", appContext.getPackageName()); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 12 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /app/src/main/java/com/wolfpack/ajays/librarytest/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.wolfpack.ajays.librarytest; 2 | 3 | import android.support.v7.app.AppCompatActivity; 4 | import android.os.Bundle; 5 | import android.view.View; 6 | import android.widget.Button; 7 | import android.widget.Toast; 8 | 9 | import com.wolfpack.ajays.slider.Slider; 10 | 11 | import java.util.ArrayList; 12 | 13 | public class MainActivity extends AppCompatActivity { 14 | 15 | private Slider slider; 16 | private Button next, previous; 17 | 18 | @Override 19 | protected void onCreate(Bundle savedInstanceState) { 20 | super.onCreate(savedInstanceState); 21 | setContentView(R.layout.activity_main); 22 | 23 | slider = findViewById(R.id.slider); 24 | 25 | int [] id = new int [] {R.drawable.dogone, R.drawable.dogtwo, R.drawable.dogthree}; 26 | 27 | slider.setImageResource(id); 28 | 29 | slider.setSlideListener(new Slider.SlideListener() { 30 | @Override 31 | public void onReachedFirst() { 32 | Toast.makeText(MainActivity.this,"Reached 1st Position!",Toast.LENGTH_LONG).show(); 33 | } 34 | 35 | @Override 36 | public void onReachedLast() { 37 | Toast.makeText(MainActivity.this,"Reached last Position!", Toast.LENGTH_LONG).show(); 38 | } 39 | 40 | }); 41 | 42 | next = findViewById(R.id.next); 43 | previous = findViewById(R.id.back); 44 | 45 | next.setOnClickListener(new View.OnClickListener() { 46 | @Override 47 | public void onClick(View v) { 48 | slider.slideLeft(); 49 | } 50 | }); 51 | 52 | previous.setOnClickListener(new View.OnClickListener() { 53 | @Override 54 | public void onClick(View v) { 55 | slider.slideRight(); 56 | } 57 | }); 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 12 | 13 | 19 | 22 | 25 | 26 | 27 | 28 | 34 | 35 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_launcher_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 | 90 | 95 | 100 | 105 | 110 | 115 | 120 | 125 | 130 | 135 | 140 | 145 | 150 | 155 | 160 | 165 | 170 | 171 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | 17 | 18 |