zoukankan      html  css  js  c++  java
  • listview添加item动画


    有两种用法,我的通常写在代码中,像下面这样: 

    Java代码  收藏代码
    1. /** 
    2.      * Layout动画 
    3.      *  
    4.      * @return 
    5.      */  
    6.     protected LayoutAnimationController getAnimationController() {  
    7.         int duration=300;  
    8.         AnimationSet set = new AnimationSet(true);  
    9.   
    10.         Animation animation = new AlphaAnimation(0.0f, 1.0f);  
    11.         animation.setDuration(duration);  
    12.         set.addAnimation(animation);  
    13.   
    14.         animation = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f,  
    15.                 Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,  
    16.                 -1.0f, Animation.RELATIVE_TO_SELF, 0.0f);  
    17.         animation.setDuration(duration);  
    18.         set.addAnimation(animation);  
    19.   
    20.         LayoutAnimationController controller = new LayoutAnimationController(set, 0.5f);  
    21.         controller.setOrder(LayoutAnimationController.ORDER_NORMAL);  
    22.         return controller;  
    23.     }  



    应用的时候只需这样: 

    Java代码  收藏代码
    1. listView = (ListView) findViewById(R.id.listView);  
    2. listView.setLayoutAnimation(getAnimationController());  
    3. adapter = new ListViewAdapter(stores);  
    4. listView.setAdapter(adapter);  



    这样一个简单的LayoutAnimation就完成了。 

    别看到这里就以为文章就完了,以上都是些小玩意。呵呵,还有更厉害的! 

    你想设置更炫的动画吗?LayoutAnimation通常是Item一个一个的出现,有某种规律的。想让每个Item都有自己的动画吗?那就继续看下去。 

    Java代码  收藏代码
    1. .......  
    2. private int duration=1000;  
    3.         private Animation push_left_in,push_right_in;  
    4.         private Animation slide_top_to_bottom,slide_bottom_to_top;  
    5.         public ListViewAdapter(ArrayList<Store> list) {  
    6.             this.list = list;  
    7.             push_left_in=AnimationUtils.loadAnimation(context, R.anim.push_left_in);  
    8.             push_right_in=AnimationUtils.loadAnimation(context, R.anim.push_right_in);  
    9.             slide_top_to_bottom=AnimationUtils.loadAnimation(context, R.anim.slide_top_to_bottom);  
    10.             slide_bottom_to_top=AnimationUtils.loadAnimation(context, R.anim.slide_bottom_to_top);  
    11.         }  
    12. ........  
    13.   
    14. @Override  
    15.         public View getView(int position, View convertView, ViewGroup parent) {  
    16.             // TODO Auto-generated method stub  
    17.             ViewHodler hodler;  
    18.             if (convertView == null) {  
    19.                 hodler = new ViewHodler();  
    20.                 convertView = LayoutInflater.from(context).inflate(  
    21.                         R.layout.simple_item_7_for_main, null);  
    22.                 ........  
    23.                   
    24.                   
    25.                 convertView.setTag(hodler);  
    26.                   
    27.                 if (position % 2 == 0) {  
    28.                     push_left_in.setDuration(duration);  
    29.                     convertView.setAnimation(push_left_in);  
    30.                 } else {  
    31.                     push_right_in.setDuration(duration);  
    32.                     convertView.setAnimation(push_right_in);  
    33.                 }  
    34.                   
    35.                 /*if(position==0){ 
    36.                     slide_bottom_to_top.setDuration(duration); 
    37.                     convertView.setAnimation(slide_bottom_to_top); 
    38.                 } 
    39.                 else{ 
    40.                     slide_top_to_bottom.setDuration(duration); 
    41.                     convertView.setAnimation(slide_top_to_bottom); 
    42.                 }*/  
    43.                   
    44.             }else{  
    45.                 hodler = (ViewHodler) convertView.getTag();  
    46.             }  
    47. ........  
    48.               
    49.               
    50.             return convertView;  
    51.         }  


    看见上面的动画设置了吗?将动画写在getView()中,这样可以设置很多不同的动画。其实这不属于LayoutAnimation的范畴了。 
    你可以试一下,如果设计好的话,可以有比LayoutAnimation更酷的效果。 
    我这里只试了两种效果。 
    下面是我的动画文件,共四个: 
    第一种效果:item分别从左右两侧滑入效果。 
    push_left_in.xml 

    Xml代码  收藏代码
    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
    3.     <translate android:fromXDelta="-100%p" android:toXDelta="0" android:duration="300"/>  
    4.     <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" />  
    5. </set>  


    push_right_in.xml 

    Xml代码  收藏代码
    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
    3.     <translate android:fromXDelta="100%p" android:toXDelta="0" android:duration="300"/>  
    4.     <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" />  
    5. </set>  



    第2种效果:第一个item从下往上滑入,其他Item从上往下滑入效果,这个效果如果单个Item比较高(height)的话效果非常酷(卡牛的老版本好像用的就是这种效果)。 
    slide_bottom_to_top.xml 

    Xml代码  收藏代码
    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">  
    3.     <translate android:fromYDelta="100%" android:toXDelta="0" android:duration="300" />  
    4.     <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" />  
    5. </set>  


    slide_top_to_bottom.xml 

    Xml代码  收藏代码
    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">  
    3.     <translate android:fromYDelta="-100%" android:toXDelta="0" android:duration="300" />  
    4.     <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" />  
    5. </set>  



    另外一篇: 
    这个不是我写的。 
    GridView的item从上下左右飞入 

    Java代码  收藏代码
      1. import java.util.Random;  
      2. import android.app.Activity;  
      3. import android.content.Context;  
      4. import android.os.Bundle;  
      5. import android.view.LayoutInflater;  
      6. import android.view.View;  
      7. import android.view.View.OnClickListener;  
      8. import android.view.ViewGroup;  
      9. import android.view.animation.Animation;  
      10. import android.view.animation.TranslateAnimation;  
      11. import android.widget.BaseAdapter;  
      12. import android.widget.Button;  
      13. import android.widget.GridView;  
      14. import android.widget.ImageView;  
      15. public class ZdemoActivity extends Activity {  
      16.    
      17.  private GridView gv;  
      18.  private Button btn;  
      19.  private TranslateAnimation taLeft, taRight, taTop, taBlow;  
      20.  private int[] imgList = new int[15];  
      21.  private MyAdapter mAdapter;  
      22.  private LayoutInflater mInflater;  
      23.  @Override  
      24.  public void onCreate(Bundle savedInstanceState) {  
      25.   super.onCreate(savedInstanceState);  
      26.   setContentView(R.layout.main);  
      27.   this.InitView();  
      28.   this.InitAnima();  
      29.   this.InitData();  
      30.  }  
      31.  private void InitAnima() {  
      32.   // TODO Auto-generated method stub  
      33.   taLeft = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 1.0f,  
      34.     Animation.RELATIVE_TO_PARENT, 0.0f,  
      35.     Animation.RELATIVE_TO_PARENT, 0.0f,  
      36.     Animation.RELATIVE_TO_PARENT, 0.0f);  
      37.   taRight = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, -1.0f,  
      38.     Animation.RELATIVE_TO_PARENT, 0.0f,  
      39.     Animation.RELATIVE_TO_PARENT, 0.0f,  
      40.     Animation.RELATIVE_TO_PARENT, 0.0f);  
      41.   taTop = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0.0f,  
      42.     Animation.RELATIVE_TO_PARENT, 0.0f,  
      43.     Animation.RELATIVE_TO_PARENT, 1.0f,  
      44.     Animation.RELATIVE_TO_PARENT, 0.0f);  
      45.   taBlow = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0.0f,  
      46.     Animation.RELATIVE_TO_PARENT, 0.0f,  
      47.     Animation.RELATIVE_TO_PARENT, -1.0f,  
      48.     Animation.RELATIVE_TO_PARENT, 0.0f);  
      49.   taLeft.setDuration(1000);  
      50.   taRight.setDuration(1000);  
      51.   taTop.setDuration(1000);  
      52.   taBlow.setDuration(1000);  
      53.  }  
      54.  private void InitData() {  
      55.   // TODO Auto-generated method stub  
      56.   for (int i = 0; i < 15; i++) {  
      57.    imgList[i] = R.drawable.ic_launcher;  
      58.   }  
      59.   mAdapter = new MyAdapter();  
      60.   gv.setAdapter(mAdapter);  
      61.  }  
      62.  private void InitView() {  
      63.   // TODO Auto-generated method stub  
      64.   gv = (GridView) findViewById(R.id.gridView1);  
      65.   btn = (Button) findViewById(R.id.button1);  
      66.   btn.setOnClickListener(new OnClickListener() {  
      67.    @Override  
      68.    public void onClick(View v) {  
      69.     // TODO Auto-generated method stub  
      70.     mAdapter = null;  
      71.     mAdapter = new MyAdapter();  
      72.     gv.setAdapter(mAdapter);  
      73.     mAdapter.notifyDataSetChanged();  
      74.    }  
      75.   });  
      76.   mInflater = (LayoutInflater) this  
      77.     .getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
      78.  }  
      79.  private class MyAdapter extends BaseAdapter {  
      80.   @Override  
      81.   public int getCount() {  
      82.    // TODO Auto-generated method stub  
      83.    return imgList.length;  
      84.   }  
      85.   @Override  
      86.   public Object getItem(int position) {  
      87.    // TODO Auto-generated method stub  
      88.    return imgList[position];  
      89.   }  
      90.   @Override  
      91.   public long getItemId(int position) {  
      92.    // TODO Auto-generated method stub  
      93.    return position;  
      94.   }  
      95.   @Override  
      96.   public View getView(int position, View convertView, ViewGroup parent) {  
      97.    // TODO Auto-generated method stub  
      98.    ViewHolder holder = null;  
      99.    if (convertView == null) {  
      100.     convertView = mInflater.inflate(R.layout.item, null);  
      101.     holder = new ViewHolder();  
      102.     holder.image = (ImageView) convertView  
      103.       .findViewById(R.id.imageView1);  
      104.     convertView.setTag(holder);  
      105.    } else {  
      106.     holder = (ViewHolder) convertView.getTag();  
      107.    }  
      108.    int imgID = imgList[position];  
      109.    holder.image.setImageResource(imgID);  
      110.    Random ran = new Random();  
      111.    int rand = ran.nextInt(4);  
      112.    switch (rand) {  
      113.    case 0:  
      114.     convertView.startAnimation(taLeft);  
      115.     break;  
      116.    case 1:  
      117.     convertView.startAnimation(taRight);  
      118.     break;  
      119.    case 2:  
      120.     convertView.startAnimation(taTop);  
      121.     break;  
      122.    case 3:  
      123.     convertView.startAnimation(taBlow);  
      124.     break;  
      125.    }  
      126.    return convertView;  
      127.   }  
      128.   class ViewHolder {  
      129.    public ImageView image;  
      130.   }  
      131.  }  
      132. }  
  • 相关阅读:
    jmeter接口测试----10从文件中读取
    How to let a html with JavaScript can display in Outlook?
    [Jenkins] 将上游Job的参数传递给多个下游Job
    Jenkins Job之间传递参数
    一个Jenkins job里面配置多个批处理脚本,如果其中某一个有fail的,其后面的批处理脚本全都不执行了
    JMeter supports dashboard report generation to get graphs and statistics from a test plan
    分享几个实用的批处理脚本
    Job构建步骤间的自定义变量传递
    Download file from a URL using AutoIt, and run in Robot Framework. (Also can use in other application)
    [Selenium] Upload File on Remote Node Machines
  • 原文地址:https://www.cnblogs.com/visuals/p/5091838.html
Copyright © 2011-2022 走看看