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>

效果如下：

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

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

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

相关文章：

猜你喜欢
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode