To create an image slider in Android Java

 To create an image slider in Android Java, you can use the ViewPager widget provided by the Android SDK. Here's a step-by-step guide to help you get started:

1. Add the ViewPager widget to your XML layout file:

app/src/main/java/com/example/app/recyclerviewdesign.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >
    <com.makeramen.roundedimageview.RoundedImageView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/image_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
      />
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/back"
        android:src="@drawable/ic_launcher_foreground">

    </ImageView>
</LinearLayout>

2. Create an adapter class that extends the FragmentStatePagerAdapter class:

app/src/main/java/com/example/app/ImageAdapter.class

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
package com.example.camera3.adapter;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import com.example.camera3.R;
import com.makeramen.roundedimageview.RoundedImageView;

import java.util.List;

public class ImageAdapter extends RecyclerView.Adapter<ImageAdapter.ImageViewHolder> {

    private List<Integer> images;

    public ImageAdapter(List<Integer> images) {
        this.images = images;
    }

    @NonNull
    @Override
    public ImageViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.slider_view_layout_xml, parent, false);
        return new ImageViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull ImageViewHolder holder, int position) {
        holder.bind(images.get(position));

        holder.imageView2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                holder.bind(images.get(position));
            }
        });
    }

    @Override
    public int getItemCount() {
        return images.size();
    }

    public static class ImageViewHolder extends RecyclerView.ViewHolder {

        private RoundedImageView imageView;
        private ImageView imageView2;

        public ImageViewHolder(View itemView) {
            super(itemView);
            imageView = itemView.findViewById(R.id.image_view);
            imageView2 = itemView.findViewById(R.id.back);
        }

        public void bind(int imageResId) {
            imageView.setImageResource(imageResId);
        }
    }
}

show image slider main xml

app/src/main/java/com/example/app/main.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".slider_image">


        <androidx.viewpager2.widget.ViewPager2
            android:id="@+id/image_slider"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:layout_marginTop="16dp"
            android:clipToPadding="false"
            android:paddingLeft="24dp"
            android:paddingRight="24dp" />

        <LinearLayout
            android:id="@+id/dots_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="16dp"
            android:gravity="center_horizontal"
            android:orientation="horizontal" />

        <ImageButton
            android:id="@+id/btn_prev"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:layout_alignBottom="@+id/image_slider"
            android:layout_alignParentLeft="true"
            android:layout_marginBottom="100dp"
            android:background="@null"
            android:src="@drawable/ic_baseline_arrow_back_ios_24" />

        <ImageButton
            android:id="@+id/btn_next"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:layout_alignBottom="@+id/image_slider"
            android:layout_alignParentRight="true"
            android:layout_marginBottom="100dp"
            android:background="@null"
            android:src="@drawable/ic_baseline_arrow_forward_ios_24" />



</RelativeLayout>

Activity main class that will display each image

app/src/main/java/com/example/app/main.class

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
package com.example.camera3;

import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager2.widget.ViewPager2;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;

import com.example.camera3.adapter.ImageAdapter;
import com.google.android.material.tabs.TabLayout;
import com.google.android.material.tabs.TabLayoutMediator;

import java.util.Arrays;
import java.util.List;

public class slider_image extends AppCompatActivity {

    private LinearLayout sliderDotspanel;
    private int dotscount;
    private ImageView[] dots;
    List<Integer> images;
    private ViewPager2 viewPager;
    private ImageAdapter adapter;
    private int currentPosition = 0;
    private Handler handler = new Handler();
    private Runnable runnable = new Runnable() {
        @Override
        public void run() {
            if (currentPosition == adapter.getItemCount() - 1) {
                currentPosition = 0;
            } else {
                currentPosition++;
            }
            viewPager.setCurrentItem(currentPosition, true);
            handler.postDelayed(this, 2000);
        }
    };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_slider_image);




        viewPager = findViewById(R.id.image_slider);
        List<Integer> images=Arrays.asList(
                R.drawable.ic_baseline_downloading_24,
                R.drawable.ic_launcher_background,
                R.drawable.ic_launcher_foreground
        );
        adapter = new ImageAdapter(images);
        viewPager.setAdapter(adapter);

        handler.postDelayed(runnable, 9000);

        ImageView previousButton = findViewById(R.id.btn_prev);
        ImageView nextButton = findViewById(R.id.btn_next);
        previousButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (viewPager.getCurrentItem() > 0) {
                    viewPager.setCurrentItem(viewPager.getCurrentItem() - 1, true);
                }
            }
        });

       nextButton.setOnClickListener(new View.OnClickListener() {
           @Override
           public void onClick(View view) {
               if (viewPager.getCurrentItem() < images.size() - 1) {
                   viewPager.setCurrentItem(viewPager.getCurrentItem() + 1, true);
               }
           }
       });


    }
    @Override
    protected void onDestroy() {
        super.onDestroy();
        handler.removeCallbacks(runnable);
    }
}