Android GridView实现动画效果实现代码

 Android GridView实现动画效果

项目中用到的一些动画，GridView的Item依次从屏幕外飞入到相应位置，附上相关代码：

MainActivity.Java

package com.mundane.gridanimationdemo; 

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.GridView; 

import java.util.ArrayList;
import java.util.List; 

public class MainActivity extends AppCompatActivity { 

  private GridView mGridView;
  private List<String> mList;
  private GridAdapter mGridAdapter;
  private Button mBtnRefresh; 

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mGridView = (GridView) findViewById(R.id.grid_view);
    mBtnRefresh = (Button) findViewById(R.id.btn_refresh);
    mBtnRefresh.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        mBtnRefresh.setVisibility(View.INVISIBLE);
        mGridAdapter.notifyDataSetChanged();
      }
    });
    mList = new ArrayList<>();
    for (int i = 0; i < 9; i++) {
      mList.add(i + "");
    }
    mGridAdapter = new GridAdapter(mList);
    final TranslateAnimation animation = new TranslateAnimation(
        Animation.RELATIVE_TO_PARENT,
        1.0f,
        Animation.RELATIVE_TO_PARENT,
        0,
        Animation.RELATIVE_TO_SELF,
        0,
        Animation.RELATIVE_TO_SELF,
        0);
    animation.setDuration(200);
    animation.setAnimationListener(new Animation.AnimationListener() {
      @Override
      public void onAnimationStart(Animation animation) {
        mBtnRefresh.setVisibility(View.VISIBLE);
      } 

      @Override
      public void onAnimationEnd(Animation animation) { 

      } 

      @Override
      public void onAnimationRepeat(Animation animation) { 

      }
    });
    mGridAdapter.setOnLastItemAnimationEndListener(new GridAdapter.OnLastItemAnimationEndListener() {
      @Override
      public void onAnimationEnd() {
        mBtnRefresh.startAnimation(animation);
      }
    });
    mGridView.setAdapter(mGridAdapter); 

  }
}

GridAdapter.java

package com.mundane.gridanimationdemo; 

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.widget.BaseAdapter;
import android.widget.TextView; 

import java.util.List; 

/**
 * Created by Jackie on 2017/3/7 16:29
 */ 

public class GridAdapter extends BaseAdapter{
  private List<String> mList; 

  public GridAdapter(List<String> list) {
    mList = list;
  } 

  @Override
  public int getCount() {
    return 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(parent.getContext()).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(parent.getContext(), R.anim.slide_in_right);
    final View finalConvertView = convertView;
    convertView.postDelayed(new Runnable() {
      @Override
      public void run() {
        finalConvertView.startAnimation(translateAnimation);
      }
    }, position * 200);
    translateAnimation.setAnimationListener(new Animation.AnimationListener() {
      @Override
      public void onAnimationStart(Animation animation) {
        finalConvertView.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;
  } 

  static 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 setOnLastItemAnimationEndListener(OnLastItemAnimationEndListener listener) {
    mListener = listener;
  }
}

参上上面的代码，还可以实现GridView Item的其他动画效果，注意//注释的部分，这个就是另外的动画效果，这里就不作过多的描述。

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  tools:context="com.mundane.gridanimationdemo.MainActivity"> 

  <Button
    android:visibility="invisible"
    android:id="@+id/btn_refresh"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="刷新"/> 

  <GridView
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginTop="10dp"
    android:stretchMode="columnWidth"
    android:id="@+id/grid_view"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:background="#f6f6f6"
    android:horizontalSpacing="10dp"
    android:numColumns="3"
    android:scrollbars="none"
    android:verticalSpacing="10dp"> 

  </GridView> 

</LinearLayout>

card_desk_grid_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:background="#33000000"
  android:layout_width="match_parent"
  android:layout_height="156dp">
  <TextView
    android:id="@+id/tv"
    android:gravity="center"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
</LinearLayout>

效果如下：

模拟器上运行很卡，真机上是很流畅的。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！