FlipImageView:能自动3d翻转的ImageView

泡在网上的日子 / 文 发表于2014-08-19 23:36 次阅读 动画

实现数字的3d翻转效果一文中,我们实现了数字的翻转,本文我们利用类似的方法实现一个带3D翻转功能的ImageView。

FlipImageView可以使得一个ImageView点击之后自动翻转切换外观,它的这个特性可以让他代替传统的ToggleButton控件。

FlipImageView项目地址:https://github.com/castorflex/FlipImageView

FlipImageView 内部已经包含了用于实现翻转动画的FlipAnimator,同时将点击事件的监听者设为自己,因此你只需如下运用FlipImageView 就能得到一个带点击翻转动画的ToggleButton控件:

<fr.castorflex.android.flipimageview.library.FlipImageView
       xmlns:fiv="http://schemas.android.com/apk/res-auto"
       android:id="@+id/imageview"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:src="@drawable/YOUR_DEFAULT_DRAWABLE"
       fiv:flipDrawable="@drawable/YOUR_FLIPPED_DRAWABLE"
       fiv:flipDuration="YOUR_DURATION_IN_MS"
       fiv:flipInterpolator="@android:anim/YOUR_INTERPOLATOR"
       fiv:flipRotations="none|x|y|z"
       fiv:isAnimated="true|false"
       fiv:isFlipped="true|false"/>

其中和ImageView不同的是需要制定两个图片资源文件,一个是正面的一个是反面的。

android:src="@drawable/YOUR_DEFAULT_DRAWABLE"正面。

fiv:flipDrawable="@drawable/YOUR_FLIPPED_DRAWABLE"反面。

最美壁纸应用中单张壁纸视图与网格视图之间的切换按钮就是用FlipImageView 实现的。

收藏 赞 (0) 踩 (0)
上一篇: [Android]实现数字的3d翻转效果
数字翻转最常见的是在日历应用中,当日期改变,数字将翻转到另外一个值。本文介绍如何运用camera实现数字的3D翻转,同时介绍如何通过透明度的改变是翻转更逼真。
下一篇:android中的惰性加载方式:ViewStub
大家都应知道include标签,该标签可以在布局文件中引用另外一个布局文件,并可以覆盖被引用布局文件根节点所有与布局相关的属性,也就是以android:layout开头的属性。通过include标签可以将一个非常庞大的布局文件分解成若干个较小的布局文件,而且这些小的