精华内容
下载资源
问答
  • 补间动画

    2019-09-13 01:31:58
    补间动画 就是指开发者指定动画开始,动画结束“关键帧”,而动画变化的“中间帧”由系统计算,并补齐! Interpolator类(注:Interpolator英文意思为插值) 补间动画的三个必要信息: 1.开始帧。 2.结束帧...

    补间动画

        就是指开发者指定动画开始,动画结束“关键帧”,而动画变化的“中间帧”由系统计算,并补齐!


    Interpolator类(注:Interpolator英文意思为插值)

        补间动画的三个必要信息:

            1.开始帧。

            2.结束帧。

            3.动画持续时间计算出需要在中间补入多少帧,并计算出所有补入帧的图形。

        其中为了计算补入多少帧,就必须借助于Interpolator。它根据特定算法计算出整个动画需要动态插入帧的密度

        和位置。简单的说,它控制动画变化速度!

        Interpolator是一个接口,他有以下几个实现类:

            1.Linearlnterpolator:动画以均匀的速度改变

            2.Acceleratelnterpolator:动画开始的地方改变速度较慢,然后开始加速

            3.AccelerateDeceleratelnterpolator:动画开始,结束的地方改变速度较慢,在中间加速

            4.Cyclelnterpolator:动画循环播放特定次数,变化速度按正弦曲线改变

            5.Deceleratelnterpolator:动画开始的地方改变速度较快,然后开始减速

        在动画资源中指定补间动画所使用的Interceptor

        定义补间动画的<set.../>元素支持一个android:interpolator属性,该属性表示支持的Interceptor:

            @android :anim/linear_interpolator

            @android :anim/accelerate_interpolator

            @android :anim/accelerate_decelerate_interpolator

            ......


    自定义补间动画

        Animation为抽象基类,他有四个实现类:

        1.AlphaAnimation:透明度改变的动画(透明度为0-1)

        2.ScaleAnimation:大小缩放的动画

        3.TranslateAnimation:位移变化的动画

        4.RotateAnimation:旋转的动画

        在实际项目中可能还需要一些更复杂的动画,就必须自定义补间动画,自定义补间动画步骤:

            1.需要继承Animation抽象

            2.重写applyTransformation(float interpolatedTime,Transformation t)方法,

               interpolatedTime参数:动画时间进行比,他总是0-1之间变化。

               Transformation参数:补间动画在不同时刻对图形或组件的变化程度,实际上是一个矩阵,可以进行

                                                位移,旋转,倾斜等变换!



    转载于:https://my.oschina.net/Ccx371161810/blog/284886

    展开全文
  • Flash 补间形状补间动画传统补间的主要区别 (2015-04-19 15:14:46) 转 载 分类 平面动画设计 (Flash) 区 补间形状形状补间动画 传统补间动作 ( 动画 ) 补间动画 补间动画 别 在 时 间 轴 淡绿色背景 淡紫色背景 ...
  • Android 安卓动画 补间动画 - 缩放动画

    千次阅读 多人点赞 2018-08-31 19:36:54
    补间动画之缩放动画 实现效果:点击按钮后实现按钮放大效果 补间动画概念:就是从一个画面过渡到另一个画面时让人看到中间动画效果! 动画 - 相关文章篇 帧动画 帧动画: ...

    补间动画之缩放动画

    实现效果:点击按钮后实现按钮放大效果

    补间动画概念:就是从一个画面过渡到另一个画面时让人看到中间动画效果!


    动画 - 相关文章篇

    帧动画

    帧动画:  https://blog.csdn.net/qq_40881680/article/details/82222684

     

    补间动画

    补间动画-平移动画:  https://blog.csdn.net/qq_40881680/article/details/82255459

    补间动画-缩放动画:  https://blog.csdn.net/qq_40881680/article/details/82260914

    补间动画-旋转动画:  https://blog.csdn.net/qq_40881680/article/details/82261557

    补间动画-透明/渐变动画:  https://blog.csdn.net/qq_40881680/article/details/82261869

    补间动画-组合动画(四个动画一起播放):  https://blog.csdn.net/qq_40881680/article/details/82285987

     

    属性动画

    属性动画-渐变透明动画:  https://blog.csdn.net/qq_40881680/article/details/82318363

    属性动画-旋转动画:  https://blog.csdn.net/qq_40881680/article/details/82354017

    属性动画-缩放动画:  https://blog.csdn.net/qq_40881680/article/details/82377850

    属性动画-移动动画:  https://blog.csdn.net/qq_40881680/article/details/82378391

    属性动画-组合动画:  https://blog.csdn.net/qq_40881680/article/details/82381258


    效果图 篇


    操作步骤 篇

    res下创建anim文件夹,右击res文件夹,按下图操作创建

     

    找到anim点击OK,此时就创建好了

     

    在这个文件夹(anim)下新建xml文件,右击anim文件夹按下图操作创建

     

    在这个xml文件中写入属性,属性详细见下列表格解释:

    <?xml version="1.0" encoding="utf-8"?>
    <scale xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="2000"
        android:fillAfter="false"
        android:fillBefore="true"
        android:fillEnabled="true"
        android:fromXScale="1"
        android:fromYScale="1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:repeatCount="0"
        android:repeatMode="restart"
        android:startOffset="0"
        android:toXScale="2.5"
        android:toYScale="2.5">
    
    </scale>

     

    属性 详细解释
    android:duration="2000" 动画持续时间。即这个动画会持续多长时间,单位(ms)
    android:fillAfter="false" 动画播放完毕后,是否会停止在动画结束的状态,优先存在于fillBefore
    android:fillBefore="true" 动画播放完毕后,是否会恢复原始状态
    android:fillEnabled="true" 是否应用与fillBefore的值,默认:true
    android:fromXScale="1" X轴起始缩放倍数
    android:fromYScale="1" Y轴起始缩放倍数
    android:pivotX="50%" 缩放轴点X坐标
    android:pivotY="50%" 缩放轴点Y坐标
    android:repeatCount="0" 重复次数,值infinite为无限一直重复
    android:repeatMode="restart" 播放的动画模式restart表示正序播放,reverse代表倒序播放,默认是restart
    android:startOffset="0" 动画延迟开始时间(多长时间后开始执行动画)
    android:toXScale="2.5" 缩放轴点的X坐标
    android:toYScale="2.5" 缩放轴点的Y坐标

    布局文件 篇

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
    
        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="150dp"
            android:text="这是缩放效果动画" />
    
    </LinearLayout>

    代码逻辑 篇

    缩放动画用到Animation,如下操作,就可以实现,点击按钮后放大效果

    package com.example.text.donghua;
    
    import android.os.Bundle;
    import android.support.v7.app.AppCompatActivity;
    import android.view.View;
    import android.view.animation.Animation;
    import android.view.animation.AnimationUtils;
    import android.widget.Button;
    
    public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    
        private Button button;
        Animation animation;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            initView();
    
            }
    
        private void initView() {
            button = (Button) findViewById(R.id.button);
            animation = AnimationUtils.loadAnimation(this,R.anim.start);
            button.setOnClickListener(this);
        }
    
        @Override
        public void onClick(View v) {
            switch (v.getId()) {
                case R.id.button:
                    button.startAnimation(animation);
                    break;
            }
        }
    }
    

    最终效果图:

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,925
精华内容 1,970
关键字:

补间动画