一步一步带你实现ListView动画展开布局， ExpandableLayout实现

最新推荐文章于 2024-07-05 20:53:24 发布

置顶

张燕茹

最新推荐文章于 2024-07-05 20:53:24 发布

阅读量9.4k

点赞数 3

分类专栏： android 文章标签： listview expandable android

本文链接：https://blog.csdn.net/u010335298/article/details/51212275

版权

本文详细介绍了如何在Android中使用ExpandableLayout实现ListView点击展开菜单的功能，包括添加动画效果和确保仅一个菜单项展开。通过自定义Adapter、设置点击事件、属性动画以及自定义ListView来实现优化。

摘要由CSDN通过智能技术生成

做项目的时候，需要一种listview,点击item的时候在item的下方展开一个菜单，于是在gituhub上找到了源码： ExpandableLayout,地址： https://github.com/traex/ExpandableLayout

这个项目实现的效果如下：
这里写图片描述
上一篇我已经讲解了这个项目的原理，有兴趣的同学可以点击这里看源码解析：
http://blog.csdn.net/u010335298/article/details/51193565

今天我们主要是从开发者的角度一步一步的实现一个类似的效果。

点击listview的item显示和隐藏菜单的实现

也许你会想，这不是很简单吗？设置listview的item的点击事件控制view的显示隐藏就可以了。真的可以吗？我们来试试。

我们先定义adapter使用的xml , expandable_layout_item_layout.xml如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <TextView android:id="@+id/item_layout"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center"
        android:textColor="@color/gray_333333"
        android:textStyle="bold"
        android:paddingLeft="20dp"
        android:background="@color/gray_light"/>

    <FrameLayout android:id="@+id/menu_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:visibility="gone">
        <TextView android:id="@+id/menu_tv"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:gravity="center"
            android:textColor="@color/gray_333333"
            android:textStyle="bold"
            android:paddingLeft="20dp"
            android:background="@color/green_light" />
    </FrameLayout>


</LinearLayout>

可以看到我们从上而下分别展示了item_layout和menu_layout,menu_layout不可见
接下来实现我们的adapter,ExpandableLayoutAdapter

package com.example.myapp.adapter;

import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Filter;
import android.widget.Filterable;
import android.widget.FrameLayout;
import android.widget.TextView;

import com.example.myapp.R;
import com.example.myapp.util.Methods;

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

/**
 * Created by zyr
 * DATE: 15-11-26
 * Time: 下午2:52
 * Email: yanru.zhang@renren-inc.com
 */
public class ExpandableLayoutAdapter extends BaseAdapter{
   
    public List<String> arrayList = new ArrayList<String>();
    private Context context;

    public ExpandableLayoutAdapter(Context context){
        this.context = context;
    }
    public ExpandableLayoutAdapter(Context context, List<String> arrayList){
        this.context = context;
        this.arrayList = new ArrayList<String>(arrayList);
    }

    public void setData(List<String> array){
        if(array ==null){
            return;
        }
        arrayList = new ArrayList<String>(array);
        notifyDataSetChanged();
    }
    @Override
    public int getCount() {
        return arrayList.size();
    }

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

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

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        final ViewHolder viewHolder;
        if(convertView ==null){
            convertView = LayoutInflater.from(context).inflate(R.layout.expandable_layout_item_layout,null);
            viewHolder = new ViewHolder(convertView);
            convertView.setTag(viewHolder);
        }else{
            viewHolder = (ViewHolder)convertView.getTag();
        }

        viewHolder.itemTv.setText(arrayList.get(position));
        viewHolder.menuTv.setText("menu " + position + "!!!!") ;
        viewHolder.itemTv.setOnClickListener(new View.OnCl