Slider bar (Banner View) auto scroll bar

1. Activity (activity_main.xml)

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- Image Slider --> <androidx.viewpager2.widget.ViewPager2 android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="300dp" android:layout_centerInParent="true" /> <!-- Dots Indicator --> <LinearLayout android:id="@+id/dotsContainer" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:layout_below="@id/viewPager" android:layout_centerHorizontal="true" android:layout_marginTop="16dp"/> </RelativeLayout>

1. Activity (mainactivity.java)

package com.example.otp; import android.os.Bundle; import android.os.Handler; import android.os.Looper; import android.widget.ImageView; import android.widget.LinearLayout; import androidx.appcompat.app.AppCompatActivity; import androidx.viewpager2.widget.ViewPager2; import java.util.ArrayList; import java.util.List; public class MainActivity extends AppCompatActivity { private ViewPager2 viewPager; private LinearLayout dotsContainer; private ImageSliderAdapter adapter; private List<Integer> images; private Handler handler = new Handler(Looper.getMainLooper()); private int currentSlide = 0; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewPager = findViewById(R.id.viewPager); dotsContainer = findViewById(R.id.dotsContainer); // Add images images = new ArrayList<>(); images.add(R.drawable.image); images.add(R.drawable.image); images.add(R.drawable.image); images.add(R.drawable.image); images.add(R.drawable.image); adapter = new ImageSliderAdapter(this, images); viewPager.setAdapter(adapter); setupDotsIndicator(); setupAutoSlide(); } private void setupDotsIndicator() { ImageView[] dots = new ImageView[images.size()]; for (int i = 0; i < dots.length; i++) { dots[i] = new ImageView(this); dots[i].setImageResource(R.drawable.dot_inactive); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); params.setMargins(8, 0, 8, 0); dotsContainer.addView(dots[i], params); } viewPager.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() { @Override public void onPageSelected(int position) { for (int i = 0; i < dots.length; i++) { dots[i].setImageResource(i == position ? R.drawable.dot_active : R.drawable.dot_inactive); } } }); } private void setupAutoSlide() { Runnable slideRunnable = new Runnable() { @Override public void run() { currentSlide = (currentSlide + 1) % images.size(); viewPager.setCurrentItem(currentSlide, true); handler.postDelayed(this, 3000); // Slide every 3 seconds } }; handler.postDelayed(slideRunnable, 3000); } }

1. Resorce file (item_image.xml)

<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/imageView" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" /> </FrameLayout>

1. Drawable Resorce file (dot_active.xml)

<shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#FF0000" /> <corners android:radius="4dp" /> <size android:width="8dp" android:height="8dp"/> </shape>

1. Drawable Resorce file (dot_inactive.xml)

<shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#CCCCCC" /> <corners android:radius="4dp" /> <size android:width="8dp" android:height="8dp"/> </shape>

1. java class (ImageSliderAdapter.java)

package com.example.otp; import android.content.Context; import android.content.Intent; 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 java.util.List; public class ImageSliderAdapter extends RecyclerView.Adapter<ImageSliderAdapter.SliderViewHolder> { private List<Integer> imageList; private Context context; public ImageSliderAdapter(Context context, List<Integer> imageList) { this.context = context; this.imageList = imageList; } @NonNull @Override public SliderViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_image, parent, false); return new SliderViewHolder(view); } @Override public void onBindViewHolder(@NonNull SliderViewHolder holder, int position) { int imageResId = imageList.get(position); holder.imageView.setImageResource(imageResId); // Image click listener for fullscreen preview holder.imageView.setOnClickListener(v -> { Intent intent = new Intent(context, HomeActivity.class); intent.putExtra("imageResId", imageResId); context.startActivity(intent); }); } @Override public int getItemCount() { return imageList.size(); } public class SliderViewHolder extends RecyclerView.ViewHolder { ImageView imageView; public SliderViewHolder(@NonNull View itemView) { super(itemView); imageView = itemView.findViewById(R.id.imageView); } } }