Android无限循环轮播广告位Banner

简介: Android无限循环轮播广告位Banner现在一些app通常会在头部放一个广告位,底部放置一行小圆圈指示器,指示广告位当前的页码,轮播展示一些图片,这些图片来自于网络。


Android无限循环轮播广告位Banner


现在一些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);


代码运行结果:


附录:
1,《Android实现ViewPager无限循环滚动回绕》链接:http://blog.csdn.net/zhangphil/article/details/51605244

相关文章
|
4月前
|
XML Java Android开发
Android Studio App开发中多线程的讲解与实现新闻轮播滚动实战(附源码 超详细必看)
Android Studio App开发中多线程的讲解与实现新闻轮播滚动实战(附源码 超详细必看)
28 0
|
12月前
|
XML Android开发 数据格式
Android仿淘宝、京东Banner滑动查看图文详情
本文基于 `ViewPager2` 实现的 `Banner` 效果,进而实现了仿淘宝、京东`Banner`滑动至最后一页时继续滑动来查看图文详情的效果。
174 0
|
Java Maven Android开发
Android文字轮播~可垂直可水平跑马灯
Android文字轮播~可垂直可水平跑马灯
Android文字轮播~可垂直可水平跑马灯
|
XML Java Android开发
Android开发案例 设置背景图片轮播
Android开发案例 设置背景图片轮播
159 0
Android开发案例 设置背景图片轮播
|
XML Android开发 数据格式
Android 实现图片标题轮播
Android 实现图片标题轮播
139 0
Android 实现图片标题轮播
|
Android开发
Android--图片轮播(banner)
版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/chaoyu168/article/details/79017172 推荐第三方框架banner,地址:https://github.
1141 0
|
Android开发 容器
Android小技巧之无限循环的ViewPager
前言 之所以会写着篇文章的原因是我现在项目用运用到了广告轮播(BannerView),当时在赶项目的时候在github上面找到了符合的开 源库 就直接引用了,但是该开源库稍微有点庞大,功能比较繁多。
1127 0
|
Android开发 容器 网络架构
Android实现ViewPager无限循环滚动回绕
 Android实现ViewPager无限循环滚动回绕 Android系统提供的ViewPager标准方式是左右可以自由滑动,但是滑动到最左边的极限位置是第一个page,滑动到最右边的位置是最后一个page,当滑动到最左或者最右时候,就不能再滑动/滚动了,这是Android系统默认的ViewPager实现方式。
1512 0