热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

AndroidViewPager循环播放广告实例详解

这篇文章主要介绍了AndroidViewPager循环播放广告条实例详解的相关资料,需要的朋友可以参考下

Android  实现ViewPager循环播放广告条实例详解

我们经常会看到有一些app的banner界面可以实现循环播放多个广告图片和手动滑动循环的效果。看到那样的效果,相信大家都会想到ViewPager,但是ViewPager并不支持循环翻页,所以要实现循环还得需要自己去动手。最后还有一个问题就是翻页到最后一页如何平滑过渡到首页的问题。这些都源于有人私信问我ViewPager广告条如何平滑过渡的问题,出于这个问题,我想着亲自实现并分享下吧,本篇就是为了解决这些问题而写的。

1.初始化布局

我们先来写一个ViewPager广告条的布局:


  
  
    
    
    
  

此时的效果如下,是不是已经有了点模样:

xml

2.Activity实现

接下来进入到关键的实现代码,当然,Activity实现也难不倒我们,其中ViewPager数据,为了方便,本篇就直接用本地数据进行模拟了。而在实际项目开发数据大都来自网络。

public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener {

  private List vpLists;
  private LinearLayout ll_dot_group; //用来添加小圆点
  private String[] imageDescArrs;
  private TextView tv_img_desc;
  private ViewPager vp;

  private boolean isSwitchPager = false; //默认不切换
  private int previousPosition = 0; //默认为0

  private Handler handler = new Handler() {
    public void handleMessage(android.os.Message msg) {
      //更新当前viewpager的 要显示的当前条目
      vp.setCurrentItem(vp.getCurrentItem() + 1);
    }
  };

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();
  }

  /**
   * 初始化view
   */
  private void initView() {
    vp = (ViewPager) findViewById(R.id.vp);
    ll_dot_group = (LinearLayout) findViewById(R.id.ll_dot_group);
    tv_img_desc = (TextView) findViewById(R.id.tv_img_desc);

    initViewPagerData();
    vp.setAdapter(new ViewpagerAdapter());

    //设置当前viewpager要显示第几个条目
    int item = Integer.MAX_VALUE / 2 - (Integer.MAX_VALUE / 2 % vpLists.size());
    vp.setCurrentItem(item);

    //把第一个小圆点设置为白色,显示第一个textview内容
    ll_dot_group.getChildAt(previousPosition).setEnabled(true);
    tv_img_desc.setText(imageDescArrs[previousPosition]);
    //设置viewpager滑动的监听事件
    vp.addOnPageChangeListener(this);

    //实现自动切换的功能
    new Thread() {
      public void run() {
        while (!isSwitchPager) {
          SystemClock.sleep(3000);
          //拿着我们创建的handler 发消息
          handler.sendEmptyMessage(0);
        }
      }
    }.start();
  }

  /**
   * 初始化ViewPager的数据
   */
  private void initViewPagerData() {
    imageDescArrs = new String[]{"标题1", "标题2", "标题3", "标题4", "标题5"};
    vpLists = new ArrayList();
    int imgIds[] = {R.drawable.a, R.drawable.b, R.drawable.c, R.drawable.d, R.drawable.e};
    ImageView iv;
    View dotView;

    for (int i = 0; i 

如上我们就解决了平滑过渡的问题,关键的地方就是ViewpagerAdapter:

getCount方法我们返回Integer.MAX_VALUE

public int getCount() {
  return Integer.MAX_VALUE;
}

初始化每个条目要显示的内容,我们拿着position位置 % 集合.size

@Override
public Object instantiateItem(ViewGroup container, int position) {
  //拿着position位置 % 集合.size
  int newposition = position % vpLists.size();
  //获取到条目要显示的内容imageview
  ImageView iv = vpLists.get(newposition);
  //要把 iv加入到 container 中
  container.addView(iv);
  return iv;
}

此时我们发现已经最后一个广告可以平滑过渡了,但是还有一个问题就是,那从第一张开始,我们往左滑呢?其实也很容易解决,就是设置第一个条目为Integer.MAX_VALUE的中间位置就可以了,我们来到initView方法中,设置当前viewpager要显示第几个条目:

int item = Integer.MAX_VALUE / 2 - (Integer.MAX_VALUE / 2 % vpLists.size());
vp.setCurrentItem(item);

问题完美解决。

用到的Shape相关资源如下:

selector_dot.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;>

  
  

dot_enable.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;>

  
  

dot_normal.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;>

  
  

来看看效果图:

效果图

到此,一个平滑过渡的ViewPager广告条已经完美实现了。

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


推荐阅读
  • Android 自定义 RecycleView 左滑上下分层示例代码
    为了满足项目需求,需要在多个场景中实现左滑删除功能,并且后续可能在列表项中增加其他功能。虽然网络上有很多左滑删除的示例,但大多数封装不够完善。因此,我们尝试自己封装一个更加灵活和通用的解决方案。 ... [详细]
  • 一个建表一个执行crud操作建表代码importandroid.content.Context;importandroid.database.sqlite.SQLiteDat ... [详细]
  • 本文详细介绍了 Java 网站开发的相关资源和步骤,包括常用网站、开发环境和框架选择。 ... [详细]
  • 本文介绍了如何使用Python爬取妙笔阁小说网仙侠系列中所有小说的信息,并将其保存为TXT和CSV格式。主要内容包括如何构造请求头以避免被网站封禁,以及如何利用XPath解析HTML并提取所需信息。 ... [详细]
  • 本文介绍了 Go 语言中的高性能、可扩展、轻量级 Web 框架 Echo。Echo 框架简单易用,仅需几行代码即可启动一个高性能 HTTP 服务。 ... [详细]
  • PHP 5.5.31 和 PHP 5.6.17 安全更新发布
    PHP 5.5.31 和 PHP 5.6.17 已正式发布,主要包含多个安全修复。强烈建议所有用户尽快升级至最新版本以确保系统安全。 ... [详细]
  • 一、Tomcat安装后本身提供了一个server,端口配置默认是8080,对应目录为:..\Tomcat8.0\webapps二、Tomcat8.0配置多个端口,其实也就是给T ... [详细]
  • Spring Data JdbcTemplate 入门指南
    本文将介绍如何使用 Spring JdbcTemplate 进行数据库操作,包括查询和插入数据。我们将通过一个学生表的示例来演示具体步骤。 ... [详细]
  • 本文详细解析了ASP.NET 2.0中的Callback机制,不仅介绍了基本的使用方法,还深入探讨了其背后的实现原理。通过对比Atlas框架,帮助读者更好地理解和应用这一机制。 ... [详细]
  • 本文详细介绍了如何在PHP中记录和管理行为日志,包括ThinkPHP框架中的日志记录方法、日志的用途、实现原理以及相关配置。 ... [详细]
  • Spring 中 Bean 信息定义的三种方法探讨
    本文详细探讨了 Spring 框架中实现 Bean 信息定义的三种方法:基于 XML 配置、基于注解配置和基于 Java 类配置。每种方法都有其适用场景和优缺点。 ... [详细]
  • 本文详细介绍了Java代码分层的基本概念和常见分层模式,特别是MVC模式。同时探讨了不同项目需求下的分层策略,帮助读者更好地理解和应用Java分层思想。 ... [详细]
  • 使用ArcGIS for Java和Flex浏览自定义ArcGIS Server 9.3地图
    本文介绍了如何在Flex应用程序中实现浏览自定义ArcGIS Server 9.3发布的地图。这是一个基本的入门示例,适用于初学者。 ... [详细]
  • Spring 切面配置中的切点表达式详解
    本文介绍了如何在Spring框架中使用AspectJ风格的切面配置,详细解释了切点表达式的语法和常见示例,帮助开发者更好地理解和应用Spring AOP。 ... [详细]
  • Spring – Bean Life Cycle
    Spring – Bean Life Cycle ... [详细]
author-avatar
奇异果产出国_706
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有