XBanner实现很简单的轮播效果

最新推荐文章于 2022-06-23 21:36:02 发布

原创最新推荐文章于 2022-06-23 21:36:02 发布 · 910 阅读

0 ·

CC 4.0 BY-SA版权

本文展示了如何利用XBanner组件实现简单的轮播效果，包括提供的效果图和MainActivity的简单实现步骤，通过实例代码帮助读者快速理解并应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先看效果图

不会录动态的，献丑了，这能这样了，凑活看吧，底下有三个小圆点

主布局就一个XBanner,我就不显示了

看一下MainActivity

package com.example.administrator.sousuo_demo;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

import com.bumptech.glide.Glide;
import com.stx.xhb.xbanner.XBanner;

import java.util.ArrayList;

public class XingQingActivity extends AppCompatActivity {

    private XBanner xBanner;
    private ArrayList<String> list_image,list_title;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_xing_qing);
         xBanner = findViewById(R.id.xBanner);
         list_image = new ArrayList<>();
         list_title = new ArrayList<>();
         list_image.add("https://m.360buyimg.com/n0/jfs/t6037/35/2944615848/95178/6cd6cff0/594a3a10Na4ec7f39.jpg");
         list_title.add("1/3");
        list_image.add("https://m.360buyimg.com/n0/jfs/t6607/258/1025744923/75738/da120a2d/594a3a12Ne3e6bc56.jpg");
        list_title.add("2/3");
        list_image.add("https://m.360buyimg.com/n0/jfs/t6037/35/2944615848/95178/6cd6cff0/594a3a10Na4ec7f39.jpg");
        list_title.add("3/3");
        xBanner.setData(list_image,list_title);
        xBanner.setmAdapter(new XBanner.XBannerAdapter() {
            @Override
            public void loadBanner(XBanner banner, View view, int position) {
                Glide.with(XingQingActivity.this).load(list_image.get(position)).into((ImageView) view);

            }
        });
    }

    @Override
    protected void onResume() {
        super.onResume();
        xBanner.startAutoPlay();
    }

    @Override
    protected void onStop() {
        super.onStop();
        xBanner.startAutoPlay();
    }
}