如果本文帮助到你,本人不胜荣幸,如果浪费了你的时间,本人深感抱歉。

希望用最简单的大白话来帮助那些像我一样的人。如果有什么错误,请一定指出,以免误导大家、也误导我。

本文来自:http://www.jianshu.com/users/320f9e8f7fc9/latest_articles

感谢您的关注。

前段时间偶然看到一个使用 ViewFlipper 实现图片轮播的。

我承认,之前我是没有听过 ViewFlipper 这个东西的。那么我脑海中就出现了一个问题:ViewFlipper 是个什么东西?为什么继承它能实现图片的轮播。然后有了之后的探索,我们一起来看看。

分析 ViewFlipper

在 studio 中 F4 查看层级关系,经过一番寻找之后有了下图。

呦呵,看到了熟人。ViewFlipper 我没见过,但是我见过 TextSwitcher 和 ImageSwitcher 啊,他两都是内容改变时有个动画的效果。

分析 TextSwitcher 、ImageSwitcher

层级关系

首先看上图最右边的层级关系,通过 ViewFlipper 找到了 TextSwitcher 和ImageSwitcher 。他们有一个共同的父类 ViewAnimator ,也就是说他们肯定是有关联的,而且应该是很相近。

提供的功能

既然 TextSwitcher 和 ImageSwitcher ,我们认识,那么我们就小小的分析一下这两个类。他两提供的功能基本相同,只不过一个针对文字,一个对图片。这两个类本身也是非常简单,提供的方法在左边的目录可以看到,还有一些在父类里。

内容

因为类本身比较简单,所以类里面的代码也没有多少。

我们看中间的代码窗口,除了构造器剩余的方法一目了然。

可以发现,最终都是调用了 showNext() 显示切换后的内容,而 showNext() 是由他们的共同父类 ViewAnimator 执行的,而 ViewAnimator 本身就是一个管理动画的类。

也就是说,我们今天的主角 ViewFlipper 最终应该也是调用 showNext() 来执行动画的。

那 ViewFlipper 跟他们到底有什么区别呢?

我们来看下面的图,对 ViewFlipper 的分析。

层级关系

这个我们之前已经看过了。

提供的功能

可以看到最左边的目录明显比上面要多很多东西(其实上面两个是有个父类帮他们分担了,但是这个功能还是比他多(__))。

内容

那最根本的区别到底是什么呢?

看中间的内容,我们就发现,在这个类当中是有个 Handler Message 存在的。也就是说我们可以设置定时播放动画,也正是基于此,该类才比上面多了一些功能。

开始、结束动画,是否自动播放,间隔时间,都是上面的所不具备的。

这样一波看下来,我们大概就知道了 ViewFlipper 为什么能用来实现轮播了。

那 ViewFlipper 到底该怎么使用呢?

使用 ViewFlipper 实现轮播

嗯.......

还是直接上代码吧,注释很详细一目了然。

private void setViewFlipper() {

mViewFlipper = (ViewFlipper) findViewById(R.id.flipper);

//添加要滚动的View

mViewFlipper.addView(getImageView(R.drawable.abcde_a));

mViewFlipper.addView(getImageView(R.drawable.abcde_b));

mViewFlipper.addView(getImageView(R.drawable.abcde_c));

//设置开始和结束动画

mViewFlipper.setInAnimation(this, R.anim.push_up_in);

mViewFlipper.setOutAnimation(this, R.anim.push_up_out);

//设置间隔时间

mViewFlipper.setFlipInterval(3000);

//动画的监听

mViewFlipper.getInAnimation().setAnimationListener(new Animation.AnimationListener() {

@Override

public void onAnimationStart(Animation animation) {

//动画开始时

}

@Override

public void onAnimationEnd(Animation animation) {

//动画结束时

}

@Override

public void onAnimationRepeat(Animation animation) {

//重复

}

});

//开始轮播

mViewFlipper.startFlipping();

}

private ImageView getImageView(int res) {

ImageView imageView = new ImageView(this);

imageView.setBackgroundResource(res);

return imageView;

}

有了 setInAnimation() 、 setOutAnimation(),这两个方法的存在,我们就可以设置各种各样的自己想要的动画效果,而其余提供的方法,更是让我们非常方便的控制动画。有没有觉得很不错呢?

你有没有什么好的想法?

可以自己去动手实践看看。

ViewFlipper 常用方法

setInAnimation 设置View进入屏幕时候使用的动画

setOutAnimation 设置View退出屏幕时候使用的动画

showPrevious 显示ViewFlipper里面的上一个View

showNext 显示ViewFlipper里面的下一个View

setFlipInterval 设置View之间切换的时间间隔

startFlipping 使用setFlipInterval方法设置的时间间隔来开始切换所有的View,切换会循环进行

stopFlipping 停止View切换

isFlipping 用来判断View切换是否正在进行

setDisplayedChild 切换到指定子View

之前在群里,听到有人问:已经有 ViewPager 了,ViewFlipper还有没有存在的必要?

看完本篇之后,还有没有这样的疑问?

ViewFlipper 是为了动画而生的,但是 ViewPager 呢?

好了,本篇就到这里。

O(∩_∩)O

android viewflipper图片轮播,ViewFlipper探索与使用——顺便实现Android图片轮播相关推荐

  1. css33d图片轮播_手把手教你用纯css3实现轮播图效果

    首先先看demo吧,点击查看demo 一.随便说几句 css3动画效果的强大不言而喻,自它出现一直热度不减,它与js动画的优劣也一直成为前端界争论的话题,不可置疑的是css3动画的出现在一定程度上降低 ...

  2. html轮播图jquery,原生js和jquery实现图片轮播特效

    (1)首先是页面的结构部分 对于我这种左右切换式 1.首先是个外围部分(其实也就是最外边的整体wrapper) 2.接着就是你设置图片轮播的地方(也就是一个banner吧) 3.然后是一个图片组(可以 ...

  3. css33d图片轮播_手把手教你用纯css3实现轮播图效果实例

    首先先看demo吧,点击查看demo 一.随便说几句 css3动画效果的强大不言而喻,自它出现一直热度不减,它与js动画的优劣也一直成为前端界争论的话题,不可置疑的是css3动画的出现在一定程度上降低 ...

  4. 轮播图的实现,点击按钮切换轮播图等功能

    菜单区域实现 划过主菜单显示子菜单 轮播区域实现 1.点击图片中左右箭头,分别跳转上一张与下一张 (1)点击上一张图其实就是让一个变量进行递减,点击下一张图就是让变量递增:(控制索引最大最小值) 2. ...

  5. bootstrap轮播图 原点变为方块_JS实现无缝切换轮播图(自动+手动)

    一.背景 说起轮播图,大家应该都不陌生,各大购物网站和面试题里都能看到它的身影. 实现上也并不困难,而写这篇文章是想整理一下自己心血来潮写的代码,以及实现过程中的一些思考,大家也可以顺便复习巩固一下. ...

  6. Android开发艺术探索——第七章:Android动画深入分析

    Android开发艺术探索--第七章:Android动画深入分析 Android的动画可以分成三种,view动画,帧动画,还有属性动画,其实帧动画也是属于view动画的一种,,只不过他和传统的平移之类 ...

  7. 电商html轮播动效,制作一个电商网站的轮播图效果

    各位亲爱的伙伴们 大家周末愉快 上次给大家写了 给猫猫制作简单的轮播图 收到了,小伙伴们一致吐槽,娜娜制作出来的这个轮播图不能动呀~.好吧说实话,那个本来就动不了.但是伙伴们的建议,我都收到了,那么今 ...

  8. 滚动轮播图+滚动轮播图定时器的添加(还原lol首页的轮播图)

    滚动轮播图+滚动轮播图定时器的添加(还原lol首页的轮播图) 每一步都有详细的注释: <!DOCTYPE html> <html lang="en"> &l ...

  9. 基于Android 移动端的网络视频探索系统【100010403】

    基于移动端的网络视频探索系统 1 引言 1.1 研究背景 智能手机用户在 2015 年占全:人数比例超过百分之十,在 2016 年的时候手机用户超过 20 亿,中国占百分之三十左右.现如今,全:的智能 ...

  10. html轮播图速度加快,jQuery按需加载轮播图(web前端性能优化)

    引言 关于幻灯轮播图,想必大家都不陌生,尤其是基于 jQuery 的,插件.代码网上一搜一大堆,但是真正符合自己需求的几乎没有,所以我要打造一个符合自身需求,经得起广大网民考验的 jQuery 轮播图 ...

最新文章

  1. LVS实现负载均衡及高可用
  2. Python基础-socket编程
  3. 面试题整理8 字符串的排列
  4. 蓝桥杯-矩阵乘法(java)
  5. leetcode 306. Additive Number | 306. 累加数(Java)
  6. 可以参考临摹借鉴的中国风新年海报模板
  7. html语言ppt,HTML语言课件.ppt
  8. (一)在Lingo中使用集合
  9. 在GT4 Client端EndpointReferenceType的标准序列化方法
  10. win10微软图标点击无反应_win10的左下角的windows图标点击之后没反应,按下windows键也没有反应该如何做?...
  11. 计算机等级打印,全国计算机等级考试试题PDF打印(13页)-原创力文档
  12. 数据结构——图书管理系统
  13. 关于微信豆苹果(IOS)用户1比10充值方法
  14. vlc录制网络流_vlc如何播放网络流
  15. 通过文件头识别BMP或JPG文件
  16. 导数的概念——“高等数学”
  17. 不要追随有以下作风的老板
  18. 城市化减少了空气中微生物,这对我们的健康意味着什么?
  19. 星际入门—各族开局解析
  20. js 定时网页点击_前端面试题熬夜吐血(js进阶篇)

热门文章

  1. cannot be cast to android.support.v4.app.Fragment
  2. STM32F103ZET6 PWM输出
  3. Asp.net MVC3中进行自定义Error Page
  4. Python实现8中常用排序算法
  5. dubbo常用类和路径
  6. Centos--swoole平滑重启服务
  7. codewars python Regex validate PIN code
  8. Android Gradle 完整指南(转)
  9. 电脑f2还原系统步骤_电脑还原系统方法步骤详解
  10. mysql ddl 进度_mysql 5.7 Stage Tracking DDL进度跟踪