SkillAgentSearch skills...

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/Banner
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

第一步:添加依赖 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);

    } }

View on GitHub
GitHub Stars9
CategoryContent
Updated5mo ago
Forks0

Security Score

67/100

Audited on Oct 7, 2025

No findings