androidListView显示和隐藏二级内容

作者：非常名花有主 | 来源：互联网 | 2023-06-24 19:58

1.概述android开发中，有时候发现ListView每一项内容比较多，展现全部内容会影响美观，且整个手机屏显示不了几条记录。这时需要筛选重点内容进行显示，而其他内容隐藏起来，当用户点击感兴趣的记录

1.概述 android开发中，有时候发现ListView每一项内容比较多，展现全部内容会影响美观，且整个手机屏显示不了几条记录。这时需要筛选重点内容进行显示，而其他内容隐藏起来，当用户点击感兴趣的记录时才显示其他相对次要或详细信息。
本文将介绍一种实现上述功能点的listview使用样例，希望有所帮助！先上图：
截图1

2.代码实现首先，介绍数据对象，比较简单。

package com.example.dropdownlist;

public class ListItem {
public String title;
public String subTitle;
}

接下来，介绍MainActivity，其中，最重要的是MyAdapter对象adapter。后面将重点介绍该adapter是如何实现显示/隐藏二级内容的。

package com.example.dropdownlist;

import java.util.ArrayList;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ListView;

public class MainActivity extends Activity {

private ListView lvContent;

private ArrayList alItems;
private MyAdapter adapter;

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

lvCOntent= (ListView) this.findViewById(R.id.lv_content);

initData();
}

/**
 * 初始化内容
 */
private void initData()
{
alItems = new ArrayList();

// 一共20个item
for (int i = 0; i <20; i++) {
ListItem item = new ListItem();
item.title = "Title - " + i;
item.subTitle = "Subtitle - " + i;
alItems.add(item);
}

adapter = new MyAdapter(this, alItems);
lvContent.setAdapter(adapter);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}

}

下面是activity_main.xml布局文件，简单，就一个ListView。


    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    tools:cOntext=".MainActivity" >

     android:id="@+id/lv_content"       
      android:layout_ 
      android:layout_
      android:choiceMode="singleChoice"
      android:scrollbars="none"
      android:cacheColorHint="@android:color/transparent"
      />

接下来是list_item.xml布局文件，表示每一个ListView item包含哪些内容。


    android:layout_
    android:layout_
    android:layout_margin="0.0dip"
    android:orientation="vertical" >

            android:id="@+id/rl_top_bar"
        android:layout_
        android:layout_
        android:layout_margin="0.0dip"
        android:background="@drawable/bg_list_item"
        android:clickable="true"
        android:padding="5.0dip" >

                    android:id="@+id/iv_logo"
            android:layout_
            android:layout_
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:background="@drawable/shape_imageview"
            android:src="@drawable/default_pic"
            android:layout_marginLeft="10dip"
            android:padding="2.0dip" />

                    android:layout_
            android:layout_
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/iv_logo"
            android:orientation="vertical"
            android:paddingLeft="5dip" >

                            android:id="@+id/tv_title"
                android:layout_
                android:layout_
                android:singleLine="true"
                android:textColor="@color/white"
                android:textSize="18sp"
                android:layout_marginLeft="5dip"
                android:text />

                            android:id="@+id/tv_subtitle"
                android:layout_
                android:layout_
                android:singleLine="true"
                android:textColor="@color/white"
                android:textSize="16sp"
                android:layout_marginLeft="10dip" />
        
    

            android:id="@+id/ll_bottom_bar"
        android:layout_
        android:layout_
        android:background="@drawable/bkg_drop_area"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:padding="5dip"
        android:visibility="gone" >

                    android:id="@+id/tv_btn1"
            android:layout_
            android:layout_
            android:layout_weight="1.0"
            android:drawableTop="@drawable/bg_btn"
            android:gravity="center_horizontal"
            android:padding="3dip"
            android:text="@string/tv_btn1"
            android:textColor="@color/white"
            android:textSize="12sp" >
        

                    android:id="@+id/tv_btn2"
            android:layout_
            android:layout_
            android:layout_weight="1.0"
            android:drawableTop="@drawable/bg_btn"
            android:gravity="center_horizontal"
            android:padding="3dip"
            android:text="@string/tv_btn2"
            android:textColor="@color/white"
            android:textSize="12sp" >
        

                    android:id="@+id/tv_btn3"
            android:layout_
            android:layout_
            android:layout_weight="1.0"
            android:drawableTop="@drawable/bg_btn"
            android:gravity="center_horizontal"
            android:padding="3dip"
            android:text="@string/tv_btn3"
            android:textColor="@color/white"
            android:textSize="12sp" >

其中，需要重点关注RelativeLayout控件（android:id="@+id/rl_top_bar"）和LinearLayout控件（android:id="@+id/ll_bottom_bar"）。通过改变LinearLayout控件的visibility属性来显示或隐藏其中的子项内容，也就是二级内容。
最后，重点介绍一下MyAdapter。

package com.example.dropdownlist;

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

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.Toast;

class ViewHolder {
// 顶部控件
public RelativeLayout rlTop;
public ImageView ivLogo;
public TextView tvTitle;
public TextView tvSubTitle;
// 底部控件
public LinearLayout llBottom;
public TextView tv1;
public TextView tv2;
public TextView tv3;
}

public class MyAdapter extends BaseAdapter {

private Context mCOntext= null;
private LayoutInflater mInflater = null;
private List lData = null;
// 用一组list保存下拉状态（true - 显示下拉， false - 隐藏下拉）
public ArrayList lDropDown;

public MyAdapter(Context context, List list) {
super();
this.mCOntext= context;
this.mInflater = LayoutInflater.from(context);
this.lData = list;

// 初始状态，所有都不显示下拉
lDropDown = new ArrayList();
for (int i = 0; i lDropDown.add(false);
}
}

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

@Override
public Object getItem(int arg0) {
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= mInflater.inflate(R.layout.list_item, null);

holder.rlTop = (RelativeLayout) convertView
.findViewById(R.id.rl_top_bar);
holder.ivLogo = (ImageView) convertView.findViewById(R.id.iv_logo);
holder.tvTitle = (TextView) convertView.findViewById(R.id.tv_title);
holder.tvSubTitle = (TextView) convertView
.findViewById(R.id.tv_subtitle);
holder.llBottom = (LinearLayout) convertView
.findViewById(R.id.ll_bottom_bar);
holder.tv1 = (TextView) convertView.findViewById(R.id.tv_btn1);
holder.tv2 = (TextView) convertView.findViewById(R.id.tv_btn2);
holder.tv3 = (TextView) convertView.findViewById(R.id.tv_btn3);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}

ListItem item = lData.get(position);

holder.tvTitle.setText(item.title);
holder.tvSubTitle.setText(item.subTitle);

if (lDropDown.get(position)) {
holder.llBottom.setVisibility(View.VISIBLE);// 显示下拉内容
} else {
holder.llBottom.setVisibility(View.GONE);// 隐藏下拉内容
}

final int index = position;

// 顶部控件组（RelativeLayout）响应点击操作，用于显示/隐藏底部控件组（下拉内容）
holder.rlTop.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
boolean bFlagTemp = lDropDown.get(index);
for (int i = 0; i lDropDown.set(i, false);
}
lDropDown.set(index, !bFlagTemp);
notifyDataSetChanged();
}
});

holder.tv1.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
Toast.makeText(mContext, "list item - " + index + ", btn 1",
Toast.LENGTH_SHORT).show();
}
});

holder.tv2.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
Toast.makeText(mContext, "list item - " + index + ", btn 2",
Toast.LENGTH_SHORT).show();
}
});

holder.tv3.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
Toast.makeText(mContext, "list item - " + index + ", btn 3",
Toast.LENGTH_SHORT).show();
}
});

return convertView;
}

}

仔细观察这部分代码，大伙会发现，其实就是利用lDropDown来记录着每一项listview item二级内容的显示/隐藏状态。每次点击listview item时会改变lDropDown开关序列，并刷新整个listview来达到二级内容显示/隐藏的目的。
下面两段代码是重点：

if (lDropDown.get(position)) {
holder.llBottom.setVisibility(View.VISIBLE);// 显示下拉内容
} else {
holder.llBottom.setVisibility(View.GONE);// 隐藏下拉内容
}

// 顶部控件组（RelativeLayout）响应点击操作，用于显示/隐藏底部控件组（下拉内容）
holder.rlTop.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
boolean bFlagTemp = lDropDown.get(index);
for (int i = 0; i lDropDown.set(i, false);
}
lDropDown.set(index, !bFlagTemp);
notifyDataSetChanged();
}
});

代码部分就讲到这里，大伙可以下载源码！
3.源码 http://download.csdn.net/detail/chadeltu/8377631

推荐阅读

java
Android 中的布局方式之线性布局

nsitionalENhttp:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd ... [详细]

蜡笔小新 2024-11-22 11:20:34
version
使用TabActivity实现Android顶部选项卡功能

本文介绍如何通过继承TabActivity来创建Android应用中的顶部选项卡。通过简单的步骤，您可以轻松地添加多个选项卡，并实现基本的界面切换功能。 ... [详细]

蜡笔小新 2024-11-21 17:47:42
version
android ListView 示例3 使用 ListActivity 创建 ListView

如果程序的窗口仅仅需要显示一个列表，则可以直接让Activity集成ListActivity来实现，ListActivity的子类无须调用setContentView方法来显示某个 ... [详细]

蜡笔小新 2023-09-24 11:12:13
config
Spring AOP学习笔记Advice执行顺序

一、Advice执行顺序二、Advice在同一个Aspect中三、Advice在不同的Aspect中一、Advice执行顺序如果多个Advice和同一个JointPoint连接& ... [详细]

蜡笔小新 2024-11-21 15:28:36
config
使用 Android 的 Movie 类展示并适配 GIF 动画

本文探讨了如何利用 Android 的 Movie 类来展示 GIF 动画，并详细介绍了调整 GIF 尺寸以适应不同布局的方法。同时，提供了相关的代码示例和注意事项。 ... [详细]

蜡笔小新 2024-11-23 17:23:35
jsp
二维码的实现与应用

本文介绍了二维码的基本概念、分类及其优缺点，并详细描述了如何使用Java编程语言结合第三方库（如ZXing和qrcode.jar）来实现二维码的生成与解析。 ... [详细]

蜡笔小新 2024-11-21 17:10:15
jsp
JUnit下的测试和suite

nsitionalENhttp:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd ... [详细]

蜡笔小新 2024-11-21 16:03:49
regex
web: _show -> _info 造轮子编程

问题场景用Java进行web开发过程当中，当遇到很多很多个字段的实体时，最苦恼的莫过于编辑字段的查看和修改界面，发现2个页面存在很多重复信息，能不能写一遍？有没有轮子用都不如自己造。解决方式笔者根据自 ... [详细]

蜡笔小新 2024-11-21 10:21:24
regex
使用Service Locator模式实现高效的服务命名访问

本文探讨了如何通过Service Locator模式来简化和优化在B/S架构中的服务命名访问，特别是对于需要频繁访问的服务，如JNDI和XMLNS。该模式通过缓存机制减少了重复查找的成本，并提供了对多种服务的统一访问接口。 ... [详细]

蜡笔小新 2024-11-20 19:26:30
config
如何在PHP中安装Xdebug扩展

本文介绍了如何从PECL下载并编译安装Xdebug扩展，以及如何配置PHP和PHPStorm以启用调试功能。 ... [详细]

蜡笔小新 2024-11-20 18:31:50
command
Android与JUnit集成测试实践

本文探讨了如何在Android项目中集成JUnit进行单元测试，并详细介绍了修改AndroidManifest.xml文件以支持测试的方法。 ... [详细]

蜡笔小新 2024-11-20 18:30:14
uri
添加layout_weight后，ListView仍未对齐 - ListView is not aligned even after added layout_weight

Hereistheoutputofmycode.IcannotgetallviewsalignedineachListViewitem.Ialreadyused ... [详细]

蜡笔小新 2023-09-18 18:57:38
version
Android基础入门教程——2.4.12 ExpandableListView(可折叠列表)的基本使用

Android基础入门教程——2.4.12ExpandableListView(可折叠列表)的基本使用标签（空格分隔）：Android基础入门教程本节引言：本节要讲解的Adap ... [详细]

蜡笔小新 2023-09-18 12:56:44
version
【Android开发】 ListView使用实战详解，你get到了嘛？

【Android开发】ListView使用实战详解，你get到了嘛？-目录一、什么是ListView？二、ListView的简单用法三、ListView点击响应事件hel ... [详细]

蜡笔小新 2023-09-13 13:08:01
version
listview滚动后item高度总是不停变化

这个是listview的item布局，当在list中滚动时，每个item的高度会随机变化，导致显示混乱，多滚动几次高度又显示正常了，怎么回事呢？<?xmlversion1.0 ... [详细]

蜡笔小新 2023-09-10 17:13:10

非常名花有主

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章