Banner图片轮播器实现ViewPager图片切换效果及下方小圆点

在build.gradle中加载依赖

   //bannerimplementation 'com.youth.banner:banner:1.4.10'

在Manifest.xml中添加权限

<!-- if you want to load images from the internet -->
<uses-permission android:name="android.permission.INTERNET" /> <!-- if you want to load images from a file OR from the internet -->
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

xml实现

直接在需要的位置插入banner就可以了
高度、宽度自己根据情况定义

        <com.youth.banner.Bannerandroid:id="@+id/banner"android:layout_width="match_parent"android:layout_height="250dp"android:layout_alignParentBottom="true"android:layout_marginBottom="5dp" />

java代码实现

新建一个类，重写图片加载器

public class GlideImageLoader extends ImageLoader {@Overridepublic void displayImage(Context context, Object path, ImageView imageView) {//以下根据自己需要任选一种//Glide 加载图片简单用法Glide.with(context).load(path).into(imageView);//Picasso 加载图片简单用法Picasso.with(context).load(path).into(imageView);//用fresco加载图片简单用法，记得要写下面的createImageView方法Uri uri = Uri.parse((String) path);imageView.setImageURI(uri);}//提供createImageView 方法，如果不用可以不重写这个方法，主要是方便自定义ImageView的创建@Overridepublic ImageView createImageView(Context context) {//使用fresco，需要创建它提供的ImageView，当然你也可以用自己自定义的具有图片加载功能的ImageViewSimpleDraweeView simpleDraweeView=new SimpleDraweeView(context);return simpleDraweeView;}
}

在layout对应的Activity/Fragment中配置Banner

--------------------------简单使用-------------------------------
@Override
protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);Banner banner = (Banner) findViewById(R.id.banner);//设置图片加载器banner.setImageLoader(new GlideImageLoader());//设置图片集合banner.setImages(images);//banner设置方法全部调用完毕时最后调用banner.start();
}
--------------------------详细使用-------------------------------
@Override
protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);Banner banner = (Banner) findViewById(R.id.banner);//设置banner样式banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE);//设置图片加载器banner.setImageLoader(new GlideImageLoader());//设置图片集合banner.setImages(images);//设置banner动画效果banner.setBannerAnimation(Transformer.DepthPage);//设置标题集合（当banner样式有显示title时）banner.setBannerTitles(titles);//设置自动轮播，默认为truebanner.isAutoPlay(true);//设置轮播时间banner.setDelayTime(1500);//设置指示器位置（当banner模式中有指示器时）banner.setIndicatorGravity(BannerConfig.CENTER);//banner设置方法全部调用完毕时最后调用banner.start();
}
-----------------当然如果你想偷下懒也可以这么用--------------------
@Override
protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);Banner banner = (Banner) findViewById(R.id.banner);banner.setImages(images).setImageLoader(new GlideImageLoader()).start();
}

参考：https://github.com/youth5201314/banner/tree/release-1.4.10

Banner图片轮播器实现ViewPager图片切换效果及下方小圆点相关推荐

图片轮播器，relativelayout，外加textview小结
十多个textview,外加三个relativelayout,心烦的是图片轮播器,就环境老玄了,写了三个图片轮播器才成功,直接来代码吧,gogogo. Activity_main.xml <?x ...
JAVA轮播器_Android 图片轮播器的实现及源码解析
在很多产品,尤其是电商类社区内的网页或者app中,我们经常会看到一个图片轮播墙,一页一页的广告/活动/商品介绍每隔一段时间就切换到下一张.那在安卓中我们该如何实现图片轮播器呢?面对自定义样式.自定义图 ...
IOS开发基础之图片轮播器-12
IOS开发基础之图片轮播器-12 核心代码 // // ViewController.m // 12-图片轮播器 // // Created by 鲁军 on 2021/2/2. //#import ...
图片轮播器(swift)
如何实现一个无限循环,无缝衔接的图片轮播器自己实现一次以后就不用使用轮播器的框架了能用代码解决的问题就不在这里瞎BB了 O(∩_∩)O 首先先在Carousel文件件夹创建以下几个文件 Caro ...
swift：创建滚动视图的图片轮播器
用swift创建图片轮播器和用OC创建的方式是一样的,都主要用到UIScrollView和UIImageview这两个控件,有几张图片,就将滚动视图的内容区域大小设置为每一张图片的大小乘以张数即可.然 ...
javascript+css实现走马灯图片轮播器
javascript+css实现图片轮播-走马灯式该图片轮播器主要是通过改变"图片容器"(即下面html代码中的div class="innerBox")的m ...
图片轮播器——javascript
在网页中,图片轮播器用得比较多. 效果图: <!DOCTYPE html> <html><head><meta http-equiv="Conten ...
Android高级图片滚动控件，编写3D版的图片轮播器
转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/17482089 大家好,好久不见了,最近由于工作特别繁忙,已经有一个多月的时间没写博 ...
图片轮播c语言,IOS开发之UIScrollView实现图片轮播器的无限滚动
IOS开发之UIScrollView实现图片轮播器的无限滚动简介在现在的一些App中常常见到图片轮播器,一般用于展示广告.新闻等数据,在iOS内并没有现成的控件直接实现这种功能,但是通过UIScr ...
ios ScrollerView之图片轮播器
ios ScrollerView之图片轮播器今天项目中用到了图片轮播器,写完之后贴到博客里来记录一下,也方便有兴趣的同学学习 #import "JYHCarouselController. ...

Banner图片轮播器实现ViewPager图片切换效果及下方小圆点

Banner图片轮播器实现ViewPager图片切换效果及下方小圆点

在build.gradle中加载依赖

在Manifest.xml中添加权限

xml实现

java代码实现

在layout对应的Activity/Fragment中配置Banner

Banner图片轮播器实现ViewPager图片切换效果及下方小圆点相关推荐

最新文章

热门文章