浅谈Android变换动画(Tween Animation)
本文是基于慕课网simle浅笑老师相关视频,自己做的整理笔记,相关链接如下,在此感谢老师和慕课网的分享 http://www.imooc.com/learn/379
标签(空格分隔): Android 动画 慕课网
四种常用动画
- Alpha :渐变透明度动画
- Scale :渐变尺寸缩放动画
- Translate :位置移动动画
- Rotate :旋转动画
Tween Animation共同属性
- Duration:动画持续时间(单位:毫秒)
- fillAfter:设置为true,动画转化在动画结束后被应用
- fillBefore:设置为true,动画转换在动画开始前被应用
- interpolator:动画插入其(加速、减速插入器)
- repateMode:顺序重复/倒序重复
- startOffset:动画之间的时间间隔
Animation实现方式
- 配置文件(/res/anim)——alpha、scale、translate、rotate
示例代码:
Animation scale = AnimationUtils.loadAnimation(TweenActivity.this,R.anim.scale_anim);
//开始动画
img.startAnimation(scale)
- Java代码实现——AlphaAnimation、ScaleAnimation、TranslateAnimation、RotateAnimation
示例代码:
//创建Alpha动画
Animation alpha=new AlphaAnimation(0.1f,1.0f);
//设置动画时间为5秒
alpha.setDuration(5000);
//开始播放
img.startAnimation(alpha);
四种基础动画实现
1.AlphaAnimation(透明度动画)
- fromAlpha:动画起始时透明度
- toAlpha :动画终止时透明度
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:duration="1000"
android:fromAlpha="0.1"
android:toAlpha="1.0">
</alpha>
</set>
0.0 表示完全透明
1.0表示完全不透明
2.ScaleAnimation(缩放动画)
- fromX,toX分别是起始和结束时x坐标上的伸缩尺寸
- fromY,toY分别是起始和结束时y坐标上的伸缩尺寸
- pivoX,piovY分别为伸缩动画相对于x,y坐标开始的位置
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale
android:duration="2000"
android:fillAfter="false"
android:fromXScale="0.0"
android:fromYScale="0.0"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="1.0"
android:toYScale="1.0"/>
</set>
3.TranslateAnimation(位移动画)
- fromXDeleta,fromYDelta分别是起始时X、Y的坐标
- toXDelta,toYDelta分别是结束时X、Y的坐标
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="3000"
android:fromXDelta="10"
android:fromYDelta="10"
android:toXDelta="100"
android:toYDelta="100"/>
</set>
4.RotateAnimation(旋转动画)
- fromDegress起始的角度
- toDegress终止的角度
- pivotX、pivotY分别为旋转动画相对于x,y的坐标开始位置
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<rotate
android:duration="1000"
android:fromDegrees="0"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="+360"/>
</set>
五、特效示例
1.示例一(续播1)
分别两个动画A和B,然后先播放动画A,设置A的AnimationListener。当onAnimationEnd触发(即A播放完毕)时,开始播放B。
loadAnimation = AnimationUtils.loadAnimation(this, R.anim.translate);
image.startAnimation(loadAnimation);
final Animation loadAnimation2 = AnimationUtils.loadAnimation(this, R.anim.rotate);
loadAnimation.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
image.startAnimation(loadAnimation2);
}
@Override
public void onAnimationRepeat(Animation animation) {
}
});
2.示例二(续播2)
写一个动画集AnimationSet,在其中定义动画A和B,为动画B设置startOffset,其值就是前一个动画播放的所需时间。
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:duration="3000"
android:fromAlpha="0.2"
android:toAlpha="1.0"/>
<alpha
android:duration="3000"
android:fromAlpha="1.0"
android:startOffset="3000"
android:toAlpha="0.2"
/>
</set>
3.示例三(循环闪烁)
利用Animation的setRepeatCount、setRepeatMode来实现动画循环。
AlphaAnimation alphaAnimation = new AlphaAnimation(0.1f, 1.0f);
alphaAnimation.setDuration(100);
alphaAnimation.setRepeatCount(10);
//倒序重复REVERSE 正序重复RESTART
alphaAnimation.setRepeatMode(Animation.REVERSE);
image.startAnimation(alphaAnimation);
4.示例四(Activity切换动画)
使用overridePendingTransition方法。
参数一:第二个activity进入动画
参数二:第一个activity退出动画
Intent intent = new Intent(MainActivity.this, MainActivity2.class);
startActivity(intent);
overridePendingTransition(R.anim.zoom_in, R.anim.zoom_out);
5.LayoutAnimation(布局动画)
为View Groups添加动画
使用LayoutAnimationController
ListActivity.java
public class ListActivity extends Activity {
private ListView listView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.list_layout);
listView = (ListView) findViewById(R.id.listView);
List<String> list = new ArrayList<>();
for (int i=0;i<20;i++) {
list.add("慕课网" + i);
}
ArrayAdapter<String> adapter = new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, list);
listView.setAdapter(adapter);
LayoutAnimationController lac = new LayoutAnimationController(AnimationUtils.loadAnimation(this, R.anim.zoom_in));
lac.setOrder(LayoutAnimationController.ORDER_NORMAL);
listView.setLayoutAnimation(lac);
listView.startLayoutAnimation();
}
}
6.FrameAnimation(逐帧动画)
在drawable下新建一个XML文件
使用animation-list标签来分组一个item标签集合,
android:drawable 定义要显示的图片
android:duration 指定显示它的时间(以毫秒为单位)
anim_list.xml:
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:drawable="@drawable/one"
android:duration="500"/>
<item
android:drawable="@drawable/two"
android:duration="500"/>
<item
android:drawable="@drawable/three"
android:duration="500"/>
<item
android:drawable="@drawable/four"
android:duration="500"/>
<item
android:drawable="@drawable/five"
android:duration="500"/>
<item
android:drawable="@drawable/six"
android:duration="500"/>
</animation-list>
MainActivity.java
image.setImageResource(R.drawable.anim_list);
在此输入正文