listview添加item动画
有两种用法,我的通常写在代码中,像下面这样:
- /**
- * Layout动画
- *
- * @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;
- }
应用的时候只需这样:
- listView = (ListView) findViewById(R.id.listView);
- listView.setLayoutAnimation(getAnimationController());
- adapter = new ListViewAdapter(stores);
- listView.setAdapter(adapter);
这样一个简单的LayoutAnimation就完成了。
别看到这里就以为文章就完了,以上都是些小玩意。呵呵,还有更厉害的!
你想设置更炫的动画吗?LayoutAnimation通常是Item一个一个的出现,有某种规律的。想让每个Item都有自己的动画吗?那就继续看下去。
- .......
- private int duration=1000;
- private Animation push_left_in,push_right_in;
- private Animation slide_top_to_bottom,slide_bottom_to_top;
- public ListViewAdapter(ArrayList<Store> list) {
- this.list = list;
- push_left_in=AnimationUtils.loadAnimation(context, R.anim.push_left_in);
- push_right_in=AnimationUtils.loadAnimation(context, R.anim.push_right_in);
- slide_top_to_bottom=AnimationUtils.loadAnimation(context, R.anim.slide_top_to_bottom);
- slide_bottom_to_top=AnimationUtils.loadAnimation(context, R.anim.slide_bottom_to_top);
- }
- ........
- @Override
- public View getView(int position, View convertView, ViewGroup parent) {
- // TODO Auto-generated method stub
- ViewHodler hodler;
- if (convertView == null) {
- hodler = new ViewHodler();
- convertView = LayoutInflater.from(context).inflate(
- R.layout.simple_item_7_for_main, null);
- ........
- convertView.setTag(hodler);
- 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{
- hodler = (ViewHodler) convertView.getTag();
- }
- ........
- return convertView;
- }
看见上面的动画设置了吗?将动画写在getView()中,这样可以设置很多不同的动画。其实这不属于LayoutAnimation的范畴了。
你可以试一下,如果设计好的话,可以有比LayoutAnimation更酷的效果。
我这里只试了两种效果。
下面是我的动画文件,共四个:
第一种效果:item分别从左右两侧滑入效果。
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>
push_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>
第2种效果:第一个item从下往上滑入,其他Item从上往下滑入效果,这个效果如果单个Item比较高(height)的话效果非常酷(卡牛的老版本好像用的就是这种效果)。
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>
另外一篇:
这个不是我写的。
GridView的item从上下左右飞入
- import java.util.Random;
- 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;
- public class ZdemoActivity extends Activity {
- private GridView gv;
- private Button btn;
- private TranslateAnimation taLeft, taRight, taTop, taBlow;
- private int[] imgList = new int[15];
- private MyAdapter mAdapter;
- private LayoutInflater mInflater;
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- 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 < 15; i++) {
- imgList[i] = R.drawable.ic_launcher;
- }
- mAdapter = new MyAdapter();
- gv.setAdapter(mAdapter);
- }
- private void InitView() {
- // TODO Auto-generated method stub
- gv = (GridView) findViewById(R.id.gridView1);
- btn = (Button) findViewById(R.id.button1);
- 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, null);
- holder = new ViewHolder();
- holder.image = (ImageView) convertView
- .findViewById(R.id.imageView1);
- 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;
- }
- }
- }
转载于:https://www.cnblogs.com/visuals/p/5091838.html
listview添加item动画相关推荐
- Android添加item动画,RecyclerView基础篇-Item添加动画
Android_Banner.jpg 简介 本节中我们介绍下给RecyclerView中的Item添加动画. 添加的动画,分为,在打开列表时有Item的展示动画,当滑动的时候没有动画 和打开列表滑动时 ...
- android listview remove 动画,给Android ListView添加删除item动画
给Android ListView添加删除item动画 给listview删除一个item的时候加上一个折叠动画,感觉效果会好一点. 步骤是当删除一个view,先用动画把view的高度改变,看上去就是 ...
- android 部分区域点击,Android编程实现ListView中item部分区域添加点击事件功能
本文实例讲述了Android编程实现ListView中item部分区域添加点击事件功能.分享给大家供大家参考,具体如下: 需求如题目:Android listview中item部分区域添加点击事件,在 ...
- android listview里item添加一个按钮点击事件,ListView Item点击事件跳转详情界面
有好久都没有碰安卓了,考试加五一双组合也真是让人蛋疼.好在都平安的度过了,所以又有时间gun回来弄弄我的小博客(虽然没多少人看= =).看了之前做的几个小demo,模式都差不多,但是每次写的时候都要在 ...
- listView 的item最外层添加了layout_marginLeft不管用
listView 的item最外层添加了layout_marginLeft=@dimen/l_34px不管用,解决办法: 添加一个 LinearLayout 把layout_marginLeft=@ ...
- android 项目学习随笔十三(ListView实现ITEM点击事件,将已读状态持久化到本地)...
1.因为给LISTVIEW增加了两个头布局,所以在点击事件ITEM索引会增加2,比如原来第一条数据的索引应该为0,增加两个头布局后,它的索引变为 2,为了使LISTVIEW的ITEM在点 ...
- ListView的item展开后完整显示
手机屏幕毕竟有限,当我们要显示较多数据时便不得不舍去一些次要信息,将主要信息优先显示,也使显示效果更加简洁美观.遇到类似的需求,我们使用最多的就是 ListView ,而如果每次点击一个 Item 都 ...
- 三星TouchWiz之listview单个Item左右滑动深入剖析(二)——实践篇
思路篇里面,我们已经知道实现左右滑动功能的思路. 开宗明义,先上demo整体结构图.(零警告看着很舒服有木有O(∩_∩)O~) 三种状态的效果图(从左至右依次是初始状态,左滑状态,右滑状态) ...
- android ui动画效果怎么做,AndroidUI 布局动画-为列表添加布局动画效果
新建一个Android project ,使MainActivity 继承自 ListActivity: public class MainActivity extends ListActivity ...
- Android在listview添加checkbox实现单选多选操作问题
android根据View的不同状态更换不同的背景 http://www.eoeandroid.com/thread-198029-1-1.html android 模仿朋友网推出的菜单效果[改进版] ...
最新文章
- maven打成jar包后,其他工程导入不进去
- python使用界面-python 可视化界面
- win10安装misql8_Win10安装MySQL8压缩包版的教程
- #1097 : 最小生成树一·Prim算法
- jQuery—tab栏切换
- leetcode 477. 汉明距离总和(位运算)
- Java工作笔记-对反射的进一步理解
- python在文件中写入字典_python初学--文件操作、字典
- python web中的并发请求
- [转]SAP行业知识Qamp;A一览表
- P-Associated-URI
- python中使用frame需要安装_python – 在SFrame中分组而不安装graphlab
- 如何优雅地使用迅雷下载百度云大文件?
- 赋值pingfang(i)=x; 与或非
- Linux网络服务-LAMP之Php基于Apache的模块实现
- 从零开始使用Vscode调试XV6
- python中续行符号_Python 的续行标志是( )_大学英语(2)答案_学小易找答案
- 电脑打印机老是文档挂起无法打印怎么办
- Dynamic Head: Unifying Object Detection Heads with Attentions论文阅读
- vue使用阿里字体教程(引入外部字体)
热门文章
- python将txt文档中的内容按字母顺序进行排序,并存入txt中
- HDU 4455 Substrings(线性dp,很有意思)
- MSDN官方数据库开发群
- 安装篇——nginx安装ssl模块转发https请求
- BZOJ1934: [Shoi2007]Vote 善意的投票
- 剑指offer--二叉树中和为某一值得路径
- web基础知识梳理(笔记)
- 使用Microsoft R Server进行机器学习和模型发布(2)
- 网络对抗——web基础
- AngularJs + angular-ui-router + bootstrap 实现blog基础导航功能