Android ViewPager实现无限循环轮播广告位Banner效果

Android ViewPager实现无限循环轮播广告位Banner效果,第1张

概述现在一些app通常会在头部放一个广告位,底部放置一行小圆圈指示器,指示广告位当前的页码,轮播展示一些图片,这些图片来自于网络。这个广告位banner是典型的androidViewPager实现,但是如果自己实现这样的ViewPager

现在一些app通常会在头部放一个广告位,底部放置一行小圆圈指示器,指示广告位当前的页码,轮播展示一些图片,这些图片来自于网络。这个广告位banner是典型的androID VIEwPager实现,但是如果自己实现这样的VIEwPager,要解决一系列琐碎的问题,比如:

(1)这个广告位VIEwPager要支持无限循环轮播,例如,有3张图片,A,B,C,当用户滑到最后C时候再滑就要滑到A,反之亦然。
(2)VIEwPager要实现自动播放,比如每个若干秒如2秒,自动切换播放到下一张图片。
(3)通常这样的VIEwPager下面会放一排指示器小圆圈,用以形象指示当前页码。

这样的AndroID广告位复用程度很高,通用长度也很高。Github上有一个开源项目:https://github.com/youth5201314/banner
实现了上述的全部功能,并提供多种样式选择。使用也简单,比如写一个简单的例子,xml代码(片段):

<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="140dp"      app:image_scale_type="center_crop"      app:default_image="@drawable/home"      app:indicator_drawable_selected="@drawable/selected_radius"      app:indicator_drawable_unselected="@drawable/unselected_radius"      app:indicator_height="8dp"      app:indicator_wIDth="8dp"      app:indicator_margin="6dp"/>

引用的selected_radius.xml:

<?xml version="1.0" enCoding="utf-8"?><shape xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:shape="oval"> <solID androID:color="@color/color_e91e63" /></shape>

unselected_radius.xml:

<?xml version="1.0" enCoding="utf-8"?><shape xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:shape="oval"> <solID androID:color="#80ffffff" /></shape>

颜色值#80ffffff是白色半透明。

上层Java代码:

 Banner banner= (Banner) vIEw.findVIEwByID(R.ID.banner);  String url1="http://xxx.xxx.xxx.jpg";  String url2="http://xxx.xxx.xxx.jpg";  String url3="http://xxx.xxx.xxx.jpg";  String[] images= new String[] {url1,url2,url3};  banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR);  banner.setimages(images);  banner.setDelayTime(2000);

代码运行结果:

附: 《Android实现ViewPager无限循环滚动回绕》

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android ViewPager实现无限循环轮播广告位Banner效果全部内容,希望文章能够帮你解决Android ViewPager实现无限循环轮播广告位Banner效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1145644.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存