Banner实现无限轮播

最新推荐文章于 2019-03-29 10:21:59 发布

原创最新推荐文章于 2019-03-29 10:21:59 发布 · 650 阅读

CC 4.0 BY-SA版权

Banner是实现一种轮播广告图的一种效果，比ViewPager+Handler要实现的简单一些
首先要导入Banner的依赖：

 compile 'com.youth.banner:banner:1.4.9'

如果要加载网络上的图片资源，要添加网络权限

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

布局文件

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

接着就是在activity中写代码了，进行设置

package wangxuewei.bwie.com.bannar;

import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ImageView;

import com.youth.banner.Banner;
import com.youth.banner.BannerConfig;
import com.youth.banner.Transformer;
import com.youth.banner.loader.ImageLoader;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    private ArrayList<String> mListImage, mListTitle;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //查找控件
        Banner bannar = (Banner) findViewById(R.id.bannar);
        //设置样式
        bannar.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);
        //设置图片加载
        bannar.setImageLoader(new GlideImageLoader());

        mListImage = new ArrayList<>();
        //将图片放入集合中
        mListImage.add("http://pic8.nipic.com/20100701/5290458_114840036316_2.jpg");
        mListImage.add("http://pic2.nipic.com/20090424/1468853_230119053_2.jpg");
        mListImage.add("http://img3.3lian.com/2013/s1/20/d/57.jpg");
        mListImage.add("http://pic39.nipic.com/20140226/18071023_164300608000_2.jpg");
        mListImage.add("http://a0.att.hudong.com/15/08/300218769736132194086202411_950.jpg"); //设置Banner图片集合

        bannar.setImages(mListImage);
        //设置Banner动画效果
        bannar.setBannerAnimation(Transformer.DepthPage);
        //实例化Title集合
        mListTitle = new ArrayList<>();
        //将标题放入集合
        mListTitle.add("第一张图片");
        mListTitle.add("第二张图片");
        mListTitle.add("第三张图片");
        mListTitle.add("第四张图片");
        mListTitle.add("第五张图片");
        //设置Banner标题集合（当banner样式有显示title时）
        bannar.setBannerTitles(mListTitle);
        //设置轮播时间
        bannar.setDelayTime(1000);
        //设置指示器位置（当banner模式中有指示器时）
        bannar.setIndicatorGravity(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);
        //Banner设置方法全部调用完毕时最后调用
        bannar.start();


    }
    //图片加载器
    public class GlideImageLoader extends ImageLoader {

        @Override
        public void displayImage(Context context, Object path, ImageView imageView) {
            com.nostra13.universalimageloader.core.ImageLoader instance = com.nostra13.universalimageloader.core.ImageLoader.getInstance();
            instance.displayImage((String) path, imageView);

        }
    }

    ;


}

这里是加载的固定链接，可以试试动态的加载，这里使用的ImageLoader加载的图片，所有要进行ImageLoader的配置

package wangxuewei.bwie.com.bannar;

import android.app.Application;

import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;

/**
 * Created by jim on 2017/10/23.
 */

public class MyApplication extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        ImageLoaderConfiguration imageLoaderConfiguration = new ImageLoaderConfiguration.Builder(this).build();
        ImageLoader.getInstance().init(imageLoaderConfiguration);
    }
}