Banner实现无限轮播

来源:互联网 发布:域名投资是什么 编辑:程序博客网 时间:2024/05/20 15:58

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);    }}

使用的是默认配置,在程序入口,要在配置上加上MyApplication的name属性

就可以简单的实现一个banner的无限轮播