Android实现轮播

先上一个实现图

111231.gif

依赖：

轮播依赖：

implementation'com.youth.banner:banner:1.4.10'

Glide：

implementation'com.github.bumptech.glide:glide:4.9.0'

Activity:

public class HomeFragment extends Fragment {

    List<Integer> imageUrlData;
    List<String> contentData;
    Banner myBanner;


    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_home, container, false);
        myBanner = view.findViewById(R.id.banner);
        initBanner();
        return view;
    }
    private void initBanner() {
        imageUrlData = new ArrayList<>();
        contentData = new ArrayList<>();
        imageUrlData.add(R.drawable.thor);
        imageUrlData.add(R.drawable.cap);
        imageUrlData.add(R.drawable.logi);
        imageUrlData.add(R.drawable.doc);
        contentData.add("我是雷神");
        contentData.add("我是小美");
        contentData.add("我是洛基");
        contentData.add("我是博士");
        myBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);
        myBanner.setImageLoader(new MyLoader());
        myBanner.setImages(imageUrlData);
        myBanner.setBannerTitles(contentData);
        myBanner.setBannerAnimation(Transformer.Default);
        //切换频率
        myBanner.setDelayTime(2000);
        //自动启动
        myBanner.isAutoPlay(true);
        //位置设置
        myBanner.setIndicatorGravity(BannerConfig.CENTER);
        //开始运行
        myBanner.start();
    }


    private class MyLoader extends ImageLoader {
        @Override
        public void displayImage(Context context, Object path, ImageView imageView) {
            Glide.with(getActivity()).load(path).into(imageView);
        }
    }

}

activity_main中加入

<com.youth.banner.Banner
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        app:layout_constraintTop_toTopOf="parent" />