android 动画

最新推荐文章于 2024-11-09 17:06:34 发布

BlueZhang521

最新推荐文章于 2024-11-09 17:06:34 发布

阅读量390

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： android 动画 ValueAnimator 动画 animation animator

本文链接：https://blog.youkuaiyun.com/blueZhangFun/article/details/83095576

Android 专栏收录该内容

71 篇文章

订阅专栏

本文详细介绍了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);
    }
}