安卓轮播图banner的使用和详解

轮播图banner的基本使用

1.首先要导入依赖

	//Banner图依赖
    implementation 'com.youth.banner:banner:1.4.10'
	//glide依赖
    implementation 'com.github.bumptech.glide:glide:4.0.0-RC1'

2.如果是网络解析图片,这里得在Manifest中添加权限

<!--网络-->
 <uses-permission android:name="android.permission.INTERNET"/>
 <!--读取外置存储卡-->
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

3…xml中

	<com.youth.banner.Banner
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/banner" />

4…Java代码中

import android.content.Context;
import android.graphics.Paint;
import android.media.Image;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.widget.ImageView;
import android.widget.Toast;

import com.bumptech.glide.Glide;
import com.youth.banner.Banner;
import com.youth.banner.BannerConfig;
import com.youth.banner.BannerScroller;
import com.youth.banner.Transformer;
import com.youth.banner.listener.OnBannerListener;
import com.youth.banner.loader.ImageLoader;

import java.util.ArrayList;
import java.util.List;

import androidx.appcompat.app.AppCompatActivity;
import butterknife.BindView;
import butterknife.ButterKnife;

public class SecondActivity extends AppCompatActivity implements OnBannerListener {

    @BindView(R.id.banner)
    Banner banner;
    private List<String> mImage = new ArrayList<>();//存放图片地址集合
    private List<String> mTitles = new ArrayList<>();//存放标题集合

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
        ButterKnife.bind(this);
        initView();
    }

    private void initView() {

   		mImage.add("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Ftupian.qqjay.com%2Fu%2F2017%2F1215%2F14_1657_8.jpg&refer=http%3A%2F%2Ftupian.qqjay.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636795598&t=bf0ccfb77e34cccf79597fcb289b1099");
        mImage.add("https://img1.baidu.com/it/u=2641362231,3822011310&fm=26&fmt=auto");
        mImage.add("https://img1.baidu.com/it/u=238771295,4007404481&fm=26&fmt=auto");
        mImage.add("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2Fed%2Fd1%2Faa%2Fedd1aa6f05ceaee8bb8c67f4d45c51c7.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636796623&t=43bcbc12a5dd5900cf970692d4c0881b");
        mTitles.add("好好学习");
        mTitles.add("天天向上");
        mTitles.add("内卷卷死");
        mTitles.add("也不闲死");

		//设置轮播图样式 共有6种 可以点进去更换查看不同样式
        banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE)
               //加载图片  图片加载器
                .setImageLoader(new MyLoader())
                //添加图片集合
                .setImages(mImage)
                //设置图片轮播的不同显示效果  可以点进去跟换样式
                .setBannerAnimation(Transformer.Default)
                //添加图片标题
                .setBannerTitles(mTitles)
                //设置每张图片显示的时间
                .setDelayTime(2000)
                //是否自动轮播,true则为自动轮播，默认为true
                .isAutoPlay(true)
                //设置指示器的位置  左中右三种
                .setIndicatorGravity(BannerConfig.CENTER)
                //轮播图的监听
                .setOnBannerListener(this)
                //启动轮播图 不要忘记
                .start();

    }
//轮播图的监听方法
    @Override
    public void OnBannerClick(int position) {
        Toast.makeText(this, "点中第"+position+"个", Toast.LENGTH_SHORT).show();
    }
//轮播图加载器
    private class MyLoader extends ImageLoader{
        @Override
        public void displayImage(Context context, Object path, ImageView imageView) {
            Glide.with(context).load((String)path).into(imageView);
        }
    }

}