Simple Banner View

1. Activity (activity_main.xml)

<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity"> <androidx.viewpager2.widget.ViewPager2 android:id="@+id/bannerViewPager" android:layout_width="match_parent" android:layout_height="250dp" app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent" /> <!-- Dot Indicators --> <com.google.android.material.tabs.TabLayout android:id="@+id/tabLayout" android:layout_width="wrap_content" android:layout_height="wrap_content" app:tabIndicatorColor="@android:color/white" app:tabSelectedTextColor="@android:color/white" app:tabIndicatorHeight="0dp" app:layout_constraintTop_toBottomOf="@id/bannerViewPager" app:layout_constraintBottom_toBottomOf="parent" android:layout_gravity="center" tools:ignore="MissingConstraints" /> </androidx.constraintlayout.widget.ConstraintLayout>

1. Activity (mainactivity.java)

import android.os.Bundle; import android.os.Handler; import androidx.appcompat.app.AppCompatActivity; import androidx.viewpager2.widget.ViewPager2; import com.google.android.material.tabs.TabLayout; import com.google.android.material.tabs.TabLayoutMediator; import java.util.ArrayList; import java.util.List; public class MainActivity extends AppCompatActivity { private ViewPager2 bannerViewPager; private List<Integer> bannerItems; private TabLayout tabLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); bannerViewPager = findViewById(R.id.bannerViewPager); tabLayout = findViewById(R.id.tabLayout); // Create a list of image resource IDs bannerItems = new ArrayList<>(); bannerItems.add(R.drawable.image1); // Replace with your own image resources bannerItems.add(R.drawable.image2); bannerItems.add(R.drawable.image3); bannerItems.add(R.drawable.image3); bannerItems.add(R.drawable.image3); // Set the adapter BannerAdapter bannerAdapter = new BannerAdapter(bannerItems, this); bannerViewPager.setAdapter(bannerAdapter); // Link the TabLayout with ViewPager2 (Dots Indicator) new TabLayoutMediator(tabLayout, bannerViewPager, (tab, position) -> { // Empty callback: dots are managed automatically }).attach(); // Optional: Add auto-scroll functionality autoScrollBanner(); } private void autoScrollBanner() { Handler handler = new Handler(); Runnable runnable = new Runnable() { @Override public void run() { int currentItem = bannerViewPager.getCurrentItem(); int nextItem = currentItem + 1; if (nextItem >= bannerItems.size()) { nextItem = 0; } bannerViewPager.setCurrentItem(nextItem, true); handler.postDelayed(this, 1000); // Auto-scroll delay } }; handler.postDelayed(runnable, 1000); } } import android.os.Bundle; import android.os.Handler; import androidx.appcompat.app.AppCompatActivity; import androidx.viewpager2.widget.ViewPager2; import com.google.android.material.tabs.TabLayout; import com.google.android.material.tabs.TabLayoutMediator; import java.util.ArrayList; import java.util.List; public class MainActivity extends AppCompatActivity { private ViewPager2 bannerViewPager; private List<Integer> bannerItems; private TabLayout tabLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); bannerViewPager = findViewById(R.id.bannerViewPager); tabLayout = findViewById(R.id.tabLayout); // Create a list of image resource IDs bannerItems = new ArrayList<>(); bannerItems.add(R.drawable.image1); // Replace with your own image resources bannerItems.add(R.drawable.image2); bannerItems.add(R.drawable.image3); bannerItems.add(R.drawable.image3); bannerItems.add(R.drawable.image3); // Set the adapter BannerAdapter bannerAdapter = new BannerAdapter(bannerItems, this); bannerViewPager.setAdapter(bannerAdapter); // Link the TabLayout with ViewPager2 (Dots Indicator) new TabLayoutMediator(tabLayout, bannerViewPager, (tab, position) -> { // Empty callback: dots are managed automatically }).attach(); // Optional: Add auto-scroll functionality autoScrollBanner(); } private void autoScrollBanner() { Handler handler = new Handler(); Runnable runnable = new Runnable() { @Override public void run() { int currentItem = bannerViewPager.getCurrentItem(); int nextItem = currentItem + 1; if (nextItem >= bannerItems.size()) { nextItem = 0; } bannerViewPager.setCurrentItem(nextItem, true); handler.postDelayed(this, 1000); // Auto-scroll delay } }; handler.postDelayed(runnable, 1000); } }