android轮播图Banner的使用及详解

来源:互联网 发布:angular.js官网 编辑:程序博客网 时间:2024/06/05 11:32

今天带给大家一个比较实用的轮播图框架,banner
1.导入依赖

'com.youth.banner:banner:1.4.9'

2.添加权限

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

3.添加布局

<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" />

4.在Activity 中编写代码,相关代码含义已经全部添加注释

public class MyBanner extends AppCompatActivity implements OnBannerListener {    private Banner banner;    private ArrayList<String> list_path;    private ArrayList<String> list_title;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_my_banner);        initView();    }    private void initView() {        banner = (Banner) findViewById(R.id.banner);        //放图片地址的集合        list_path = new ArrayList<>();        //放标题的集合        list_title = new ArrayList<>();        list_path.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic21363tj30ci08ct96.jpg");        list_path.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic259ohaj30ci08c74r.jpg");        list_path.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2b16zuj30ci08cwf4.jpg");        list_path.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2e7vsaj30ci08cglz.jpg");        list_title.add("好好学习");        list_title.add("天天向上");        list_title.add("热爱劳动");        list_title.add("不搞对象");        //设置内置样式,共有六种可以点入方法内逐一体验使用。        banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);        //设置图片加载器,图片加载器在下方        banner.setImageLoader(new MyLoader());        //设置图片网址或地址的集合        banner.setImages(list_path);        //设置轮播的动画效果,内含多种特效,可点入方法内查找后内逐一体验        banner.setBannerAnimation(Transformer.Default);        //设置轮播图的标题集合        banner.setBannerTitles(list_title);        //设置轮播间隔时间        banner.setDelayTime(3000);        //设置是否为自动轮播,默认是“是”。        banner.isAutoPlay(true);        //设置指示器的位置,小点点,左中右。        banner.setIndicatorGravity(BannerConfig.CENTER)        //以上内容都可写成链式布局,这是轮播图的监听。比较重要。方法在下面。              .setOnBannerListener(this)        //必须最后调用的方法,启动轮播图。              .start();    }    //轮播图的监听方法    @Override    public void OnBannerClick(int position) {        Log.i("tag", "你点了第"+position+"张轮播图");    }//自定义的图片加载器    private class MyLoader extends ImageLoader {        @Override        public void displayImage(Context context, Object path, ImageView imageView) {            Glide.with(context).load((String) path).into(imageView);        }    }}

还有要记得加代码混淆,不然在release(正式环境下会报错)

# glide 的混淆代码-keep public class * implements com.bumptech.glide.module.GlideModule-keep public enum com.bumptech.glide.load.resource.bitmap.ImageHeaderParser$** {  **[] $VALUES;  public *;}# banner 的混淆代码-keep class com.youth.banner.** {    *; }

如果还有不懂的地方可以在博客下留言。
也可以去看GitHub:https://github.com/youth5201314/banner

原创粉丝点击