Android GridView实现动画效果

时间:2023-02-08 18:58:29

项目中用到的一些动画,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;}@Overridepublic int getCount() {return mList.size();}@Overridepublic Object getItem(int position) {return mList.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic 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() {@Overridepublic void run() {finalConvertView.startAnimation(translateAnimation);}}, position * 200);translateAnimation.setAnimationListener(new Animation.AnimationListener() {@Overridepublic void onAnimationStart(Animation animation) {finalConvertView.setVisibility(View.VISIBLE);}@Overridepublic void onAnimationEnd(Animation animation) {if (position == mList.size() - 1) {if (mListener != null) {mListener.onAnimationEnd();}}}@Overridepublic 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>
效果如下:

模拟器上运行很卡,真机上是很流畅的。
Android GridView实现动画效果