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

作者:zhangphil 时间:2023-06-26 22:02:29 

现在一些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实现无限循环轮播广告位Banner效果

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

来源:http://blog.csdn.net/zhangphil/article/details/52487395

标签:Android,ViewPager,Banner
0
投稿

猜你喜欢

  • winform实现创建最前端窗体的方法

    2023-07-12 09:50:43
  • Flutter实现笑嘻嘻的动态表情的示例代码

    2023-02-13 21:39:51
  • SpringBoot中默认缓存实现方案的示例代码

    2023-11-24 05:50:30
  • C#下实现创建和删除目录的实例代码

    2021-10-21 16:04:31
  • Android使用Kotlin实现多节点进度条

    2022-12-01 09:40:06
  • Eclipse打开时“发现了以元素'd:skin'”开头的无效内容。此处不应含有子元素的解决方法

    2022-11-24 17:54:50
  • C语言实现简单版三子棋

    2023-03-01 22:36:30
  • Seata 环境搭建部署过程

    2021-09-06 08:45:36
  • Android开发实现TextView超链接5种方式源码实例

    2022-12-10 16:50:32
  • Android利用SAX对XML进行增删改查操作详解

    2023-02-05 00:03:32
  • C#中WPF使用多线程调用窗体组件的方法

    2023-04-24 11:47:57
  • C#实现计算器功能(winform版)

    2021-07-16 06:40:15
  • C#控制台实现飞行棋小游戏

    2023-04-27 05:13:43
  • C#反射调用dll文件中的方法操作泛型与属性字段

    2022-09-15 03:24:04
  • Java中常用的设计模式之观察者模式详解

    2023-07-27 12:32:52
  • C#8.0新语法using declaration

    2023-10-23 00:57:54
  • 浅谈Java之Map 按值排序 (Map sort by value)

    2021-06-20 01:23:10
  • SpringBoot Http远程调用的方法

    2022-07-22 04:08:33
  • C#查找对象在ArrayList中出现位置的方法

    2022-08-06 19:19:35
  • 轻松掌握Java观察者模式

    2023-10-10 22:34:54
  • asp之家 软件编程 m.aspxhome.com