Android客户端开发中很多时候需要用到轮播图的方式进行重点新闻的推送或者欢迎页面的制作,下面这个轮播图效果的Deamo来自互联网再经过修改而成。

  1、布局文件activity_main.xml中添加如下内容

  1. <android.support.v4.view.ViewPager
  2. android:id="@+id/viewPager"
  3. android:layout_width="wrap_content"
  4. android:layout_height="200dip" />
  5.  
  6. <LinearLayout
  7. android:layout_alignBottom="@id/viewPager"
  8. android:layout_width="match_parent"
  9. android:layout_height="wrap_content"
  10. android:background="#33000000"
  11. android:orientation="vertical" >
  12.  
  13. <TextView
  14. android:id="@+id/image_desc"
  15. android:layout_width="match_parent"
  16. android:layout_height="wrap_content"
  17. android:gravity="center"
  18. android:text="@string/app_name"
  19. android:textColor="@android:color/white"
  20. android:textSize="18sp" />
  21.  
  22. <LinearLayout
  23. android:id="@+id/point_group"
  24. android:layout_width="wrap_content"
  25. android:layout_height="wrap_content"
  26. android:layout_gravity="center"
  27. android:orientation="horizontal"
  28. >
  29. </LinearLayout>
  30. </LinearLayout>

  2、java代码

  添加属性

  1. private ViewPager viewPager;
  2. private LinearLayout point_group;
  3. private TextView image_desc;
  4. // 图片资源id
  5. private final int[] images = {R.drawable.a, R.drawable.b, R.drawable.c,
  6. R.drawable.d, R.drawable.e};
  7. // 图片标题集合
  8. private final String[] imageDescriptions = {"第一张图片",
  9. "第二张图片", "第三张图片", "第四张图片", "第五张图片"};
  10.  
  11. private ArrayList<ImageView> imageList;
  12. // 上一个页面的位置
  13. protected int lastPosition = 0;
  14.  
  15. // 判断是否自动滚动viewPager
  16. private boolean isRunning = true;
  17. private Handler handler = new Handler() {
  18. public void handleMessage(android.os.Message msg) {
  19. // 执行滑动到下一个页面
  20. viewPager.setCurrentItem(viewPager.getCurrentItem() + 1);
  21. if (isRunning) {
  22. // 在发一个handler延时
  23. handler.sendEmptyMessageDelayed(0, 5000);
  24. }
  25. }
  26. };

  onCreate中添加如下内容

  1. viewPager = (ViewPager) findViewById(R.id.viewPager);
  2. point_group = (LinearLayout) findViewById(R.id.point_group);
  3. image_desc = (TextView) findViewById(R.id.image_desc);
  4. image_desc.setText(imageDescriptions[0]);
  5.  
  6. // 初始化图片资源
  7. imageList = new ArrayList<ImageView>();
  8. for (int i : images) {
  9. // 初始化图片资源
  10. ImageView imageView = new ImageView(this);
  11. imageView.setBackgroundResource(i);
  12. imageList.add(imageView);
  13.  
  14. // 添加指示小点
  15. ImageView point = new ImageView(this);
  16. LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(100,
  17. 15);
  18. params.rightMargin = 20;
  19. params.bottomMargin = 10;
  20. point.setLayoutParams(params);
  21. point.setBackgroundResource(R.drawable.point_bg);
  22. if (i == R.drawable.a) {
  23. //默认聚焦在第一张
  24. point.setBackgroundResource(R.drawable.point_bg_focus);
  25. point.setEnabled(true);
  26. } else {
  27. point.setEnabled(false);
  28. }
  29.  
  30. point_group.addView(point);
  31. }
  32.  
  33. viewPager.setAdapter(new MyPageAdapter());
  34. // 设置当前viewPager的位置
  35. viewPager.setCurrentItem(Integer.MAX_VALUE / 2
  36. - (Integer.MAX_VALUE / 2 % imageList.size()));
  37. viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
  38.  
  39. @Override
  40. public void onPageSelected(int position) {
  41. // 页面切换后调用, position是新的页面位置
  42.  
  43. // 实现无限制循环播放
  44. position %= imageList.size();
  45.  
  46. image_desc.setText(imageDescriptions[position]);
  47.  
  48. // 把当前点设置为true,将上一个点设为false;并设置point_group图标
  49. point_group.getChildAt(position).setEnabled(true);
  50. point_group.getChildAt(position).setBackgroundResource(R.drawable.point_bg_focus);//设置聚焦时的图标样式
  51. point_group.getChildAt(lastPosition).setEnabled(false);
  52. point_group.getChildAt(lastPosition).setBackgroundResource(R.drawable.point_bg);//上一张恢复原有图标
  53. lastPosition = position;
  54.  
  55. }
  56.  
  57. @Override
  58. public void onPageScrolled(int position, float positionOffset,
  59. int positionOffsetPixels) {
  60. // 页面正在滑动时间回调
  61.  
  62. }
  63.  
  64. @Override
  65. public void onPageScrollStateChanged(int state) {
  66. // 当pageView 状态发生改变的时候,回调
  67.  
  68. }
  69. });
  70.  
  71. /**
  72. * 自动循环: 1.定时器:Timer 2.开子线程:while true循环 3.ClockManger
  73. * 4.用Handler发送延时信息,实现循环,最简单最方便
  74. *
  75. */
  76.  
  77. handler.sendEmptyMessageDelayed(0, 3000);

  实现onDestroy方法

  1. @Override
  2. protected void onDestroy() {
  3. // 停止滚动
  4. isRunning = false;
  5. super.onDestroy();
  6. }

  定义PagerAdapter子类

  1. private class MyPageAdapter extends PagerAdapter {
  2. // 需要实现以下四个方法
  3.  
  4. @Override
  5. public int getCount() {
  6. // 获得页面的总数
  7. return Integer.MAX_VALUE;
  8. }
  9.  
  10. @Override
  11. public boolean isViewFromObject(View view, Object object) {
  12. // 判断view和Object对应是否有关联关系
  13. if (view == object) {
  14. return true;
  15. } else {
  16. return false;
  17. }
  18. }
  19.  
  20. @Override
  21. public Object instantiateItem(ViewGroup container, int position) {
  22. // 获得相应位置上的view; container view的容器,其实就是viewpage自身,
  23. // position: viewpager上的位置
  24. // 给container添加内容
  25. container.addView(imageList.get(position % imageList.size()));
  26.  
  27. return imageList.get(position % imageList.size());
  28. }
  29.  
  30. @Override
  31. public void destroyItem(ViewGroup container, int position, Object object) {
  32. // 销毁对应位置上的Object
  33. // super.destroyItem(container, position, object);
  34. container.removeView((View) object);
  35. object = null;
  36. }
  37.  
  38. }

  最后编译运行即可,代码分享在这:http://files.cnblogs.com/files/rwxwsblog/ViewPagerDeamo.zip

Android ViewPager轮播图的更多相关文章

  1. ViewPager轮播图

    LoopViewPagerLayout无限轮播 项目地址:https://github.com/why168/LoopViewPagerLayout 支持三种动画: 支持修改轮播的速度: 支持修改滑动 ...

  2. Android广告轮播图实现

    先看效果 第一步,布局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmln ...

  3. Android开发之ViewPager实现轮播图(轮播广告)效果的自定义View

    最近开发中需要做一个类似京东首页那样的广告轮播效果,于是采用ViewPager自己自定义了一个轮播图效果的View. 主要原理就是利用定时任务器定时切换ViewPager的页面. 效果图如下: 主页面 ...

  4. Android项目实战(四十七):轮播图效果Viewpager

    简易.常用的轮播图效果ViewPager ,老技术了,记一笔留着以后ctrl C + ctrl V    需求如下: 不定张个数的ImagView轮播,右下角显示轮播点图标,每隔固定时间切换下一张,最 ...

  5. android ViewPager实现的轮播图广告自定义视图,网络获取图片和数据

    public class SlideShowAdView extends FrameLayout { //轮播图图片数量    private static int IMAGE_COUNT = 3;  ...

  6. Android自定义控件5--轮播图广告ViewPager基本实现

    本文地址:http://www.cnblogs.com/wuyudong/p/5918021.html,转载请注明源地址. 本文开始实现轮播图广告系列,这篇文章首先实现让图片滑动起来(ViewPage ...

  7. Android自定义控件之轮播图控件

    背景 最近要做一个轮播图的效果,网上看了几篇文章,基本上都能找到实现,效果还挺不错,但是在写的时候感觉每次都要单独去重新在Activity里写一堆代码.于是自己封装了一下.本篇轮播图实现原理原文出处: ...

  8. android中广告轮播图总结

    功能点:无限轮播.指示点跟随.点击响应.实现思路: 1.指示点跟随,指示点通过代码动态添加,数量由图片数量决定. 在viewpager的页面改变监听中,设置点的状态选择器enable,当前页时,set ...

  9. 仿百度壁纸客户端(二)——主页自定义ViewPager广告定时轮播图

    仿百度壁纸客户端(二)--主页自定义ViewPager广告定时轮播图 百度壁纸系列 仿百度壁纸客户端(一)--主框架搭建,自定义Tab + ViewPager + Fragment 仿百度壁纸客户端( ...

随机推荐

  1. Git环境的搭建及使用

    管理工具 1. Git环境的搭建 a.下载Git installer,地址:http://git-scm.com/downloads a1.参考文档地址:http://www.open-open.co ...

  2. OI历程日常

    之前的一直没来的及记录,表示从今往后连载 10.29 蒟蒻正在紧张的备战NOIP 整改了一下faebdc学长的模拟题,T1直接可以暴力破解,T2二分,O(nlog^2n)开始二分写残了,调了半天唉,现 ...

  3. SpringMVC配置数据库连接池

    http://www.cnblogs.com/coqn/archive/2012/08/15/SpringMvc%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E9%85%8 ...

  4. BZOJ3229 石子合并

    Description 在一个操场上摆放着一排N堆石子.现要将石子有次序地合并成一堆.规定每次只能选相邻的2堆石子合并成新的一堆,并将新的一堆石子数记为该次合并的得分. 试设计一个算法,计算出将N堆石 ...

  5. 以一个权限系统来告别WebForm —(一)项目整休架构设计与数据库设计

    在本节我想与大家与分享一下,我所将要做的权限系统的架构和数据库的表的设计.请各位大神们对我项目中设计的不足之处进行指导,让我得以更好的写完它,留给需要它的人. 我的项目架构如下图所示: 如上图所示,在 ...

  6. Server Data Synchronization Via Linux rsync、rsync+inotify Between Load Balance Server

    目录 . 远程文件同步的应用场景 . rsync+crontab . rsync+inotify 1. 远程文件同步的应用场景 在负载均衡集群的应用场景中,往往在多台web server的前端有一个提 ...

  7. sixsix团队“餐站”应用M2阶段发布报告

    一.新功能 客户端 搜索功能 我们在M2中实现了对地点的搜索菜品,可以直接在主页页面中的输入框输入用户喜欢的菜品,系统将返回与对应关键字所对应的选择,更加高效直观的满足客户的口味. 菜品图片加载 我们 ...

  8. PS图层混合模式实例详解

          PS中的很多概念都和Core Graphics中的概念相通,比如蒙版.路径.裁剪.混合模式等等.如果你对Core Graphics中的混合模式不太理解,阅读本篇文章能让你对Core Gra ...

  9. MyISAM和InnoDB的索引在实现上的不同

    1 MyISAM只把索引载入内存,数据缓存依赖于操作系统,InnoDB把索引和数据都载入内存缓冲 2 MyISAM数据库中的数据是按照插入的顺序保存,在每个索引节点中保存对应的数据行的地址,理论上说主 ...

  10. [Angularjs]ng-class,ng-class-even,ng-class-odd

    写在前面 最近在通过angularjs将数据绑定到前端,其中也涉及到很多新的东西,一些效果还是很有必要实现的.在使用中发现ng-class,ng-class-even.ng-class-odd的使用, ...