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

推荐阅读

buffer
Java太阳系小游戏分析和源码详解

本文介绍了一个基于Java的太阳系小游戏的分析和源码详解。通过对面向对象的知识的学习和实践，作者实现了太阳系各行星绕太阳转的效果。文章详细介绍了游戏的设计思路和源码结构，包括工具类、常量、图片加载、面板等。通过这个小游戏的制作，读者可以巩固和应用所学的知识，如类的继承、方法的重载与重写、多态和封装等。 ... [详细]

蜡笔小新 2023-12-14 19:53:34
数组
如何在有序字符序列中插入新字符并保持有序

本文介绍了如何在给定的有序字符序列中插入新字符，并保持序列的有序性。通过示例代码演示了插入过程，以及插入后的字符序列。 ... [详细]

蜡笔小新 2023-12-14 11:16:33
get
关于cuowu类的错误提示和使用AdjustmentListener的问题

本文讨论了一个关于cuowu类的问题，作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案，并给出了两个可能导致错误的原因。 ... [详细]

蜡笔小新 2023-12-13 22:09:56
get
Golang如何使用Cookie跟踪位置

关键词：Golang, Cookie, 跟踪位置, net/http/cookiejar, package main, golang.org/x/net/publicsuffix, io/ioutil, log, net/http, net/http/cookiejar ... [详细]

蜡笔小新 2023-12-13 15:47:22
sum
[大整数乘法] java代码实现

本文介绍了使用java代码实现大整数乘法的过程，同时也涉及到大整数加法和大整数减法的计算方法。通过分治算法来提高计算效率，并对算法的时间复杂度进行了研究。详细代码实现请参考文章链接。 ... [详细]

蜡笔小新 2023-12-13 11:21:32
match
Android开发实现的计时器功能示例

本文分享了Android开发实现的计时器功能示例，包括效果图、布局和按钮的使用。通过使用Chronometer控件，可以实现计时器功能。该示例适用于Android平台，供开发者参考。 ... [详细]

蜡笔小新 2023-12-12 22:51:19
window
Go GUIlxn/walk 学习3.菜单栏和工具栏的具体实现

本文介绍了使用Go语言的GUI库lxn/walk实现菜单栏和工具栏的具体方法，包括消息窗口的产生、文件放置动作响应和提示框的应用。部分代码来自上一篇博客和lxn/walk官方示例。文章提供了学习GUI开发的实际案例和代码示例。 ... [详细]

蜡笔小新 2023-12-12 20:56:55
command
Go Cobra命令行工具入门教程

本文介绍了Go语言实现的命令行工具Cobra的基本概念、安装方法和入门实践。Cobra被广泛应用于各种项目中，如Kubernetes、Hugo和Github CLI等。通过使用Cobra，我们可以快速创建命令行工具，适用于写测试脚本和各种服务的Admin CLI。文章还通过一个简单的demo演示了Cobra的使用方法。 ... [详细]

蜡笔小新 2023-12-12 20:02:41
get
Java自带的观察者模式及实现方法详解

本文介绍了Java自带的观察者模式，包括Observer和Observable对象的定义和使用方法。通过添加观察者和设置内部标志位，当被观察者中的事件发生变化时，通知观察者对象并执行相应的操作。实现观察者模式非常简单，只需继承Observable类和实现Observer接口即可。详情请参考Java官方api文档。 ... [详细]

蜡笔小新 2023-12-12 13:52:38
get
Spring学习（4）：Spring管理对象之间的关联关系

本文是关于Spring学习的第四篇文章，讲述了Spring框架中管理对象之间的关联关系。文章介绍了MessageService类和MessagePrinter类的实现，并解释了它们之间的关联关系。通过学习本文，读者可以了解Spring框架中对象之间的关联关系的概念和实现方式。 ... [详细]

蜡笔小新 2023-12-12 13:44:30
数组
java 数组基础知识_java数组基础知识

数组的排序：数组本身有Arrays类中的sort()方法,这里写几种常见的排序方法。(1)冒泡排序法publicstaticvoidmain(String[]args ... [详细]

蜡笔小新 2023-12-11 21:29:03
get
面向对象之3：封装的总结及实现方法

本文总结了面向对象中封装的概念和好处，以及在Java中如何实现封装。封装是将过程和数据用一个外壳隐藏起来，只能通过提供的接口进行访问。适当的封装可以提高程序的理解性和维护性，增强程序的安全性。在Java中，封装可以通过将属性私有化并使用权限修饰符来实现，同时可以通过方法来访问属性并加入限制条件。 ... [详细]

蜡笔小新 2023-12-11 21:14:42
main
（三）多表代码生成的实现方法

本文介绍了一种实现多表代码生成的方法，使用了java代码和org.jeecg框架中的相关类和接口。通过设置主表配置，可以生成父子表的数据模型。 ... [详细]

蜡笔小新 2023-12-11 19:46:13
flutter
使用Flutter新的integration_test进行示例集成测试？

使用Flutternewintegration_test进行示例集成测试？回答首先在dev下的p ... [详细]

蜡笔小新 2023-10-17 13:40:53
get
python – PyQt进度在启动后跳转到100％

当我在doWork方法中运行代码时,通过单击button1,进度条按预期工作.但是,当我从其他方法(即btn2,btn3)将列表传递给doWork方法时,进度条在启动后会跳转到10 ... [详细]

蜡笔小新 2023-10-17 09:31:56

非常名花有主

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

Tags | 热门标签

RankList | 热门文章