Use the open source project [banner] to achieve the effect of rotating pictures (with dots)

banner Open source project address ：GitHub - youth5201314/banner: Banner 2.0 coming ！Android Advertising image rotation control , Internally based on ViewPager2 Realization ,Indicator and UI You can customize .

Add network access ：

<uses-permission android:name="android.permission.INTERNET" />

stay 【Android Manifest.xml】 Medium 【application】 Join in 【android:usesCleartextTraffic="true"】 Use clear text network request , Otherwise, you have to http Access changed to https visit .API Level 28 Or higher level applications default to “ false”,false Identify the meaning of refusing applications to use plaintext network requests .

Add dependency ：

implementation 'io.github.youth5201314:banner:2.2.2' // banner rely on 
implementation 'com.github.bumptech.glide:glide:4.12.0' //glide Load network image dependency 

Add... To the layout file ：

<com.youth.banner.Banner
    android:id="@+id/banner"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    app:layout_constraintBottom_toTopOf="@+id/btn"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"/>

MainActivity Add ：

List<String> bannerList = new ArrayList<>();
bannerList.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic21363tj30ci08ct96.jpg");
bannerList.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic259ohaj30ci08c74r.jpg");
bannerList.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2b16zuj30ci08cwf4.jpg");
bannerList.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2e7vsaj30ci08cglz.jpg");
Banner banner = findViewById(R.id.banner);
banner.setAdapter(new BannerImageAdapter<String>(bannerList) {
    @Override
    public void onBindView(BannerImageHolder holder, String data, int position, int size) {
        Glide.with(holder.itemView)
                .load(data)
                .apply(RequestOptions.bitmapTransform(new RoundedCorners(30)))
                .into(holder.imageView);
    }
}).addBannerLifecycleObserver(this).setBannerRound(30).setIndicator(new CircleIndicator(this));

Open the app to see , The carousel map is realized , It also comes with small dots .