android的四种动画效果详解及示例

最新推荐文章于 2024-04-30 13:41:19 发布

liuye066

最新推荐文章于 2024-04-30 13:41:19 发布

阅读量902

点赞数

分类专栏：视频图像音乐效果文章标签： android 动画 animation

本文链接：https://blog.csdn.net/liuye066/article/details/62425365

版权

视频图像音乐效果专栏收录该内容

29 篇文章 0 订阅

订阅专栏

android中提供了4中动画：
AlphaAnimation 透明度动画效果
ScaleAnimation 缩放动画效果
TranslateAnimation 位移动画效果

RotateAnimation 旋转动画效果

下面是四种动画效果的参数说明，以及使用的示例，例子中动态加载了GridView的各个项后，上方的刷新按钮也随着动画显示；GridView的各个项是从屏幕右侧向各自的位置滑动

1.位移动画

TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)

参数说明：

  float fromXDelta 动画开始的点离当前View X坐标上的差值  
 
 float toXDelta 动画结束的点离当前View X坐标上的差值  
 
 float fromYDelta 动画开始的点离当前View Y坐标上的差值  
 
 float toYDelta 动画开始的点离当前View Y坐标上的差值

常用方法:

animation.setDuration(long durationMillis);//设置动画持续时间
animation.setRepeatCount(int i);//设置重复次数
animation.setRepeatMode(Animation.REVERSE);//设置反方向执行

2.旋转动画

RotateAnimation (float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)

参数说明：
float fromDegrees：旋转的开始角度。
float toDegrees：旋转的结束角度。
int pivotXType：X轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
float pivotXValue：X坐标的伸缩值。
int pivotYType：Y轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
float pivotYValue：Y坐标的伸缩值。

3.缩放动画

ScaleAnimation(float fromX, float toX, float fromY, float toY,int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)

参数说明：

  float fromX 动画起始时 X坐标上的伸缩尺寸  
 
 float toX 动画结束时 X坐标上的伸缩尺寸  
 
 float fromY 动画起始时Y坐标上的伸缩尺寸  
 
 float toY 动画结束时Y坐标上的伸缩尺寸  
 
 int pivotXType 动画在X轴相对于物件位置类型  
 
 float pivotXValue 动画相对于物件的X坐标的开始位置  
 
 int pivotYType 动画在Y轴相对于物件位置类型  
 
 float pivotYValue 动画相对于物件的Y坐标的开始位置

4.透明度动画

AlphaAnimation 透明度动画效果

例子：

示例中是一个动态加载GridView项后，上方的刷新按钮也开始动画显示：（例子中注释了4种动画效果设置成不同参数时的显示区别）

package com.h.fileinput.GridAnimator;

import android.content.Context;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.GridView;
import com.h.fileinput.R;
import java.util.ArrayList;
import java.util.List;

public class GridAnimteDemoActivity extends AppCompatActivity {
    GridView gv_animate;
    Button btn_refresh;
    private List<String> list;
    GridAdapter adapter;
    Context mContext;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_grid_animte_demo);

        gv_animate = (GridView) findViewById(R.id.gv_animate);
        btn_refresh = (Button) findViewById(R.id.refresh);
        btn_refresh.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                btn_refresh.setVisibility(View.INVISIBLE);
                adapter.notifyDataSetChanged();
            }
        });

        list = new ArrayList<>();
        for(int i=0;i<9;i++){
            list.add("动画"+i);
        }
        mContext = GridAnimteDemoActivity.this;
        adapter = new GridAdapter(list,mContext);

        //刷新按钮的动画效果，fromXValue的值为-1.0f指从右边进入，1.0f指从左边进入，其他都为0时
        //fromYValue的值为1.0f时，从下向上显示，为-1.0f时，从上向下显示
        /*
        * final TranslateAnimation animation = new TranslateAnimation(Animation.RELATIVE_TO_PARENT,-1.0f,
                Animation.RELATIVE_TO_PARENT,0,Animation.RELATIVE_TO_SELF,-1.0f,Animation.RELATIVE_TO_SELF,1.0f);
        * 从左上角进入再从下向上移动
        * */
        /*
        * final TranslateAnimation animation = new TranslateAnimation(Animation.RELATIVE_TO_PARENT,1.0f,
                Animation.RELATIVE_TO_PARENT,1.0f,Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,0);
        * final TranslateAnimation animation = new TranslateAnimation(Animation.RELATIVE_TO_PARENT,0,
                Animation.RELATIVE_TO_PARENT,1.0f,Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,0);
        * 上面两种设置没有多大区别
        * */

        /*
        * final TranslateAnimation animation = new TranslateAnimation(Animation.RELATIVE_TO_PARENT,-1.0f,
                Animation.RELATIVE_TO_PARENT,1.0f,Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,0);
        * 先从左向右显示，再从右向左显示
        * */

        /*
        * final TranslateAnimation animation = new TranslateAnimation(Animation.RELATIVE_TO_PARENT,-1.0f,
                Animation.RELATIVE_TO_PARENT,1.0f,Animation.RELATIVE_TO_SELF,-1.0f,Animation.RELATIVE_TO_SELF,1.0f);
        * 从左上方进，再从右下方向上
        * */

        /*
        * final TranslateAnimation animation = new TranslateAnimation(Animation.RELATIVE_TO_PARENT,-1.0f,
                Animation.RELATIVE_TO_PARENT,0,Animation.RELATIVE_TO_SELF,9,Animation.RELATIVE_TO_SELF,0);
        * 第三个参数设置从下向上移动的距离
        * */
        final TranslateAnimation animation = new TranslateAnimation(Animation.RELATIVE_TO_PARENT,1,
                Animation.RELATIVE_TO_PARENT,0,Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,0);
        animation.setDuration(200);
        animation.setAnimationListener(new UserAnimationListener());
        //渐变动画
        final AlphaAnimation alphaAnimation = new AlphaAnimation(0,1);
        alphaAnimation.setDuration(200);
        alphaAnimation.setAnimationListener(new UserAnimationListener());
        //缩放动画
        /*
        * ScaleAnimation(float fromX, float toX, float fromY, float toY,int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
        *   float fromX 动画起始时 X坐标上的伸缩尺寸
            float toX 动画结束时 X坐标上的伸缩尺寸
            float fromY 动画起始时Y坐标上的伸缩尺寸
            float toY 动画结束时Y坐标上的伸缩尺寸
            int pivotXType 动画在X轴相对于物件位置类型
            float pivotXValue 动画相对于物件的X坐标的开始位置
            int pivotYType 动画在Y轴相对于物件位置类型
            float pivotYValue 动画相对于物件的Y坐标的开始位置
        * */
        /*
        * final ScaleAnimation animation =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
            Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        * 从中间开始向外扩大，大到一定程度后，再一下子缩小成要求的尺寸
        * 前面四个参数换成1.4f,0.0f,1.4f,0.0f的话，按钮从四周向中心缩小，消失后再从中心一下子弹出来
        * 将RELATIVE_TO_SELF改成RELATIVE_TO_PARENT后，按钮从屏幕中间逐渐放大到顶部消失，再从顶部一下子显示在规定位置
        * 若前一个为RELATIVE_TO_PARENT，后一个为RELATIVE_TO_SELF，效果跟两个都设为RELATIVE_TO_SELF差不多
        * 而前一个设为RELATIVE_TO_SELF，后一个设为RELATIVE_TO_PARENT，效果则跟都设为RELATIVE_TO_PARENT差不多
        * */

        /*
        * final ScaleAnimation scaleAnimation = new ScaleAnimation(0.0f,1.4f,0.0f,1.4f,
                Animation.RELATIVE_TO_SELF,0.0f,
                Animation.RELATIVE_TO_SELF,0.0f);
        * 从左上角开始向右下角放大，大到一定程度后，再一下子缩小成要求的尺寸
        * 后面两个数值改成1.0f的话，则是从右下角开始向左上角放大，大到一定程度再缩小
        * 前面四个参数两两互换的话，则是从右下角开始逐渐缩小，一直缩到左上角后，再从左上角一下子弹出来
        * */
        final ScaleAnimation scaleAnimation = new ScaleAnimation(0.0f,1.4f,0.0f,1.4f,
                Animation.RELATIVE_TO_SELF,0.5f,
                Animation.RELATIVE_TO_SELF,0.5f);
        scaleAnimation.setDuration(2000);
        scaleAnimation.setAnimationListener(new UserAnimationListener());

        //旋转动画
        /*
        * RotateAnimation (float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
            参数说明：
            float fromDegrees：旋转的开始角度。
            float toDegrees：旋转的结束角度。
            int pivotXType：X轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
            float pivotXValue：X坐标的伸缩值。
            int pivotYType：Y轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
            float pivotYValue：Y坐标的伸缩值。
        *final RotateAnimation rotateAnimation = new RotateAnimation(0.0f,360f,Animation.RELATIVE_TO_SELF,0.5f,
                Animation.RELATIVE_TO_SELF,0.5f);
        * 以按钮中间为中心点，旋转360度
        * RELATIVE_TO_SELF换成RELATIVE_TO_PARENT时，以屏幕中间为中心点，按钮绕屏幕一周
        * RELATIVE_TO_PARENT，并将两个伸缩值设为0.0f时，以按钮左上角为中心点，旋转360，设为RELATIVE_TO_SELF也一样。
        * RELATIVE_TO_PARENT，两个伸缩值都为1.0f时，先从按钮右下角开始旋转出屏幕，再从屏幕的左中下方旋转回原位置
        * */
        final RotateAnimation rotateAnimation = new RotateAnimation(0.0f,360f,Animation.RELATIVE_TO_PARENT,0.0f,
                Animation.RELATIVE_TO_PARENT,0.0f);
        rotateAnimation.setDuration(2000);
        rotateAnimation.setAnimationListener(new UserAnimationListener());

        //GridView的动画效果执行完成后，再显示按钮的动画
        adapter.setOnLastItemAnimationEndLister(new GridAdapter.OnLastItemAnimationEndListener() {
            @Override
            public void onAnimationEnd() {
                btn_refresh.startAnimation(rotateAnimation);
            }
        });

        gv_animate.setAdapter(adapter);

    }

    class UserAnimationListener implements Animation.AnimationListener {

        @Override
        public void onAnimationStart(Animation animation) {
            btn_refresh.setVisibility(View.VISIBLE);
        }

        @Override
        public void onAnimationEnd(Animation animation) {

        }

        @Override
        public void onAnimationRepeat(Animation animation) {

        }
    }
}

GridAdapter.java：GridView中单项的显示效果：

package com.h.fileinput.GridAnimator;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.TranslateAnimation;
import android.widget.BaseAdapter;
import android.widget.TextView;

import com.h.fileinput.R;

import java.util.List;

/**
 * Created by Administrator on 2017/3/16 0016.
 */
public class GridAdapter extends BaseAdapter {
    private List<String> mList;
    private Context mContext;

    public GridAdapter(List<String> list, Context context){
        mList = list;
        mContext = context;
    }
    @Override
    public int getCount() {
        return mList == null? 0:mList.size();
    }

    @Override
    public Object getItem(int position) {
        return mList.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        String text = mList.get(position);
        ViewHolder holder;
        if(convertView == null){
            convertView = LayoutInflater.from(mContext).inflate(R.layout.card_desk_grid_item,parent,false);
            holder = new ViewHolder(convertView);
            convertView.setTag(holder);
        }else{
            holder = (ViewHolder) convertView.getTag();
        }
        convertView.setVisibility(View.INVISIBLE);
        holder.textView.setText(text);
        int count = 3-position%3;
        //列表项一个接一个从右边滑动显示,一行显示完显示下一行
        final TranslateAnimation translateAnimation = new TranslateAnimation(Animation.RELATIVE_TO_SELF,count,
                Animation.RELATIVE_TO_SELF,0,
                Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,0);
        translateAnimation.setDuration(count*100);
        //效果与上面的方法是一样的
//        final Animation animation = AnimationUtils.loadAnimation(mContext,R.anim.slide_in_right);
//        animation.setDuration(count*100);
        final View finalConverView = convertView;
        convertView.postDelayed(new Runnable() {
            @Override
            public void run() {
                finalConverView.startAnimation(translateAnimation);
            }
        },position*200);

        translateAnimation.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
                finalConverView.setVisibility(View.VISIBLE);
            }

            @Override
            public void onAnimationEnd(Animation animation) {
                if(position == mList.size()-1){
                    if(mListener != null){
                        mListener.onAnimationEnd();
                    }
                }
            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });

        return convertView;
    }

    class ViewHolder{
        TextView textView;
        public ViewHolder(View view){
            textView = (TextView) view.findViewById(R.id.tv);
        }
    }

    public interface OnLastItemAnimationEndListener{
        void onAnimationEnd();
    }

    private OnLastItemAnimationEndListener mListener;

    public void setOnLastItemAnimationEndLister(OnLastItemAnimationEndListener listener){
        mListener = listener;
    }
}

liuye066

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
android的四种动画效果详解及示例

android中提供了4中动画： AlphaAnimation 透明度动画效果 ScaleAnimation 缩放动画效果 TranslateAnimation 位移动画效果 RotateAnimation 旋转动画效果 1.位移动画TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta
复制链接

扫一扫

专栏目录