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

 Android GridView实现动画效果

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

MainActivity.Java

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74

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

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112

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

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36

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

?

1 2 3 4 5 6 7 8 9 10 11 12

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

效果如下：

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

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