ListView GridView中item加载显示的动画效果

最新推荐文章于 2024-07-05 20:53:24 发布
最新推荐文章于 2024-07-05 20:53:24 发布
阅读量1.5k 收藏 1
点赞数 1
分类专栏： 砸碎知识 文章标签： listView 动画 gridview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zfgrinm/article/details/49761345
版权 
首先看一下效果图,ListView和GridView中item显示动画

这里写图片描述](https://img-blog.csdn.net/20151110160058272 ![这里写图片描述这里写图片描述这里写图片描述

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;
        }
    }
}
zfgrinm
关注
专栏目录
显示gridview加载条目动画
xiaoxinxin的博客
08-08 542
//adapter界面 import java.util.ArrayList; import android.app.Activity; import android.os.Bundle; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import a
android ListView 动画加载每一项
01-12
ListView 动态加载item 动画 一项一项的加载ListView item 用户只需配置动画效果就行了
自定义控件动画篇（九）实现ListView Item进入动画
最新发布
VitorLiu的博客
07-05 273
创建一个ViewHolder类，用于存储ListView Item中每个视图的引用。这有助于提高性能，避免在getView()方法中重复查找视图。Java4 // 可能还有其他视图5}
给listview或gridview设置动画效果
jueshihaidao的博客
09-16 228
ApapterDemo ad=new ApapterDemo(image, this); gv.setAdapter(ad); an = AnimationUtils.loadAnimation(this,R.anim.set); LayoutAnimationController layout=new LayoutAnimationControlle
Listview加载动画
weixin_30618985的博客
09-06 40
private ArrayList<String> list; private Handler handler=new Handler(); private ArrayAdapter<String> adapter; private GridView grid; @Override protected void on...
ListView添加加载动画
钟铭
08-25 912
我们总喜欢探索一些新功能，有人问：做这个有什么用呢？我们总不愿我们的工作那么枯燥，给自己调剂一下也好。     不录制效果了(主要电脑不给力…)    ListView添加子项动画无非是在适配器里面动手脚，那么ListView里面添加数据的过程大家是知道的，但是这里我还是要贴出来，方便大家粘贴，下面给出Activity的代码。import android.app.Activity; import
ListViewGridView填充效果
03-11
- **自定义动画**：开发者可以通过设置`ListView.setSmoothScrollbarEnabled(true)`来开启平滑滚动效果，还可以自定义`AbsListView.ItemAnimator`来添加过渡动画，使列表项的显示更加生动。 - **Header和Footer**...
安卓listview相关相关-SmoothTransitionlistview和gridview的item进入动画.zip
07-29
`SmoothTransition`是指在ListView或GridView的条目加载时，为每个条目添加平滑的进入动画效果，这可以增强用户的视觉感受，使得列表的滚动更加流畅且生动。这种动画效果可以通过自定义`Adapter`实现，`Adapter`是...
Android中利用ListView和GridView实现列表视图和网格(图标)视图的相互切换显示
01-11
实际开发中，你可能还需要考虑更多细节，比如视图切换时的动画效果、数据加载策略（如分页加载）、不同视图下item的点击事件处理等。在MyFileDemo项目中，你可能会找到具体的代码实现和更多优化技巧。通过不断实践和...
android ListView和GridView拖拽移位实现代码
04-14
在Android开发中，ListView和GridView是两种常用的布局控件，用于展示大量的数据列表。它们都是AdapterView的子类，能够动态加载数据并显示。本文将深入探讨如何在Android中实现ListView和GridView的拖拽移位功能，...
Flutter 列表Item动画 — AnimatedList实现Item左进左出、淡入淡出
xhuww的博客
06-21 2318
AnimatedList 是Flutter提供的一个可以在插入或移除Item时为Item设置动画的列表Widget。本文讲解了实现列表Item淡淡出和左进左出动画效果
ListView加载动画及滑动删除item
10-28
ListView 加载动画及 滑动删除item
Android 自定义ListView加载动画
05-18
Android 自定义ListView 4种加载动画， 左边飞入，旋转，从上飞入，透明度
Android ListView Item滑动进入动画效果
08-26
Android ListView Item滑动进入动画效果，仿照的事窝牛装修app的动画，很酷炫。可参考我的博客：http://blog.csdn.net/zuiwuyuan?viewmode=list
listview第一次加载item动画
09-22
第一次加载item的动画，可以代码设置的哦
博客对应源码
03-28
博客《Animation动画详解(十三)——实现ListView Item进入动画》对应源码，博客地址：http://blog.csdn.net/harvic880925/article/details/50988685
给你的ListView列表添加载入动画
西木的专栏
05-22 2576
Android开发中，我们经常会用到列表，列表的实现当然是采用ListView或者RecyclerView， 如果能给列表添加炫酷的载入动画，会给用户增加不小的视觉美感，比如stroll.js里面展示的那样，不过他那里面是用CSS实现的动画，在我们的native应用里，我们同样也可以实现这样的效果。开源库JazzyListView已经很好的实现了，不过我们今天来自己实现下这些效果，理解了这些动画的原
安卓加载listview动画
weixin_34205826的博客
03-20 86
<layoutAnimationxmlns:android="http://schemas.android.com/apk/res/android" android:delay="30%" android:animationOrder="reverse" android:animation="@anim/sl...
动画加载ListView
LKX7809139的博客
07-28 292
<translate         android:fromXDelta="-100%"         android:toXDelta="0"         android:fromYDelta="0"         android:toYDelta="0"         android:duration="2000"         />    
ScrollView下ListView与GridView内容完整显示优化策略
在开发Android应用时，遇到ScrollView下嵌套ListView和GridView内容显示不全的问题是很常见的挑战。...通过合理的布局管理和优化测量逻辑，可以有效地实现ListView和GridView在ScrollView中的完整显示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值