图片轮播banner实现

转载请注明出处：https://blog.csdn.net/mr_leixiansheng/article/details/79621535

   

内容：图片轮播

步骤：

1、初始化数据，得到图片地址和标题（标题也可以不要）

2、设置banner属性

3、布局添加banner控件

4、代码实现

代码如下：

引入

dependencies {
    compile 'com.github.bumptech.glide:glide:3.7.0'
    compile 'com.youth.banner:banner:1.4.9'
}

权限

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

布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.example.leixiansheng.bannertest.MainActivity">

    <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="150dp" />
</LinearLayout>

代码

package com.example.leixiansheng.bannertest;

import android.content.Context;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
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.Transformer;
import com.youth.banner.listener.OnBannerListener;
import com.youth.banner.loader.ImageLoader;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity implements OnBannerListener{

    private Banner mBanner;
    private ArrayList<String> imagePathList;
    private ArrayList<String> titleList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initData();
        initView();
    }

    /**
     * 初始化banner,设置属性
     */
    private void initView() {
        mBanner = (Banner) findViewById(R.id.banner);

        //设置内置样式，共有六种可以点入方法内逐一体验使用。
        mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);
        //设置图片加载器，图片加载器在下方
        mBanner.setImageLoader(new MyImageLoader());
        //设置图片网址或地址的集合
        mBanner.setImages(imagePathList);
        //设置轮播的动画效果，内含多种特效，可点入方法内查找后内逐一体验
        mBanner.setBannerAnimation(Transformer.Default);
        //设置轮播图的标题集合
        mBanner.setBannerTitles(titleList);
        //设置轮播间隔时间
        mBanner.setDelayTime(3000);
        //设置是否为自动轮播，默认是“是”。
        mBanner.isAutoPlay(true);
        //设置指示器的位置，小点点，左中右。
        mBanner.setIndicatorGravity(BannerConfig.CENTER)
        //以上内容都可写成链式布局，这是轮播图的监听。比较重要。方法在下面。
            .setOnBannerListener(this)
        //必须最后调用的方法，启动轮播图。
            .start();
    }

    /**
     * 初始化数据，获得图片地址集合和标题集合
     */
    private void initData() {
        imagePathList = new ArrayList<>();
        titleList = new ArrayList<>();

        imagePathList.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic21363tj30ci08ct96.jpg");
        imagePathList.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic259ohaj30ci08c74r.jpg");
        imagePathList.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2b16zuj30ci08cwf4.jpg");
        imagePathList.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2e7vsaj30ci08cglz.jpg");
        titleList.add("好好学习");
        titleList.add("天天向上");
        titleList.add("热爱劳动");
        titleList.add("不搞对象");

        //注意imagePathList和titleList必须相等，否则会报错
        Log.i("TAG", "path size:" + imagePathList.size());
        Log.i("TAG", "title size:" + titleList.size());
    }

    @Override
    public void OnBannerClick(int position) {
        Toast.makeText(this, "click:" + position, Toast.LENGTH_SHORT).show();
    }

    //自定义的图片加载器
    private class MyImageLoader extends ImageLoader {
        @Override
        public void displayImage(Context context, Object path, ImageView imageView) {
            Glide.with(context).load((String) path).into(imageView);
        }
    }
}