ViewFlipper探索与使用——顺便实现Android图片轮播

如果本文帮助到你,本人不胜荣幸,如果浪费了你的时间,本人深感抱歉。
希望用最简单的大白话来帮助那些像我一样的人。如果有什么错误,请一定指出,以免误导大家、也误导我。
本文来自: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

<br />


之前在群里,听到有人问:已经有 ViewPager 了,ViewFlipper还有没有存在的必要?
看完本篇之后,还有没有这样的疑问?
ViewFlipper 是为了动画而生的,但是 ViewPager 呢?

好了,本篇就到这里。
O(∩_∩)O

相关代码ViewAnimation
https://github.com/Wing-Li/AndroidPractice/tree/master/ViewAnimation

<br />

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,590评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,808评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,151评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,779评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,773评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,656评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,022评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,678评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,038评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,756评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,411评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,005评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,973评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,053评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,495评论 2 343

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,439评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,019评论 4 62
  • 1.目前处在身边群体中前20%的能力有公众讲话和英语表达。公众讲话是在大学期间从一个很惧怕演讲的人经过大量的实践一...
    小小Mark阅读 259评论 0 1
  • gre.kmf.com/learn/result BARRON-数值比较-1 prime:【数学】质数的,互为质数...
    pumpkinXP阅读 376评论 0 0