android 动画

本文详细介绍了Android动画,包括Animation、ObjectAnimator和ValueAnimator。重点讲解了ValueAnimator作为属性动画核心的工作原理,以及如何利用它实现自定义View动画。此外,还提到了Android 5.0引入的CircularReveal动画和Path动画功能,以及共享元素动画效果在Activity跳转中的应用,为开发者提供了丰富的动画实现思路。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

android 动画

1:Animation

Animation translateAnimation = new TranslateAnimation(
                        Animation.RELATIVE_TO_SELF, 0,
                        Animation.RELATIVE_TO_SELF, 0,
                        Animation.ABSOLUTE, 500,
                        Animation.RELATIVE_TO_SELF, 0);
                translateAnimation.setInterpolator(new AccelerateDecelerateInterpolator());
                translateAnimation.setRepeatCount(Animation.INFINITE);
                translateAnimation.setAnimationListener(new Animation.AnimationListener() {
                    @Override
                    public void onAnimationStart(Animation animation) {

                    }

                    @Override
                    public void onAnimationEnd(Animation animation) {

                    }

                    @Override
                    public void onAnimationRepeat(Animation animation) {
                        
                    }
                });

2:ObjectAnimator

 ObjectAnimator alphaAnimator =
                        ObjectAnimator.ofFloat(findViewById(R.id.onTextClick), "alpha", 0, 1f);
                alphaAnimator.setDuration(4000);
                alphaAnimator.setRepeatCount(Animation.INFINITE);
                alphaAnimator.setInterpolator(new AccelerateDecelerateInterpolator());


                ObjectAnimator translationAnimator = ObjectAnimator.ofFloat(findViewById(R.id.onTextClick),
                        "translationY", 0, -500);
                translationAnimator.setDuration(4000);
                translationAnimator.setRepeatCount(Animation.INFINITE);
                translationAnimator.addListener(new AnimatorListenerAdapter() {
                    @Override
                    public void onAnimationRepeat(Animator animation) {
                        super.onAnimationRepeat(animation);
                        count++;
                        if (count > 10) {
                            count = 0;
                        }

                    }

                });
                translationAnimator.setInterpolator(new AccelerateDecelerateInterpolator());

3:ValueAnimator

ValueAnimator:数值发生器,这是属性动画的根本,ValueAnimator的功能就是在两个数值范围内,顺序地产生过渡数值,过渡速率可以通过 Intepolator来控制,过渡时间通过duration来设置,最终产生一组有特定变化速率的数值序列。那这个数值序列产生了干嘛呢?你想干嘛就干嘛。

ValueAnimator animator = ValueAnimator.ofFloat(0, 100);
animator.setDuration(1000);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator valueAnimator) {
        float fraction = valueAnimator.getAnimatedFraction(); // 当前动画进度百分比,范围是0-1
        float value = (float)valueAnimator.getAnimatedValue(); // 当前动画值,范围是ofFloat的参数
    }
 });

//rotation ImageView
ValueAnimator animator = ValueAnimator.ofFloat(0, 360);
animator.setDuration(1000);
animator.setInterpolator(new AccelerateInterpolator());
animator.setRepeatCount(1);
animator.setRepeatMode(ValueAnimator.REVERSE);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator valueAnimator) {
        float value = (float)valueAnimator.getAnimatedValue();
        imageView.setRotationY(rotate);
    }
 });
animator.start();

//add count

ValueAnimator animator = ValueAnimator.ofFloat(0, 2000);
animator.setDuration(1000);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator valueAnimator) {
        float value = (float)valueAnimator.getAnimatedValue();
        textView.setText(String.valueOf(value));
    }
 });
animator.start();

4:Android CircularReveral

Android5.0推出的新的动画框架,可以给View做一个揭露效果,可以根据参数调整揭露效果

Animator anim = ViewAnimationUtils.createCircularReveal(oval, oval.getWidth() / 2, oval.getHeight() / 2, oval.getWidth(), 0);
anim.setDuration(2000);
anim.start();

Animator anim = ViewAnimationUtils.createCircularReveal(rect, 0, 0, 0, (float) Math.hypot(rect.getWidth(), rect.getHeight()));
animator2.setDuration(2000);
animator2.start();

5:自定义View使用ObjectAnimator

既然ValueAnimator可以用在任何地方,那当然也可以用在自定义View。我写了一个很简单的自定义View,就是画一个扇形,扇形的角度由一个叫fraction的属性决定。我们在自定View中需要做动画的属性一定要有一个setFraction方法,以便让属性动画通过反射调用

ObjectAnimator animator = ObjectAnimator.ofFloat(customView, "fraction", 0, 1);
animator.setDuration(2000);
animator.start();

6:5.0之后新增API按照path位移

5.0之后,ObjectAnimator还有一个强大的功能,那就是根据一个Path路径做动画,区别就是ObjectAnimator.ofFloat方法的重载,传四个参数,第一个是做动画的控件,第二和第三个是动画的方向,第四个就是动画的Path路径,就是这么简单,剩下的就是构建Path了,Path的构建你可以随心所欲。你能构建出多酷炫的Path,它就能展示多酷炫的动画。


ObjectAnimator animator = ObjectAnimator.ofFloat(iv, View.X, View.Y, path);
animator.setDuration(2000);
animator.setRepeatCount(1);
animator.setRepeatMode(ValueAnimator.REVERSE);
animator.start();

7:共享元素动画效果

Share是最复杂的一种转场方式,在跳转的两个Activity之间,如果有相同的View元素,那么,两个元素就可以设置成共享状态,在跳转时,这个View就会从第一个Activity的显示状态过渡到第二个Activity的显示状态,给用户的感觉仿佛是两个Activity共享一个View。前后两个Activty都有两个共同的元素,一个机器人Logo,一个Android文字,但是它们在两个Activity中的位置、大小、颜色都不一样。于是,在两个Activity跳转过程中,位置、大小、颜色会自动有一个渐变的过程,从第一个Activity的状态渐变到第二个Activity的状态。从而给人一种两个Activity共享元素的感觉。Share转场的经典应用Share转场这种方式最经典的应用就是列表页跳详情页。因为通常列表页和详情页都会包含相同View元素,使用Share转场给人一种连续过渡效果,体验非常棒。

<Button
     android:id="@+id/fab_button"
     android:layout_width="56dp"
     android:layout_height="56dp"
     android:background="@mipmap/ic_launcher"
     android:elevation="5dp"
     android:onClick="explode"
     android:transitionName="fab" />

<Button
     android:id="@+id/fab_button"
     android:layout_width="160dp"
     android:layout_height="160dp"
     android:layout_alignParentEnd="true"
     android:layout_below="@id/holder_view"
     android:layout_marginTop="-80dp"
     android:background="@mipmap/ic_launcher"
     android:elevation="5dp"
     android:transitionName="fab" />
// 跳转时,要为每一个共享的view设置对应的transitionName
View fab = findViewById(R.id.fab_button);
View txName = findViewById(R.id.tx_user_name);
intent = new Intent(this, CActivity.class);
startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,
        Pair.create(view, "share"),
        Pair.create(fab, "fab"),
        Pair.create(txName, "user_name"))
        .toBundle());
// 跳转的Activity在onCreate方法中开启Transition模式
public class CActivity extends AppCompatActivity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
        setContentView(R.layout.activity_c);
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值