ListView GridView中item加载显示的动画效果
2015-11-10 16:12
579 查看
首先看一下效果图,ListView和GridView中item显示动画
1.ListView中的item加载显示动画
1)直接给ListView设置动画
private void initView() { setContentView(R.layout.activity_listview); ListView lv = (ListView) findViewById(R.id.activity_listview_lv); lv.setLayoutAnimation(getAnimationController()); // ListViewAdapter adapter = new ListViewAdapter(); mStrings = new String[]{"A", "S", "D", "F", "G", "H", "J", "Q", "W", "E", "R", "T"}; ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(this, R.layout.item_listview_text, R.id.item_listview_tv, mStrings); lv.setAdapter(arrayAdapter); } /** * Layout动画 即item家在现实的动画,可以更改设置为各种样式 * * @return */ protected LayoutAnimationController getAnimationController() { int duration = 300; AnimationSet set = new AnimationSet(true); Animation animation = new AlphaAnimation(0.0f, 1.0f); animation.setDuration(duration); set.addAnimation(animation); animation = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, -1.0f, Animation.RELATIVE_TO_SELF, 0.0f); animation.setDuration(duration); set.addAnimation(animation); LayoutAnimationController controller = new LayoutAnimationController(set, 0.5f); controller.setOrder(LayoutAnimationController.ORDER_NORMAL); return controller; }
2)也可以分别给不同的item设置动画
class ListViewAdapter extends BaseAdapter { private int duration =2000; private Animation push_left_in, push_right_in; private Animation slide_top_to_bottom, slide_bottom_to_top; public ListViewAdapter() { push_left_in = AnimationUtils.loadAnimation(ListViewActivity.this, R.anim.push_left_in); push_right_in = AnimationUtils.loadAnimation(ListViewActivity.this, R.anim.push_right_in); slide_top_to_bottom = AnimationUtils.loadAnimation(ListViewActivity.this, R.anim.slide_top_to_bottom); slide_bottom_to_top = AnimationUtils.loadAnimation(ListViewActivity.this, R.anim.slide_bottom_to_top); } @Override public int getCount() { return mStrings.length; } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return 0; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder = null; if (convertView == null) { holder = new ViewHolder(); convertView = View.inflate(ListViewActivity.this, R.layout.item_listview_text, null); holder.tv = (TextView) convertView.findViewById(R.id.item_listview_tv); convertView.setTag(holder); if (position % 2 == 0) { push_left_in.setDuration(duration); convertView.setAnimation(push_left_in); } else { push_right_in.setDuration(duration); convertView.setAnimation(push_right_in); } // if(position==0){ // slide_bottom_to_top.setDuration(duration); // convertView.setAnimation(slide_bottom_to_top); // } // else{ // slide_top_to_bottom.setDuration(duration); // convertView.setAnimation(slide_top_to_bottom); // } } else { holder = (ViewHolder) convertView.getTag(); } holder.tv.setText(mStrings[position]); return convertView; } } class ViewHolder { TextView tv; }
资源文件push_left_in.xml
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromXDelta="-100%p" android:toXDelta="0" android:duration="300"/> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" /> </set>
pubsh_right_in.xml
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromXDelta="100%p" android:toXDelta="0" android:duration="300"/> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" /> </set>
slide_bottom_to_top.xml
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> <translate android:fromYDelta="100%" android:toXDelta="0" android:duration="300" /> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" /> </set>
slide_top_to_bottom.xml
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> <translate android:fromYDelta="-100%" android:toXDelta="0" android:duration="300" /> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" /> </set>
这两种方式的效果是一样的
2.再看一下GridView的动画效果,为了显示更炫酷的效果,这里直接用第二种方式显示动画
import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.View.OnClickListener; import android.view.ViewGroup; import android.view.animation.Animation; import android.view.animation.TranslateAnimation; import android.widget.BaseAdapter; import android.widget.Button; import android.widget.GridView; import android.widget.ImageView; import com.zf.svg.R; import java.util.Random; public class ZdeomActivity extends Activity { private GridView gv; private Button btn; private TranslateAnimation taLeft, taRight, taTop, taBlow; private int[] imgList = new int[100]; private MyAdapter mAdapter; private LayoutInflater mInflater; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_grid); this.InitView(); this.InitAnima(); this.InitData(); } private void InitAnima() { // TODO Auto-generated method stub taLeft = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 1.0f, Animation.RELATIVE_TO_PARENT, 0.0f, Animation.RELATIVE_TO_PARENT, 0.0f, Animation.RELATIVE_TO_PARENT, 0.0f); taRight = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, -1.0f, Animation.RELATIVE_TO_PARENT, 0.0f, Animation.RELATIVE_TO_PARENT, 0.0f, Animation.RELATIVE_TO_PARENT, 0.0f); taTop = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0.0f, Animation.RELATIVE_TO_PARENT, 0.0f, Animation.RELATIVE_TO_PARENT, 1.0f, Animation.RELATIVE_TO_PARENT, 0.0f); taBlow = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0.0f, Animation.RELATIVE_TO_PARENT, 0.0f, Animation.RELATIVE_TO_PARENT, -1.0f, Animation.RELATIVE_TO_PARENT, 0.0f); taLeft.setDuration(1000); taRight.setDuration(1000); taTop.setDuration(1000); taBlow.setDuration(1000); } private void InitData() { // TODO Auto-generated method stub for (int i = 0; i <100; i++) { imgList[i] = R.mipmap.ic_launcher; } mAdapter = new MyAdapter(); gv.setAdapter(mAdapter); } private void InitView() { // TODO Auto-generated method stub gv = (GridView) findViewById(R.id.activity_grid_gv); btn = (Button) findViewById(R.id.activity_grid_bt); btn.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub mAdapter = null; mAdapter = new MyAdapter(); gv.setAdapter(mAdapter); mAdapter.notifyDataSetChanged(); } }); mInflater = (LayoutInflater) this .getSystemService(Context.LAYOUT_INFLATER_SERVICE); } private class MyAdapter extends BaseAdapter { @Override public int getCount() { // TODO Auto-generated method stub return imgList.length; } @Override public Object getItem(int position) { // TODO Auto-generated method stub return imgList[position]; } @Override public long getItemId(int position) { // TODO Auto-generated method stub return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub ViewHolder holder = null; if (convertView == null) { convertView = mInflater.inflate(R.layout.item_grid_iv, null); holder = new ViewHolder(); holder.image = (ImageView) convertView .findViewById(R.id.item_grid_iv); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } int imgID = imgList[position]; holder.image.setImageResource(imgID); Random ran = new Random(); int rand = ran.nextInt(4); switch (rand) { case 0: convertView.startAnimation(taLeft); break; case 1: convertView.startAnimation(taRight); break; case 2: convertView.startAnimation(taTop); break; case 3: convertView.startAnimation(taBlow); break; } return convertView; } class ViewHolder { public ImageView image; } } }
相关文章推荐
- Matlab中image、imagesc和imshow函数用法解析
- linux安装mysql出现Could NOT find Curses (missing CURSES_LIBRARY CURSES_INCLUDE_PATH),提示解决方法
- C#操作word之文本替换
- jetty
- cf #320 B. Finding Team Member(优先队列)
- css 菜单搜索栏 随滚动条滚动 浮起来
- JasperReport学习笔记3-在浏览器生成PDF文件
- d3 词云 重叠问题
- QtoolBox的使用
- C#之数据类型转换
- MySQL中文乱码解决方案
- 在GridView中设置每个单元格的数据
- JedisPool高并发
- 使用Visual Leak Detector检查内存泄露
- 黑马程序员——基础知识——集合
- Oracle中给表主键、外键收集
- android--sqlite数据库创建的真正时候
- TensorFlow试用
- 从头开发技巧之全局获取Context
- 机房收费系统----类图