Android仿QQ好友列表实现列表收缩与展开

ExpandableListView是一个垂直滚动显示两级列表项的视图,与ListView不同的是,它可以有两层:每一层都能够被独立的展开并显示其子项。
好友QQ列表,可以展开,可以收起,在android中,以往用的比较多的是listview,虽然可以实现列表的展示,但在某些情况下,我们还是希望用到可以分组并实现收缩的列表,那就要用到android的ExpandableListView,今天研究了一下这个的用法,也参考了很多资料动手写了一个小demo,实现了基本的功能,下面直接上效果图以及源代码~!
本文效果:

一、实现原理
1、首先必须在布局文件中定义一个ExpandableListView
2、其次创建一级条目对应的布局文件group
3、创建二级条目对应的布局文件child
4、加载ExpandableListView组件的Activity必须继承自ExpandableListActivity
二、布局与代码
1、首先在主布局中activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical" > 

  <ExpandableListView
    android:id="@id/android:list"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" /> 

</LinearLayout>

2、其次在drawable文件夹定义布局一级列表groups.xml

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
>
  <TextView
    android:id="@+id/textGroup"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingLeft="40px"
    android:paddingTop="6px"
    android:paddingBottom="6px"
    android:textSize="25sp"
    android:text="No data"
  /> 

</LinearLayout>

3、接着在drawable文件夹定义布局二级列表childs.xml

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
>
   <TextView
    android:id="@+id/textChild"
  android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingLeft="60px"
    android:paddingTop="10px"
    android:paddingBottom="10px"
    android:textSize="20sp"
  android:text="No Data"
/> 

</LinearLayout>

4、然后就是初始化和使用了

package com.example.expandablelistview; 

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.os.Bundle;
import android.app.ExpandableListActivity;
import android.util.DisplayMetrics;
import android.view.View;
import android.widget.ExpandableListView;
import android.widget.SimpleExpandableListAdapter;
import android.widget.Toast; 

public class MainActivity extends ExpandableListActivity {
  /**
   * 创建一级条目容器
   */
  List<Map<String, String>> gruops = new ArrayList<Map<String, String>>();
  /**
   * 存放内容, 以便显示在列表中
   */
  List<List<Map<String, String>>> childs = new ArrayList<List<Map<String, String>>>(); 

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

  /**
   * 设置列表内容
   */
  public void setListData() {
    // 创建二个一级条目标题
    Map<String, String> title_1 = new HashMap<String, String>();
    Map<String, String> title_2 = new HashMap<String, String>();
    Map<String, String> title_3 = new HashMap<String, String>();
    title_1.put("group", "林炳文");
    title_2.put("group", "文炳林");
    gruops.add(title_1);
    gruops.add(title_2); 

    // 创建二级条目内容
    // 内容一
    Map<String, String> title_1_content_1 = new HashMap<String, String>();
    Map<String, String> title_1_content_2 = new HashMap<String, String>();
    Map<String, String> title_1_content_3 = new HashMap<String, String>();
    title_1_content_1.put("child", "工人");
    title_1_content_2.put("child", "学生");
    title_1_content_3.put("child", "农民"); 

    List<Map<String, String>> childs_1 = new ArrayList<Map<String, String>>();
    childs_1.add(title_1_content_1);
    childs_1.add(title_1_content_2);
    childs_1.add(title_1_content_3); 

    // 内容二
    Map<String, String> title_2_content_1 = new HashMap<String, String>();
    Map<String, String> title_2_content_2 = new HashMap<String, String>();
    Map<String, String> title_2_content_3 = new HashMap<String, String>();
    title_2_content_1.put("child", "猩猩");
    title_2_content_2.put("child", "老虎");
    title_2_content_3.put("child", "狮子");
    List<Map<String, String>> childs_2 = new ArrayList<Map<String, String>>();
    childs_2.add(title_2_content_1);
    childs_2.add(title_2_content_2);
    childs_2.add(title_2_content_3); 

    childs.add(childs_1);
    childs.add(childs_2); 

    /**
     * 创建ExpandableList的Adapter容器 参数: 1.上下文 2.一级集合 3.一级样式文件 4. 一级条目键值
     * 5.一级显示控件名 6. 二级集合 7. 二级样式 8.二级条目键值 9.二级显示控件名
     *
     */
    SimpleExpandableListAdapter sela = new SimpleExpandableListAdapter(
        this, gruops, R.drawable.groups, new String[] { "group" },
        new int[] { R.id.textGroup }, childs, R.drawable.childs,
        new String[] { "child" }, new int[] { R.id.textChild });
    // 加入列表
    setListAdapter(sela);
  } 

  /**
   * 列表内容按下
   */
  @Override
  public boolean onChildClick(ExpandableListView parent, View v,
      int groupPosition, int childPosition, long id) {
    Toast.makeText(
        MainActivity.this,
        "您选择了"
            + gruops.get(groupPosition).toString()
            + "子编号"
            + childs.get(groupPosition).get(childPosition)
                .toString(), Toast.LENGTH_SHORT).show();
    return super.onChildClick(parent, v, groupPosition, childPosition, id);
  } 

  /**
   * 二级标题按下
   */
  @Override
  public boolean setSelectedChild(int groupPosition, int childPosition,
      boolean shouldExpandGroup) {
    return super.setSelectedChild(groupPosition, childPosition,
        shouldExpandGroup);
  } 

  /**
   * 一级标题按下
   */
  @Override
  public void setSelectedGroup(int groupPosition) {
    super.setSelectedGroup(groupPosition);
  }
}

5、效果
这是我手机上的效果,点击工人。学生等二级列表时,我手机上会有提示框出现的,但是不知为什么录制下来就是没有。

三、自定义列表图标
上面的图标是系统自己生成的,下面我们要改成自己的
1、更改自定义图标
在drawable文件夹下新建expandablelistview_change.xml

<?xml version = "1.0"  encoding = "utf-8"?>
<selector  xmlns:android = "http://schemas.android.com/apk/res/android" >
   <item android:state_expanded = "true"  android:drawable = "@drawable/w2"/>
   <item android:drawable = "@drawable/w1"/>
</selector >

2、修改上面布局Activity.main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical" > 

  <ExpandableListView
    android:id="@id/android:list"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#f5f5f5"
    android:cacheColorHint="#f5f5f5"
    android:groupIndicator="@drawable/expandablelistview_change" /> 

</LinearLayout>

其实就是加了一句
android:groupIndicator="@drawable/expandablelistview_change" 
下面我们再来看看效果:

 

四、图标放置右边
在上面MainActivity.java的函数setListData()加中:

// 得到屏幕的大小
DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
//图标设置在右边
getExpandableListView().setIndicatorBounds(dm.widthPixels-60, dm.widthPixels); // 设置指示图标的位置

效果:

以上就是本文的全部内容,希望对大家的学习Android软件编程有所帮助。

时间: 2015-12-29

Android仿QQ好友列表分组实现增删改及持久化

Android自带的控件ExpandableListView实现了分组列表功能,本案例在此基础上进行优化,为此控件添加增删改分组及子项的功能,以及列表数据的持久化. Demo实现效果: GroupListDemo具体实现: ①demo中将列表页面设计为Fragment页面,方便后期调用:在主界面MainActivity中动态添加GroupListFragment页面: MainActivity.java package com.eric.grouplistdemo; import android

android编程实现悬浮窗体的方法

本文实例讲述了android编程实现悬浮窗体的方法.分享给大家供大家参考,具体如下: 突然对悬浮窗体感兴趣,查资料做了个小Demo,效果是点击按钮后,关闭当前Activity,显示悬浮窗口,窗口可以拖动,双击后消失.效果图如下: 它的使用原理很简单,就是借用了WindowManager这个管理类来实现的. 1.首先在AndroidManifest.xml中添加使用权限: 复制代码 代码如下: <uses-permission android:name="android.permission

Android实现桌面悬浮窗、蒙板效果实例代码

现在很多安全类的软件,比如360手机助手,百度手机助手等等,都有一个悬浮窗,可以飘浮在桌面上,方便用户使用一些常用的操作. 今天这篇文章,就是介绍如何实现桌面悬浮窗效果的. 首先,看一下效果图. 悬浮窗一共分为两个部分,一个是平常显示的小窗口,另外一个是点击小窗口显示出来的二级悬浮窗口. 首先,先看一下这个项目的目录结构. 最关键的就是红框内的四个类. 首先,FloatWindowService是一个后台的服务类,主要负责在后台不断的刷新桌面上的小悬浮窗口,否则会导致更换界面之后,悬浮窗口也会随

android 添加随意拖动的桌面悬浮窗口

用过新版本android 360手机助手都人都对 360中只在桌面显示一个小小悬浮窗口羡慕不已吧? 其实实现这种功能,主要有两步: 1.判断当前显示的是为桌面.这个内容我在前面的帖子里面已经有过介绍,如果还没看过的赶快稳步看一下哦. 2.使用windowManager往最顶层添加一个View .这个知识点就是为本文主要讲解的内容哦.在本文的讲解中,我们还会讲到下面的知识点: a.如果获取到状态栏的高度 b.悬浮窗口的拖动 c.悬浮窗口的点击事件 有开始之前,我们先来看一下效果图:  接下来我们来

android开发教程之使用listview显示qq联系人列表

首先还是xml布局文件,在其中添加ListView控件: 主布局layout_main.xml 复制代码 代码如下: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"

Android仿QQ列表左滑删除操作

最近学习了如何做一个像QQ的左滑RecyclerView的item显示选项的,主要是用到Scroller 我们首先新建一个自己的RecyclerView 定义好一些要用的的变量 重写构造方法,把前两个构造方法改为如下,使无论如何构造都要执行第三个构造方法 在第三个构造方法里初始化Scroller public class LeftSwipeMenuRecyclerView extends RecyclerView { //置顶按钮 private TextView tvTop; //删除按钮 p

Android UI仿QQ好友列表分组悬浮效果

本文实例为大家分享了Android UI仿QQ好友列表分组悬浮效果的具体代码,供大家参考,具体内容如下 楼主是在平板上測试的.图片略微有点大,大家看看效果就好 接下来贴源代码: PinnedHeaderExpandableListView.java 要注意的是 在 onGroupClick方法中parent.setSelectedGroup(groupPosition)这句代码的作用是点击分组置顶, 我这边不须要这个效果.QQ也没实用到,所以给凝视了.大家假设须要能够解开凝视 package c

Android开发悬浮按钮 Floating ActionButton的实现方法

一.介绍 这个类是继承自ImageView的,所以对于这个控件我们可以使用ImageView的所有属性 android.support.design.widget.FloatingActionButton 二.使用准备, 在as 的 build.grade文件中写上 compile 'com.android.support:design:22.2.0' 三.使用说明 xml文件中,注意蓝色字体部分 <android.support.design.widget.FloatingActionButt

Android自定义ListView实现仿QQ可拖拽列表功能

我们大致的思路,其实是这样子的,也是我的设想,我们可以先去实现一个简单的ListView的数据,但是他的Adapter,我们可以用系统封装好的,然后传递进去一个实体类,最后自定义一个listview去操作,所以我们先把准备的工作做好,比如? list_item.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.a

Android实现类似360,QQ管家那样的悬浮窗

一.前言: 我手机从来不装这些东西,不过,有次看到同事的android手机上,有个QQ管家在桌面上浮着,同事拖动管家时,管家就变成一只鸟,桌面下方还有个弹弓,桌面顶部有只乌鸦,把管家也就是鸟拖动到弹弓那,然后,松手,鸟就飞出去.这个过程是动画过程,做的事,实际上是清楚内存. 二:原理: 其实,没什么原理,用到的就是WindowManager以及WindowManager.LayoutParams,对这个LayoutParams做文章,当设置为属性后,然后,创建一个View,将这个View添加到W

Android 8.0如何完美适配全局dialog悬浮窗弹出

前言 最近项目targetSdkVersion升级到了26,出现很多问题趟了很多坑,其中就包括本篇的需要解决的问题:全局dialog 不显示. 出现场景 有时候我们需要在App中弹dialog,但是却不知道依附的是哪个Activity,这个时候通常会启动一个service来依附,显示一个全局的dialog. Android 6.0出现的悬浮窗权限 为什么从6.0说起? 在Android6.0之后,使用悬浮窗功能需要申请开启悬浮窗权限,在API23以下版本编译,悬浮窗权限关闭的,但是没有权限限制,

Android实现类似qq微信消息悬浮窗通知功能

实现方法:(需要开启悬浮窗通知权限.允许应用在其他应用上显示) 一.利用headsup 悬挂式Notification,他是5.0中新增的,也就是API中的Headsup的Notification,可以在不打断用户操作的时候,给用户通知 二.使用Window创建悬浮窗 当window属性设置为FLAGE_NOT_FOCUSABLE表示不需要获取焦点,也不需要接受各种输入事件,此标记会同时启用FLAGE_NOT_TOUCH_MODEL,最终事件会直接传递给下层具有焦点的Widow FLAGE_NO

Android实现仿360桌面悬浮清理内存

今天闲来无事写了一个清内存的小东西,类似360,在桌面上悬浮,点击后清除后台无用程序,清除后台程序是通过调用ActivityManger.killBackgroundProcesses的方式来进行的,这样的方式有个不好的地方,就是重要性级别设置的高的应用杀不掉.关键代码如下所示 ActivityManager mActivityManager = MyManager.getActivityManager(mContext); List<ActivityManager.RunningAppProc

Android 悬浮窗权限各机型各系统适配大全(总结)

这篇博客主要介绍的是 Android 主流各种机型和各种版本的悬浮窗权限适配,但是由于碎片化的问题,所以在适配方面也无法做到完全的主流机型适配,这个需要大家的一起努力,这个博客的名字永远都是一个将来时. 悬浮窗适配 悬浮窗适配有两种方法:第一种是按照正规的流程,如果系统没有赋予 APP 弹出悬浮窗的权限,就先跳转到权限授权界面,等用户打开该权限之后,再去弹出悬浮窗,比如 QQ 等一些主流应用就是这么做得:第二种就是利用系统的漏洞,绕过权限的申请,简单粗暴,这种方法我不是特别建议,但是现在貌似有些

Android悬浮窗的实现(易错点)

0. 前言 现在很多应用都使用到悬浮窗,例如微信在视频的时候,点击Home键,视频小窗口仍然会在屏幕上显示.这个功能在很多情况下都非常有用.那么今天我们就来实现一下Android悬浮窗,以及探索一下实现悬浮窗时的易错点. 1. 实现原理 1.1 悬浮窗插入接口 在实现悬浮窗之前,我们需要知道通过什么接口,能够将一个控件放入到屏幕中去. Android的界面绘制,都是通过WindowMananger的服务来实现的.那么,既然要实现一个能够在自身应用以外的界面上的悬浮窗,我们就要利用WindowMa

Android仿360桌面手机卫士悬浮窗效果

大家好,今天给大家带来一个仿360手机卫士悬浮窗效果的教程,在开始之前请允许我先说几句不相干的话. 不知不觉我发现自己接触Android已有近三个年头了,期间各种的成长少不了各位高手的帮助,总是有很多高手喜欢把自己的经验写在网上,供大家来学习,我也是从中受惠了很多,在此我深表感谢.可是我发现我却从来没有将自己平时的一些心得拿出来与大家分享,共同学习,太没有奉献精神了.于是我痛定思痛,决定从今天开始写博客,希望可以指点在我后面的开发者,更快地进入Android开发者的行列当中. 好了,废话就说这么

WPF实现类似360安全卫士界面的程序源码分享

下面通过图文并茂的方式给大家介绍WPF实现类似360安全卫士界面的程序源码分享,点击此处下载源码哦. 以前学习Windows Form编程的时候,总感觉自己做的界面很丑,看到360安全卫士.迅雷等软件的UI设计都非常美观,心里总是憧憬着要是自己能实现这样的UI效果该多好!!!另一个困扰我的问题是,这个UI皮肤是如何用技术实现的呢?!虽然好多年过去了,但心里的憧憬和疑惑一直没有消失,而且越来越强烈.在日常的工作和学习中,自己在网上也经常留意类似的技术或者文章.最近在学习WPF的过程中,看到网上也有

Android开发实现仿QQ消息SwipeMenuListView滑动删除置顶功能【附源码下载】

本文实例讲述了Android开发实现仿QQ消息SwipeMenuListView滑动删除置顶功能.分享给大家供大家参考,具体如下: 一.先来效果图 二.实现步骤: 1. 在项目build.gradle里面添加包 compile 'com.baoyz.swipemenulistview:library:1.3.0' 2. xml布局文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

Android实现类似iOS风格的对话框实例代码

分享一个简单的常用的对话框类,按照国际惯例,先上图 布局简单,先上布局.一个标题,一个内容,两个按钮 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout an