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 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 mList;

public GridAdapter(List 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

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">

android:visibility="invisible"

android:id="@+id/btn_refresh"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="刷新"/>

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">

card_desk_grid_item.xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:background="#33000000"

android:layout_width="match_parent"

android:layout_height="156dp">

android:id="@+id/tv"

android:gravity="center"

android:layout_width="match_parent"

android:layout_height="match_parent"/>

效果如下：

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