点击listview的item，带动画效果的展开详情（一）

最新推荐文章于 2024-08-25 09:43:29 发布
最新推荐文章于 2024-08-25 09:43:29 发布
阅读量3.8k 收藏 4
点赞数
分类专栏： Android笔记

原博客

http://blog.csdn.net/ghd2000/article/details/47663227

说明：这种方法，是动态添加的，即：点击item，要展示的内容，有多少条，事先可以不确定，动态添加
优点：要加的东西，可以让后台封装到一个集合或者数组中，数量随意，可扩展性好，因为是动态添加的
缺点：界面反应有点慢。即：点击item后，展示动画的过程有点卡顿。

效果图：
这里写图片描述

———————————-分割线————————————–

这里写图片描述

1、ListItem

public class ListItem {

    private String name;
    private List<String> childrenList;


    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public List<String> getChildrenList() {
        return childrenList;
    }

    public void setChildrenList(List<String> childrenList) {
        this.childrenList = childrenList;
    }
}

2、展示的动画ViewExpandAnimation

import android.view.View;
import android.view.animation.Animation;
import android.view.animation.Transformation;
import android.widget.LinearLayout.LayoutParams;

public class ViewExpandAnimation extends Animation {

    private View mAnimationView = null;
    private LayoutParams mViewLayoutParams = null;
    private int mStart = 0;
    private int mEnd = 0;

    public ViewExpandAnimation(View view){
        animationSettings(view, 200);
    }

    public ViewExpandAnimation(View view, int duration){
        animationSettings(view, duration);
    }

    private void animationSettings(View view, int duration){
        setDuration(duration);
        mAnimationView = view;
        mViewLayoutParams = (LayoutParams) view.getLayoutParams();
        mStart = mViewLayoutParams.bottomMargin;
        mEnd = (mStart == 0 ? (0 - view.getHeight()) : 0);
        view.setVisibility(View.VISIBLE);
    }

    @Override
    protected void applyTransformation(float interpolatedTime, Transformation t) {
        super.applyTransformation(interpolatedTime, t);

        if(interpolatedTime < 1.0f){
            mViewLayoutParams.bottomMargin = mStart + (int) ((mEnd - mStart) * interpolatedTime);
            // invalidate
            mAnimationView.requestLayout();
        }else{
            mViewLayoutParams.bottomMargin = mEnd;
            mAnimationView.requestLayout();
            if(mEnd != 0){
                mAnimationView.setVisibility(View.GONE);
            }
        }
    }

}

3、布局：
3.1、activity_list_view

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:paddingBottom="@dimen/activity_vertical_margin"
                android:paddingLeft="@dimen/activity_horizontal_margin"
                android:paddingRight="@dimen/activity_horizontal_margin"
                android:paddingTop="@dimen/activity_vertical_margin"
    >

    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />

</RelativeLayout>

3.2、child_item

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/black">

    <TextView
        android:id="@+id/child_text"
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:layout_centerVertical="true"
        android:layout_marginLeft="20dp"
        android:gravity="center_vertical"
        android:text="喜欢"
        android:textColor="#ffb3b3b3"
        android:textSize="17sp" />

    <View
        android:layout_width="wrap_content"
        android:layout_height="1.0dip"
        android:layout_alignParentBottom="true"
        android:background="@android:color/white" />
</RelativeLayout>

3.3、group_item

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:id="@+id/name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:textSize="30sp"
        />

    <LinearLayout
        android:id="@+id/child_layout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"/>

    <View
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:background="#00dddd"/>

</LinearLayout>

4、MainActivity 

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.widget.AdapterView;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends Activity {

    private ListView mListView;

    private List<ListItem> mList;

    private ListItemAdapter mListAdapter;

    private ListItemAdapter.ViewHolder mLastViewTag = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list_view);

        init();
    }

    public void init() {

        mListView = (ListView) findViewById(R.id.list_view);
        mList = new ArrayList<ListItem>();

        List<String> tempArray1 = new ArrayList<String>();
        tempArray1.add("第一条");
        tempArray1.add("第二条");

        List<String> tempArray2 = new ArrayList<String>();
        tempArray2.add("第一条");
        tempArray2.add("第二条");
        tempArray2.add("第三条");

        List<String> tempArray3 = new ArrayList<String>();
        tempArray3.add("第一条");
        tempArray3.add("第二条");
        tempArray3.add("第三条");
        tempArray3.add("第四条");

        for (int i = 0; i < 10; i++) {
            ListItem item = new ListItem();

            item.setName("name" + i);

            if (i == 0) {
                item.setChildrenList(tempArray1);
            } else if (i == 1) {
                item.setChildrenList(tempArray2);
            } else if (i == 3) {
                item.setChildrenList(tempArray3);
            } else {
                item.setChildrenList(tempArray1);
            }

            mList.add(item);
        }

        mListAdapter = new ListItemAdapter(this, mList);
        mListView.setAdapter(mListAdapter);


        mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, final int position, long id) {
                mListAdapter.setPosition(position);

                //将上一个展开的view 收缩
                if (mLastViewTag != null) {
                    View previousView = parent.findViewWithTag(mLastViewTag);
                    if (previousView != null) {
                        View childrenView = previousView.findViewById(R.id.child_layout);
                        if (childrenView != null
                                && (childrenView.getVisibility() != View.GONE)) {
                            childrenView.startAnimation(new ViewExpandAnimation(
                                    childrenView));
                        }
                    }
                }

                //记录当前item的Tag
                mLastViewTag = (ListItemAdapter.ViewHolder) view.getTag();

                //展开当前点击的item
                View childrenLayout = view.findViewById(R.id.child_layout);
                ViewExpandAnimation expandAnimation = new ViewExpandAnimation(childrenLayout);

                expandAnimation.setAnimationListener(new Animation.AnimationListener() {
                    @Override
                    public void onAnimationStart(Animation animation) {
                    }

                    @Override
                    public void onAnimationEnd(Animation animation) {
                        //item展开结束后，将当前item平滑滚动到顶部
                        mListView.smoothScrollToPositionFromTop(position, 1, 200);
                    }

                    @Override
                    public void onAnimationRepeat(Animation animation) {
                    }
                });

                childrenLayout.startAnimation(expandAnimation);
            }
        });
    }
}

5、ListItemAdapter

import android.content.Context;
import android.util.DisplayMetrics;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.TextView;

import java.util.List;

public class ListItemAdapter extends BaseAdapter {

    private List<ListItem> mList;
    private Context mContext;

    private int mPosition = -1;
    private DisplayMetrics mDisplayMetrics;
    private LayoutInflater mInflater;

    public ListItemAdapter(Context context, List<ListItem> mList) {
        this.mList = mList;
        this.mContext = context;
        this.mDisplayMetrics = mContext.getResources().getDisplayMetrics();
        this.mInflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        return mList.size();
    }

    @Override
    public Object getItem(int position) {
        return mList.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;

        if (convertView == null) {
            holder = new ViewHolder();
            convertView = mInflater.inflate(R.layout.group_item,null);
            holder.childrenLayout = (LinearLayout) convertView.findViewById(R.id.child_layout);
            holder.name = (TextView) convertView.findViewById(R.id.name);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }

        ListItem item = mList.get(position);

        holder.name.setText(item.getName());

        if (holder.childrenLayout.getChildCount() > 0) {
            holder.childrenLayout.removeAllViews();
        }

        //动态加载子view布局
        int size = item.getChildrenList().size();
        for (int i = 0; i < size; i++) {
            View childrenView = mInflater.inflate(R.layout.child_item, null);
            TextView name = (TextView) childrenView.findViewById(R.id.child_text);
            name.setText(item.getChildrenList().get(i));
            holder.childrenLayout.addView(childrenView);
        }

        //这里很重要，计算当前要展开view的高度
        LinearLayout childrenLayout = (LinearLayout) convertView.findViewById(R.id.child_layout);
        int widthSpec = View.MeasureSpec.makeMeasureSpec((int) (mDisplayMetrics.widthPixels -
                10 * mDisplayMetrics.density), View.MeasureSpec.EXACTLY);
        childrenLayout.measure(widthSpec, 0);
        LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) childrenLayout.getLayoutParams();

        if(mPosition == position) {
            params.bottomMargin = 0;
            childrenLayout.setVisibility(View.VISIBLE);
        } else {
            params.bottomMargin = -childrenLayout.getMeasuredHeight();
            childrenLayout.setVisibility(View.GONE);
        }

        return convertView;
    }


    public void setPosition(int position) {
        mPosition = position;
    }

    public  static class ViewHolder {
        TextView name;
        LinearLayout childrenLayout;
    }
}
夜尽天明89
关注
专栏目录
android listview item 动画效果,listview点击item动画效果
weixin_33218578的博客
05-26 841
问题如下图：第一次点击时，动画效果没错。但第二次点击时，两个白色的item都动了。貌似是上次的动画又播了一遍，求指导决方法。重写了baseAdapter，classMusicListAdapterextendsBaseAdapter。getView如下，仅设置了选中字体和非选中字体静态效果。classMusicListAdapterextendsBaseAdapter{@Overrid...
Android:ListView设置item点击背景效果
热门推荐
MichaelX的专栏
10-17 1万+
背景交代 项目中有一个ListView，并且设置了onItemClickListener，当点击item的时候跳转到另一个Fragment，我仅仅在跳转前加了一个if判断之后，点击效果背景色居然变了！！！。我删除判断后，还是不行啊，可是项目急着上线，要想保持原来的点击效果背景色，只能使用selector了。
listview item点击效果
oYongLiang1的博客
08-27 285
android:listselector = 设置点击颜色
推荐项目： AnimationListView —— 让列表动起来的神器
最新发布
gitblog_00293的博客
08-25 182
推荐项目： AnimationListView —— 让列表动起来的神器 AnimationListViewCustom ListView with automatically animated inserts, deletions and permutations项目地址:https://gitcode.com/gh_mirrors/an/AnimationListView 在移动应用开发中，...
ListView 的 item 点击效果
a907763895的专栏
09-26 1万+
在item的布局文件中设置background属性，如：     xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical"     android:layout_width="match_parent"     android:minHeight="?a
android listview item背景色点击效果实例
12-29
android listview 列表点击时改变点击颜色效果，本人抽空开发，亲测，有需要的可以下载
AppDemo:ListView item 展开动画效果
05-14
`AppDemo:ListView item 展开动画效果`这个项目着重展示了如何为ListView的每个条目添加展开动画，以提升用户体验。在这个项目中，我们将探讨以下几个关键知识点： 1. **ListView**: ListView是Android SDK中的一个...
点击listview的item，带动画效果的展开详情（二）
u014620028的专栏
11-14 1943
点击listview的item，带动画效果的展开详情
ListView Item点击展开隐藏项
01-28
总结来说，实现`ListView`的`Item`点击展开隐藏项涉及到Android UI的多个方面，包括事件处理、视图状态管理和动画效果。通过理解和实践这些技术，你可以创建更加丰富的用户界面，提升用户体验。
listView item点击展开
11-18
在许多应用中，我们经常需要实现ListView的一项功能：当用户点击某一个item时，该item能够展开以显示更多的详细信息。这个功能可以增强用户体验，使得信息展示更加直观且节省空间。本小栗子（示例）将教你如何在...
android ListView Item展开效果
05-15
然而，仅使用基本的ListView有时无法满足复杂的交互需求，例如，我们可能需要在ListView的每一项（Item）上实现点击后展开子项的效果。这就涉及到了“android ListView Item展开效果”的实现。 ListView的Item展开...
android动画实现ListView折叠展开
04-03
点击header展开listview，再次点击收起listview，过程采用android原生动画实现。
ListView的Item点击效果
左手木亽
06-25 3692
在之前弄这个效果说真的很不明智,我是在Item的布局文件加个selector的xml文件来实现ListView的Item点击效果.。 这个算是我自己记录以后该如何使用的另一种方式：     新建一个Item的selector.xml文件如下：                 在需要ListView的地方引入android:listSelector="@drawable
android dialog中listview的item点击效果
u013289262的专栏
04-05 955
在手机android5.0的系统以上，在dialog中需要添加一个listview，但是该listview的item点击没有波纹效果，而是以前老版本的效果，不明原因，试了很多方法。这里说说解决的办法。 首先，先说说我的这个dialog是public class ListDialog extends Dialog{}，在构造函数里面用setContentView(R.layout.send_requ
listview的item点击效果设置
飞流直下三千尺
11-10 719
今天遇到个问题，需要把listview的点击效果去掉，于是上网查了下，在listview的xml里设置一个属性就可以设置点击效果了 那就是 android:listSelector ，如果想把Listview设置成没有点击效果，那么就设置为 android:listSelector="#00000000" 
android listview item 点击效果,android listview item点击后，显示点击效果
weixin_39915308的博客
05-26 795
最近遇到了一个问题，在用到listview时，想在listview的item点击后显示高亮的效果，但是在activity中写listview的onitemclick事件中写变色效果后，点击可以变色，但是在listview滑动后，这个效果竟然消失了?很是纠结，为什么呢？原因没有搞太懂，好像是在滑动的时候又触发了adapter，所以导致效果消失。后来找到一种解决办法，分享下：在listview的ada...
android listview item添加动画,android 增加listview gridview recyclerviewlist 动画效果(翻转/加载)...
weixin_42220853的博客
05-30 284
【实例简介】【实例截图】【核心代码】/** Copyright (C) 2015 Two Toasters** Licensed under the Apache License, Version 2.0 (the "License");* you may not use this file except in compliance with the License.* You may obtai...
android listview item 展开动画,android的ListView点击item使item展开的做法的实现代码
weixin_39850787的博客
05-26 120
本文介绍了android的ListView点击item使item展开的做法的实现代码，分享给大家，具体如下：效果图:原理是点击item的时候,重新measure list的各个item的高度list.setOnItemClickListener(new OnItemClickListener() {@Overridepublic void onItemClick(AdapterView> p...
Listview的点击效果
weixin_34319640的博客
11-27 91
为什么80%的码农都做不了架构师？>>> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值