android 实现QQ好友列表

最新推荐文章于 2021-11-29 16:41:09 发布
最新推荐文章于 2021-11-29 16:41:09 发布
阅读量167 收藏
点赞数
文章标签： 移动开发 xhtml php

在某些Android开发群里，看到有些新手问怎么实现QQ好友列表，其实网上一搜挺多的。接触Android，也才一年的时间，大部分时间花在工作上（解bug。。。），界面上开发很少参与。自己维护的系统应用里，有个ExpandableListView的界面（其实android例子APIDemo也有类似的例子）就在这里写个Demo供新手参考。        ExpandableListView的用法：难点就是重写BaseExpandableListAdapter及提供的数据源。

        下面看看继承BaseExpandableListAdapter的适配器：

代码片段，双击复制
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<SPAN xmlns= "http://www.w3.org/1999/xhtml" > package com.xyz.expande;
  
import java.util.List;
  
import android.app.AlertDialog;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ImageView;
import android.widget.TextView;
  
public class ExpandAdapter extends BaseExpandableListAdapter {
  
    private Context mContext;
    private LayoutInflater mInflater = null ;
    private String[]   mGroupStrings = null ;
    private List<List<Item>>   mData = null ;
  
    public ExpandAdapter(Context ctx, List<List<Item>> list) {
         mContext = ctx;
         mInflater = (LayoutInflater) mContext
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
         mGroupStrings = mContext.getResources().getStringArray(R.array.groups);
         mData = list;
    }
  
    public void setData(List<List<Item>> list) {
         mData = list;
    }
  
    @Override
    public int getGroupCount() {
         // TODO Auto-generated method stub
         return mData.size();
    }
  
    @Override
    public int getChildrenCount( int groupPosition) {
         // TODO Auto-generated method stub
         return mData.get(groupPosition).size();
    }
  
    @Override
    public List<Item> getGroup( int groupPosition) {
         // TODO Auto-generated method stub
         return mData.get(groupPosition);
    }
  
    @Override
    public Item getChild( int groupPosition, int childPosition) {
         // TODO Auto-generated method stub
         return mData.get(groupPosition).get(childPosition);
    }
  
    @Override
    public long getGroupId( int groupPosition) {
         // TODO Auto-generated method stub
         return groupPosition;
    }
  
    @Override
    public long getChildId( int groupPosition, int childPosition) {
         // TODO Auto-generated method stub
         return childPosition;
    }
  
    @Override
    public boolean hasStableIds() {
         // TODO Auto-generated method stub
         return false ;
    }
  
    @Override
    public View getGroupView( int groupPosition, boolean isExpanded,
             View convertView, ViewGroup parent) {
         // TODO Auto-generated method stub
         if (convertView == null ) {
             convertView = mInflater.inflate(R.layout.group_item_layout, null );
         }
         GroupViewHolder holder = new GroupViewHolder();
         holder.mGroupName = (TextView) convertView
                .findViewById(R.id.group_name);
         holder.mGroupName.setText(mGroupStrings[groupPosition]);
         holder.mGroupCount = (TextView) convertView
                .findViewById(R.id.group_count);
         holder.mGroupCount.setText( "[" + mData.get(groupPosition).size() + "]" );
         return convertView;
    }
  
    @Override
    public View getChildView( int groupPosition, int childPosition,
             boolean isLastChild, View convertView, ViewGroup parent) {
         // TODO Auto-generated method stub
         if (convertView == null ) {
             convertView = mInflater.inflate(R.layout.child_item_layout, null );
         }
         ChildViewHolder holder = new ChildViewHolder();
         holder.mIcon = (ImageView) convertView.findViewById(R.id.img);
         holder.mIcon.setBackgroundResource(getChild(groupPosition,
                childPosition).getImageId());
         holder.mChildName = (TextView) convertView.findViewById(R.id.item_name);
         holder.mChildName.setText(getChild(groupPosition, childPosition)
                .getName());
         holder.mDetail = (TextView) convertView.findViewById(R.id.item_detail);
         holder.mDetail.setText(getChild(groupPosition, childPosition)
                .getDetail());
         return convertView;
    }
  
    @Override
    public boolean isChildSelectable( int groupPosition, int childPosition) {
         // TODO Auto-generated method stub
         <SPAN style= "COLOR: #cc0000" > /*很重要：实现ChildView点击事件，必须返回true*/
</SPAN>         return true ;
    }
  
    private class GroupViewHolder {
         TextView mGroupName;
         TextView mGroupCount;
    }
  
    private class ChildViewHolder {
         ImageView mIcon;
         TextView mChildName;
  
</LinearLayout></SPAN></SPAN>


        TextView mDetail;
    }

}
</SPAN>[/mw_shl_code]

里面用到的有两个布局，GroupView（子list没展开的view）如图：  
<IGNORE_JS_OP>

1354586842_7926.png (28.18 KB, 下载次数: 3)

下载附件  保存到相册

2012-12-4 17:17 上传

 




布局group_item_layout.xml如下:

代码片段，双击复制
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<SPAN xmlns= "http://www.w3.org/1999/xhtml" ><SPAN xmlns= "http://www.w3.org/1999/xhtml" ><?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= "?android:attr/listPreferredItemHeight"
    android:orientation= "horizontal" >
  
    <TextView
         android:id= "@+id/group_name"
         android:layout_width= "wrap_content"
         android:layout_height= "?android:attr/listPreferredItemHeight"
         android:textAppearance= "?android:attr/textAppearanceMedium"
         android:layout_marginLeft= "35dip"
         android:gravity= "center_vertical"
         android:singleLine= "true" />
  
    <TextView
         android:id= "@+id/group_count"
         android:layout_width= "wrap_content"
         android:layout_height= "?android:attr/listPreferredItemHeight"
         android:textAppearance= "?android:attr/textAppearanceMedium"
         android:layout_marginLeft= "5dip"
         android:gravity= "center_vertical"
         android:singleLine= "true" />
  
</LinearLayout></SPAN></SPAN>



另外一个就是ChildView，本例仿QQ好友列表，如图：
<IGNORE_JS_OP>

1354587095_4168.png (53.2 KB, 下载次数: 4)

下载附件  保存到相册

2012-12-4 17:19 上传

 




布局child_item_layout.xml如下：

代码片段，双击复制
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<SPAN xmlns= "http://www.w3.org/1999/xhtml" ><SPAN xmlns= "http://www.w3.org/1999/xhtml" ><?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:minHeight= "@dimen/min_Height"
    <SPAN style= "COLOR: #ff0000" >android:descendantFocusability= "blocksDescendants"
</SPAN>    android:orientation= "horizontal" >
  
    <ImageButton
         android:id= "@+id/img"
         android:layout_width= "@dimen/image_width"
         android:layout_height= "@dimen/image_width"
         android:layout_marginLeft= "2dip"
         android:layout_marginRight= "10dip"
         android:layout_gravity= "center_vertical" />
  
    <LinearLayout
         android:layout_width= "wrap_content"
         android:layout_height= "match_parent"
         android:descendantFocusability= "blocksDescendants"
         android:orientation= "vertical" >
  
         <TextView
             android:id= "@+id/item_name"
             android:layout_width= "wrap_content"
             android:layout_height= "0.0dip"
             android:gravity= "center_vertical"
             android:layout_weight= "1" />
  
         <TextView
             android:id= "@+id/item_detail"
             android:layout_width= "wrap_content"
             android:layout_height= "0.0dip"
             android:gravity= "center_vertical"
             android:singleLine= "true"
             android:ellipsize= "end"
             android:layout_weight= "1" />
          
    </LinearLayout>
  
</LinearLayout></SPAN></SPAN>




适配器弄好了，ExpandableListView就用系统的，现在只剩下显示的问题啦

先来几张效果图：

<IGNORE_JS_OP>

1354587948_2449.png (256.92 KB, 下载次数: 2)

下载附件  保存到相册

2012-12-4 17:20 上传

 

    <IGNORE_JS_OP>

1354587973_5081.png (327.25 KB, 下载次数: 7)

下载附件  保存到相册

2012-12-4 17:21 上传

 



<IGNORE_JS_OP>

1354587996_4188.png (305.77 KB, 下载次数: 0)

下载附件  保存到相册

2012-12-4 17:21 上传

 

   <IGNORE_JS_OP>

1354588011_1830.png (174.7 KB, 下载次数: 0)

下载附件  保存到相册

2012-12-4 17:21 上传

 



主Activity如下：

onChildClick

代码片段，双击复制
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<SPAN xmlns= "http://www.w3.org/1999/xhtml" ><SPAN xmlns= "http://www.w3.org/1999/xhtml" > package com.xyz.expande;
  
import java.util.ArrayList;
import java.util.List;
  
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.DialogInterface.OnClickListener;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup.LayoutParams;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnChildClickListener;
  
public class HomeActivity extends Activity implements OnChildClickListener {
  
    private ExpandableListView mListView = null ;
    private ExpandAdapter mAdapter = null ;
    private List<List<Item>> mData = new ArrayList<List<Item>>();
  
    private int [] mGroupArrays = new int [] { 
             R.array.tianlongbabu,
             R.array.shediaoyingxiongzhuan, 
             R.array.shendiaoxialv };
  
    private int [] mDetailIds = new int [] { 
             R.array.tianlongbabu_detail,
             R.array.shediaoyingxiongzhuan_detail, 
             R.array.shendiaoxialv_detail };
  
    private int [][] mImageIds = new int [][] {
             { R.drawable.img_00, 
               R.drawable.img_01, 
               R.drawable.img_02 },
             { R.drawable.img_10, 
               R.drawable.img_11, 
               R.drawable.img_12,
               R.drawable.img_13, 
               R.drawable.img_14, 
               R.drawable.img_15,
               R.drawable.img_16 },
             { R.drawable.img_20,
               R.drawable.img_21 } };
  
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
         initData();
         mListView = new ExpandableListView( this );
         mListView.setLayoutParams( new LayoutParams(LayoutParams.FILL_PARENT,
                LayoutParams.FILL_PARENT));
         setContentView(mListView);
          
         mListView.setGroupIndicator(getResources().getDrawable(
                R.drawable.expander_floder));
         mAdapter = new ExpandAdapter( this , mData);
         mListView.setAdapter(mAdapter);
         mListView
                .setDescendantFocusability(ExpandableListView.FOCUS_AFTER_DESCENDANTS);
         mListView.setOnChildClickListener( this );
    }
  
    <SPAN style= "COLOR: #ff0000" > /*
      * ChildView 设置 布局很可能onChildClick进不来，要在 ChildView layout 里加上
      * android:descendantFocusability="blocksDescendants",
      * 还有isChildSelectable里返回true
      */
</SPAN>    @Override
    public boolean onChildClick(ExpandableListView parent, View v,
             int groupPosition, int childPosition, long id) {
         // TODO Auto-generated method stub
         Item item = mAdapter.getChild(groupPosition, childPosition);
         new AlertDialog.Builder( this )
                .setTitle(item.getName())
                .setMessage(item.getDetail())
                .setIcon(android.R.drawable.ic_menu_more)
                .setNegativeButton(android.R.string.cancel,
                         new OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog,
                                     int which) {
                                 // TODO Auto-generated method stub
  
                            }
                         }).create().show();
         return true ;
    }
  
    private void initData() {
         for ( int i = 0 ; i < mGroupArrays.length; i++) {
             List<Item> list = new ArrayList<Item>();
             String[] childs = getStringArray(mGroupArrays<I>);
             String[] details = getStringArray(mDetailIds<I>);
             for ( int j = 0 ; j < childs.length; j++) {
                Item item = new Item(mImageIds<I>[j], childs[j], details[j]);
                list.add(item);
             }
             mData.add(list);
         }
    }
  
    private String[] getStringArray( int resId) {
         return getResources().getStringArray(resId);
    }
  
}</SPAN></SPAN>




这这个demo的时候，想实现ChildView的点击事件，实现接口onChildClick，发现不进来，很尴尬。。。最后还是在网上找到答案了，第一，在适配器里isChildSelectable 必须返回true，第二，ChildView布局child_item_layout.xml最外层的layout设置个属性

细心的同学会发现 Item 是啥？也贴出来吧

代码片段，双击复制
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
package com.xyz.expande;
  
public class Item {
      
    private int resId;
    private String name;
    private String detail;
      
    public Item( int resId, String name, String detail) {
         this .resId  = resId;
         this .name   = name;
         this .detail = detail;
    }
      
    public void setImageId( int resId) {
         this .resId  = resId;
    }
      
    public int getImageId() {
         return resId;
    }
      
    public void setName(String name) {
         this .name   = name;
    }
      
    public String getName() {
         return name;
    }
      
    public void setDetail(String detail) {
         this .detail = detail;
    }
      
    public String getDetail() {
         return detail;
    }
      
    public String toString() {
         return "Item[" + resId + ", " + name + ", " + detail + "]" ;
    }
  
}



源码下载： <IGNORE_JS_OP>ExpandeList.zip (670.11 KB, 下载次数: 988)

2012-12-4 17:23 上传
点击文件名下载附件
下载积分: e币 -10 元
 

http://www.eoeandroid.com/forum.php?mod=misc&action=attachcredit&aid=81469&formhash=2f2ef89c

原文：http://blog.csdn.net/zhouyuanjing/article/details/8254421

weixin_34112208
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android实现微信好友列表,实现微信好友列表
weixin_42510924的博客
05-29 1531
实现微信好友列表ListView列表控件Android中的列表控件非常灵活，可以自定义每一个列表项，实际上每一个列表项就是一个View，在Android定义了3个列表控件：ListView、ExpandableListView和Spinner，其中Spinner就是在Windows中常见的下拉列表框。列表的显示需要三个元素：1.View 用来展示数据的view2.适配器 用来把数据映射到vie...
Android开发技术登录与注册界面设计实现好友列表
m0_62352452的博客
12-08 1356
android开发 点击“注册”进入到注册界面，如图“注册界面效果图”所示，注册信息填写完成后点击“注册”按钮，用Toast提示注册信息。2.Mainactivity2实现好友列表界面功能，activity_main2/main实现该界面布局。1.Mainactivity实现登录界面功能，activity_main实现该界面布局。在登录界面输入用户名“admin”，密码“abc123”后，判断用户名和密码是否正确。若用户名和密码正确，点击登录按钮，进入“好友列表界面”。设计登录界面，注册界面和好友列表界面。
Android ListView好友列表展示
qq_45688164的博客
11-29 2382
工程文件 https://download.csdn.net/download/qq_45688164/51976770 前端 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_.
android 实现QQ好友列表（ExpandableListView）
12-04
android 实现QQ好友列表（ExpandableListView) 请看博文：http://blog.csdn.net/zhouyuanjing/article/details/8254421 (有图有真相)
Android开发学习之QQ好友列表的实现
maozhuxigood
03-01 406
今天想和大家分享的是QQ好友列表的实现，我们知道，在默认情况下，QQ好友列表是处于收缩状态的，此时，列表显示好友分组名称。当我们单击分组时，列表处于展开状态，列表显示该分组下的项目。当再次单击分组时，列表恢复到收缩状态。 首先想和大家说说实现QQ好友列表的原理，我们给每个ListView的项目中嵌套一个ListView，默认情况下嵌套的ListView(子控件)是隐藏的，当单...
Android 实现QQ好友列表
03-16
在某些android开发群里，看到有些新手问怎么实现QQ好友列表，其实网上一搜挺多的。接触Android，也才一年的时间，大部分时间花在工作上（解bug。。。），界面上开发很少参与。自己维护的系统应用里，有个...
Android 实现QQ好友列表源码.zip
12-04
在这个"Android实现QQ好友列表源码"项目中，开发者可以深入理解如何在Android环境中构建这样一个功能。 1. **用户界面设计**： - 使用Android Studio中的XML布局文件来设计界面，包括RecyclerView或者ListView作为...
移动应用Android 实现QQ好友列表源码.rar
最新发布
05-20
这个"移动应用Android 实现QQ好友列表源码.rar"文件很可能是提供了一个示例项目，帮助开发者理解和学习如何在Android环境中构建这样的功能。以下是根据这个主题可能涵盖的一些关键知识点： 1. **Android Studio**：...
Android 实现QQ好友列表源码.rar
07-04
这个压缩包“Android 实现QQ好友列表源码.rar”可能包含了完成这一功能的源代码示例，我们可以从以下几个方面来分析和理解这些知识点： 1. **数据结构与数据存储**：为了展示好友列表，首先需要存储好友数据。这...
Android实现QQ好友列表源码.zip
07-10
这个"Android实现QQ好友列表源码.zip"提供了一套完整的解决方案，帮助开发者理解如何在Android应用中创建一个高效、用户友好的好友列表界面。下面我们将深入探讨这个源码中的关键知识点。 1. **RecyclerView**: 在...
android仿微信好友列表功能
01-05
android studio实现微信好友列表功能，注意有一个jar包我没有放上来，请大家到MainActivity中的那个网址里面下载即可，然后把pinyin4j-2.5.0.jar复制粘贴到项目的app/libs文件夹里面，然后clean项目就可以使用了 实现效果图： （1）在build.gradle中引用第三方的类库 compile 'com.android.support:recyclerview-v7:26.0.0-alpha1' compile files('libs/pinyin4j-2.5.0.jar') （2）在MainActivity： public class
android仿QQ好友列表左滑删除
03-07
仿qq好友列表左滑删除，并对listview上下滑进行处理，在左滑删除同时禁止listview上下滑动。
android　ListView实现显示微信好友列表
12-13
使用实现ListView实现微信好友列表 android ListView 微信　好友列表　自定义ImageView 自定义ListView
Android studio仿QQ好友列表
qq_37127054的博客
06-18 5742
一、实现原理 1,首先必须在布局文件中定义一个ExpandableListView 2,其次创建一级条目对应的布局文件group 3,创建二级条目对应的布局文件child 4,加载ExpandableListView组件的Activity必须继承自ExpandableListActivity 二、布局与代码 1、首先在主布局中activity_main.xml
Android开发系列（十二） QQ联系人列表升级版——ListView和ScrollView高阶使用方法...
weixin_30763455的博客
02-05 129
　　今天继续进行QQ界面的开发工作。前一段时间讲过ExpandableListView的使用并且设置了一个比较简单的具有子菜单效果的联系人列表，本节添加进ScrollView控件，对QQ2013版的联系人界面进行仿真。当然本质上是做一些美化工作，但是对于掌握Android界面的开发是很重要的，一个好看的界面对于手机应用至关重要。 　　首先上图： 这是官方联系人效果图： 这是我自己做...
Android 仿微信通讯录功能，好友排序 + 字母索引
热门推荐
阿飞的博客
05-29 1万+
一、效果图展示   二、功能特点 1.好友排序：按照拼音顺序对好友进行排序，兼容英文数字符号等 2.字母索引：右侧字母导航条，既可拖动也可点击，联动ListView滑动   三、实现 接下来就让我们一步步显示这个效果吧。 1.右侧字母索引的导航条 这个我们可以在网上找到很多类似的，你大可找一个自己喜欢的甚至自己写一个出来，这里我在网上找了一个带波浪效果的，看起来比较炫酷一点吧...
android 自定义view，字母排序（仿微信好友列表）
wk_先森的博客
08-29 1万+
一：简言 一个月没有写博客了，公司项目比较忙，最近发现公司用到一个知识点，所以抽时间通过博客的形式分享给大家，该知识点，模仿微信的好友列表，通过字母索引进行定位，该功能主要通过几个知识点实现。下面会一一讲解。 二：具体说下思路 1 :整体用到的控件，list view（recyclerView原理一样），自定义view，汉字转拼音的utils工具类. 2：创建一个自定义类继承view,实现...
Android简单实现QQ联系人列表源码，要求有好友分组，点击好友可以模拟聊天（不需要联网）
06-09
以下是一个稍微复杂一些的 Android 实现 QQ 联系人列表并模拟聊天的源码示例： 1. 在布局文件中定义一个 ExpandableListView 控件，用于展示联系人列表和好友分组： ```xml android:id="@+id/expandableListView...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值