生活不能没有运动,so让我们动起来吧^^~
下面分享几个简单、常用、不易出错的动效。
要点
文字滚动。
视图自带的动画。
抛物位移。
按压水面波纹效果。
共享元素动画。
Demo
一如既往的霍尔首页^^:
fly.gif
要点讲解
文字滚动:
把下面这段代码放入Layout即可。
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ellipsize="marquee"
android:focusable="true"
android:focusableInTouchMode="true"
android:marqueeRepeatLimit="marquee_forever"
android:padding="@dimen/text_margin"
android:scrollHorizontally="true"
android:singleLine="true"
android:text="滚动的 TextView ^ ^
abcdefghijklmnopqrstuvwxyz 1234567890
one two three four five six seven eight nine ten "/>
使用View自带动画:
下面这段代码,如果hasShowingAnimation,那么将mSelfAnimationTv复原,否则将mSelfAnimationTv顺时针转90度、透明度渐变为0.5、下移300像素、放大1.3倍。
boolean hasShowingAnimation;
/*View 自身动画*/
private void showSelfAnimation() {
if (hasShowingAnimation)
mSelfAnimationTv.animate()
.rotation(0)
.alpha(1f)
.translationY(0)
.scaleX(1f)
.scaleY(1f);
else
mSelfAnimationTv.animate()
.rotation(90)
.alpha(0.5f)
.translationY(300)
.scaleX(1.3f)
.scaleY(1.3f);
hasShowingAnimation = !hasShowingAnimation;
}
抛物位移:
请看源码
按压水面波纹效果:
非常简单,在res-drawable文件夹添加一个bg_btn.xml文件,代码如下,然后将其作为Button、TextView等可点击控件的背景即可。
android:color="#dfa">
android:drawable="@android:color/transparent"
android:state_pressed="true">
共享元素动画
查看源码
要点请看源码,实现起来很简单、很神奇,关键是这个方法ActivityOptionsCompat.makeSceneTransitionAnimation()。
使用该Transition需要注意如下几点:
1.转场两边的控件内容需一致(比如图片文字需相同);
2.如果图片通过网络加载,请保证图片加载库一致,另外使用Fresco加载图片会有点问题,这里有解决方案(但是我没能看懂,所以我又compile了Picasso)。
相关