想让你的APP界面不再呆板?掌握补间动画,让你的用户体验瞬间提升几个Level!
什么是补间动画?简单来说就是"自动补中间帧"
补间动画,顾名思义,就是只需要指定开始和结束状态,中间的过程由系统自动补充完整的动画技术。
想象一下,你要让一个按钮从左边移动到右边,你只需要告诉系统:"起点是左边,终点是右边,用时1秒",系统就会帮你计算中间每一帧的位置。
Android中的补间动画主要包含四种基本类型:
- 平移:改变视图位置
- 缩放:改变视图大小
- 旋转:让视图旋转
- 透明度:改变视图透明度
这四种动画可以单独使用,也可以组合在一起,创造出复杂的动画效果。
平移动画:让界面元素"溜"起来
平移动画就像移动棋子,让视图从一个位置平滑地移动到另一个位置。
关键参数:
- fromXDelta/toXDelta:X轴起始/结束位置
- fromYDelta/toYDelta:Y轴起始/结束位置
- 坐标值可以是具体数值、百分比(相对于自身)或百分比p(相对于父容器)
示例:让按钮从左侧进入屏幕
在XML中创建(res/anim/slide_in_left.xml):
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="500"
android:fromXDelta="-100%p"
android:toXDelta="0" />
在Java代码中使用:
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
View animatedView = findViewById(R.id.animated_view);
Animation translateAnimation = AnimationUtils.loadAnimation(this, R.anim.slide_in_left);
animatedView.startAnimation(translateAnimation);
}
}
或者在Java代码中直接创建:
Animation translateAnimation = new TranslateAnimation(0, 500, 0, 500);
translateAnimation.setDuration(3000);
mButton.startAnimation(translateAnimation);
缩放动画:心跳效果就是这么简单
缩放动画就像相机镜头的变焦,让视图逐渐放大或缩小。
关键参数:
- fromXScale/toXScale:X轴起始/结束缩放比例(1.0为原始大小)

最低0.47元/天 解锁文章
1137

被折叠的 条评论
为什么被折叠?



