Android ViewPager怎么实现无限循环轮播广告位Banner效果(android,banner,viewpager,编程语言)

时间:2024-05-09 09:09:42 作者 : 石家庄SEO 分类 : 编程语言
  • TAG :

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

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

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

<com.youth.banner.Bannerxmlns: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:

<?xmlversion="1.0"encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/res/android"android:shape="oval"><solidandroid:color="@color/color_e91e63"/></shape>

unselected_radius.xml:

<?xmlversion="1.0"encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/res/android"android:shape="oval"><solidandroid:color="#80ffffff"/></shape>

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

上层Java代码:

Bannerbanner=(Banner)view.findViewById(R.id.banner);Stringurl1="http://xxx.xxx.xxx.jpg";Stringurl2="http://xxx.xxx.xxx.jpg";Stringurl3="http://xxx.xxx.xxx.jpg";String[]images=newString[]{url1,url2,url3};banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR);banner.setImages(images);banner.setDelayTime(2000);

代码运行结果:

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

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:Android ViewPager怎么实现无限循环轮播广告位Banner效果的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Android中怎么使用GridView属性下一篇:

3 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18