Banner
:construction: 轮播图框架,banner 今天带给大家一个比较实用的轮播图框架,banner 1.导入依赖 'com.youth.banner:banner:1.4.9' 1 2.添加权限 <uses-permission android:name="android.permission.INTERNET" />//联网 <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />//读取外置存储卡 1 2 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" /> 1 2 3 4 5 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); } } }
Install / Use
/learn @xuell0601/BannerREADME
第一步:添加依赖 compile 'com.youth.banner:banner:1.4.2' //指定版本
第二步:在布局文件中: <com.youth.banner.Banner android:id="@+id/banner" android:layout_width="match_parent" android:layout_height="match_parent">
</com.youth.banner.Banner>
<!--<android.support.v4.view.ViewPager--><!--android:id="@+id/vp_home"--> <!--android:layout_width="match_parent"--> <!--android:layout_height="match_parent">-->
<!--</android.support.v4.view.ViewPager>--> <!--<com.viewpagerindicator.CirclePageIndicator--><!--android:id="@+id/cp_home"--> <!--android:layout_width="match_parent"--> <!--android:layout_height="15dp"--> <!--android:layout_gravity="bottom|center_horizontal"--> <!--android:layout_marginBottom="5dp" />-->
第三步:代码中实现: //设置banner样式 banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE); //设置图片加载器 banner.setImageLoader(new GlideImageLoader()); //设置图片url集合:imageUrl List<String> imageUrl = new ArrayList<String>(images.size()); for (int i = 0; i < images.size(); i++) { imageUrl.add(images.get(i).IMAURL); Log.e("TAG", "url = " + images.get(i).IMAURL); } banner.setImages(imageUrl); //设置banner动画效果 banner.setBannerAnimation(Transformer.DepthPage); //设置标题集合(当banner样式有显示title时) String[] titles = new String[]{"分享返学费1111元", "人脉总动员", "想不到你是这样的APP", "11月兑物节"}; banner.setBannerTitles(Arrays.asList(titles)); //设置自动轮播,默认为true banner.isAutoPlay(true); //设置轮播时间 banner.setDelayTime(1500); //设置指示器位置(当banner模式中有指示器时) banner.setIndicatorGravity(BannerConfig.RIGHT); //banner设置方法全部调用完毕时最后调用 banner.start();
其中, public class GlideImageLoader extends ImageLoader { @Override public void displayImage(Context context, Object path, ImageView imageView) {
//Picasso 加载图片简单用法 Picasso.with(context).load((String) path).into(imageView);
} }
Security Score
Audited on Oct 7, 2025
