仿QQ好友列表

最新推荐文章于 2022-10-08 11:43:13 发布
最新推荐文章于 2022-10-08 11:43:13 发布
阅读量884 收藏
点赞数
分类专栏： 仿QQ好友列表 文章标签： 仿QQ好友列表 
package com.yaxh.expandList;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.MarginLayoutParams;
import android.view.Window;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.AdapterView;
import android.widget.BaseExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnGroupCollapseListener;
import android.widget.ExpandableListView.OnGroupExpandListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

public class SystemExpandableListActivity extends Activity implements
		OnScrollListener {
	// 存放父列表数据
	List<Map<String, String>> groupData = new ArrayList<Map<String, String>>();
	// 放子列表列表数据
	List<List<Map<String, String>>> childData = new ArrayList<List<Map<String, String>>>();
	ExpandableAdapter expandAdapter;
	ExpandableListView expandableList;
	private int indicatorGroupHeight;
	private int the_group_expand_position = -1;
	private int count_expand = 0;
	private Map<Integer, Integer> ids = new HashMap<Integer, Integer>();
	private LinearLayout view_flotage = null;
	private TextView group_content = null;
	private ImageView tubiao;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.main);
		initData();
		// mInflater = (LayoutInflater)
		// getSystemService(LAYOUT_INFLATER_SERVICE);
		expandAdapter = new ExpandableAdapter(SystemExpandableListActivity.this);
		expandableList = (ExpandableListView) findViewById(R.id.list);
		View v = new View(this);
		expandableList.addHeaderView(v);
		// indicatorGroup = (LinearLayout) findViewById(R.id.topGroup);
		expandableList.setAdapter(expandAdapter);
		expandableList.setGroupIndicator(null);
		initView();
	}

	private void initData() {
		for (int i = 1; i <= 10; i++) {
			Map<String, String> curGroupMap = new HashMap<String, String>();
			groupData.add(curGroupMap);
			curGroupMap.put("group_text", "Group " + i);
			List<Map<String, String>> children = new ArrayList<Map<String, String>>();
			for (int j = 1; j < 6; j++) {
				Map<String, String> curChildMap = new HashMap<String, String>();
				children.add(curChildMap);
				curChildMap.put("child_text1", "Child " + j);
				curChildMap.put("child_text2", "Child " + j);
			}
			childData.add(children);
		}
	}

	public void initView() {
		/**
		 * 监听父节点打开的事件
		 */
		expandableList.setOnGroupExpandListener(new OnGroupExpandListener() {
			@Override
			public void onGroupExpand(int groupPosition) {
				the_group_expand_position = groupPosition;
				ids.put(groupPosition, groupPosition);
				count_expand = ids.size();
			}
		});
		/**
		 * 监听父节点关闭的事件
		 */
		expandableList
				.setOnGroupCollapseListener(new OnGroupCollapseListener() {
					@Override
					public void onGroupCollapse(int groupPosition) {
						ids.remove(groupPosition);
						expandableList.setSelectedGroup(groupPosition);
						count_expand = ids.size();
					}
				});
		view_flotage = (LinearLayout) findViewById(R.id.topGroup);
		view_flotage.setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				view_flotage.setVisibility(View.GONE);
				expandableList.collapseGroup(the_group_expand_position);
				expandableList.setSelectedGroup(the_group_expand_position);
			}
		});
		group_content = (TextView) findViewById(R.id.content_001);
		tubiao = (ImageView) findViewById(R.id.tubiao);
		tubiao.setBackgroundResource(R.drawable.btn_browser2);
		//设置滚动事件
		expandableList.setOnScrollListener(this);
	}

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		//防止三星,魅族等手机第一个条目可以一直往下拉,父条目和悬浮同时出现的问题
		if(firstVisibleItem==0){
			view_flotage.setVisibility(View.GONE);
		}
		// 控制滑动时TextView的显示与隐藏
		int npos = view.pointToPosition(0, 0);
		if (npos != AdapterView.INVALID_POSITION) {
			long pos = expandableList.getExpandableListPosition(npos);
			int childPos = ExpandableListView.getPackedPositionChild(pos);
			final int groupPos = ExpandableListView.getPackedPositionGroup(pos);
			if (childPos == AdapterView.INVALID_POSITION) {
				View groupView = expandableList.getChildAt(npos
						- expandableList.getFirstVisiblePosition());
				indicatorGroupHeight = groupView.getHeight();
			}
			
			if (indicatorGroupHeight == 0) {
				return;
			}
			// if (isExpanded) {
			if (count_expand > 0) {
				the_group_expand_position = groupPos;
				group_content.setText(groupData.get(the_group_expand_position)
						.get("group_text"));
				if (the_group_expand_position != groupPos||!expandableList.isGroupExpanded(groupPos)) {
					view_flotage.setVisibility(View.GONE);
				} else {
					view_flotage.setVisibility(View.VISIBLE);
				}
			}
			if (count_expand == 0) {
				view_flotage.setVisibility(View.GONE);
			}
		}

		if (the_group_expand_position == -1) {
			return;
		}
		/**
		 * calculate point (0,indicatorGroupHeight)
		 */
		int showHeight = getHeight();
		MarginLayoutParams layoutParams = (MarginLayoutParams) view_flotage
				.getLayoutParams();
		// 得到悬浮的条滑出屏幕多少
		layoutParams.topMargin = -(indicatorGroupHeight - showHeight);
		view_flotage.setLayoutParams(layoutParams);
	}

	class ExpandableAdapter extends BaseExpandableListAdapter {
		SystemExpandableListActivity exlistview;
		@SuppressWarnings("unused")
		private int mHideGroupPos = -1;

		public ExpandableAdapter(SystemExpandableListActivity elv) {
			super();
			exlistview = elv;
		}

		// **************************************
		public Object getChild(int groupPosition, int childPosition) {
			return childData.get(groupPosition).get(childPosition)
					.get("child_text1").toString();
		}

		public long getChildId(int groupPosition, int childPosition) {
			return childPosition;
		}

		public int getChildrenCount(int groupPosition) {
			return childData.get(groupPosition).size();
		}

		public View getChildView(int groupPosition, int childPosition,
				boolean isLastChild, View convertView, ViewGroup parent) {
			View view = convertView;
			if (view == null) {
				LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
				view = inflater.inflate(R.layout.childitem, null);
			}
			final TextView title = (TextView) view
					.findViewById(R.id.child_text);
			title.setText(childData.get(groupPosition).get(childPosition)
					.get("child_text1").toString());
			final TextView title2 = (TextView) view
					.findViewById(R.id.child_text2);
			title2.setText(childData.get(groupPosition).get(childPosition)
					.get("child_text2").toString());
			return view;
		}

		public View getGroupView(int groupPosition, boolean isExpanded,
				View convertView, ViewGroup parent) {
			View view = convertView;
			if (view == null) {
				LayoutInflater inflaterGroup = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
				view = inflaterGroup.inflate(R.layout.groupitem, null);
			}
			TextView title = (TextView) view.findViewById(R.id.content_001);
			title.setText(getGroup(groupPosition).toString());
			ImageView image = (ImageView) view.findViewById(R.id.tubiao);

			System.out.println("isExpanded----->" + isExpanded);
			if (isExpanded) {
				image.setBackgroundResource(R.drawable.btn_browser2);
			} else {
				image.setBackgroundResource(R.drawable.btn_browser);
			}
			return view;
		}

		public long getGroupId(int groupPosition) {
			return groupPosition;
		}

		public Object getGroup(int groupPosition) {
			return groupData.get(groupPosition).get("group_text").toString();
		}

		public int getGroupCount() {
			return groupData.size();

		}

		public boolean hasStableIds() {
			return true;
		}

		public boolean isChildSelectable(int groupPosition, int childPosition) {
			return false;
		}

		public void hideGroup(int groupPos) {
			mHideGroupPos = groupPos;
		}
	}

	@Override
	public boolean dispatchTouchEvent(MotionEvent ev) {
		return super.dispatchTouchEvent(ev);
	}

	private int getHeight() {
		int showHeight = indicatorGroupHeight;
		int nEndPos = expandableList.pointToPosition(0, indicatorGroupHeight);
		if (nEndPos != AdapterView.INVALID_POSITION) {
			long pos = expandableList.getExpandableListPosition(nEndPos);
			int groupPos = ExpandableListView.getPackedPositionGroup(pos);
			if (groupPos != the_group_expand_position) {
				View viewNext = expandableList.getChildAt(nEndPos
						- expandableList.getFirstVisiblePosition());
				showHeight = viewNext.getTop();
			}
		}
		return showHeight;
	}

	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
	}
}
主布局：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/default_bg" >

    <ExpandableListView
        android:id="@+id/list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentLeft="true"
        android:cacheColorHint="#00000000"
        android:divider="@android:color/white"
        android:dividerHeight="1dp" />

    <LinearLayout
        android:id="@+id/topGroup"
        android:layout_width="fill_parent"
        android:layout_height="50dip"
        android:visibility="gone"
        android:layout_alignParentTop="true">
        
         <ImageView
            android:id="@+id/ImageView01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center_vertical"
            android:paddingTop="10dip"
            android:src="@drawable/user_group" >
        </ImageView>

        <RelativeLayout
            android:id="@+id/layout_013"
            android:layout_alignRight="@id/ImageView01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/content_001"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_centerVertical="true"
                android:singleLine="true"
                android:paddingLeft="10px"
                android:textColor="#FFFFFF"
                android:textSize="26px" >
            </TextView>

            <ImageView
                android:id="@+id/tubiao"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                 />
        </RelativeLayout>
    </LinearLayout>
</RelativeLayout>
父（组）布局：
<?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="50dip"
    android:orientation="horizontal"
    android:layout_gravity="center_horizontal" >

        <ImageView
            android:id="@+id/ImageView01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center_vertical"
            android:paddingTop="10dip"
            android:src="@drawable/user_group" >
        </ImageView>

        <RelativeLayout
            android:id="@+id/layout_013"
            android:layout_alignRight="@id/ImageView01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/content_001"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_centerVertical="true"
                android:singleLine="true"
                android:paddingLeft="10px"
                android:textColor="#FFFFFF"
                android:textSize="26px" >
            </TextView>

            <ImageView
                android:id="@+id/tubiao"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true" >
            </ImageView>
        </RelativeLayout>
    <!-- </LinearLayout> -->

</LinearLayout>
子（节点）布局：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/childlayout"
    android:layout_width="fill_parent"
    android:layout_height="150dp"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/child_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="40dip"
        android:background="@drawable/child_image"
        android:paddingTop="10dip" >
    </ImageView>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/child_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:gravity="center_vertical"
            android:text=""
            android:textSize="16dip" >
        </TextView>

        <TextView
            android:id="@+id/child_text2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:gravity="center_vertical"
            android:text=""
            android:textSize="12dip" >
        </TextView>
    </LinearLayout>

</LinearLayout>


逻辑性较强

攻城狮!
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android仿QQ列表实现 android studio大作业，android studio课程设计
购物商城实战系列教程（b站）
10-12 5377
*** 登录页面*/@Override@Override} });@OverrideshowToast("请完善信息");= null) {showToast("登录成功");} } });} }/*** 注册页面*/@Override@OverrideshowToast("请完善信息");
android 实现QQ好友列表（扩展listview:ExpandableListView）
糖糖糖糖糖先森
08-08 1551
在某些android开发群里，看到有些新手问怎么实现QQ好友列表，其实网上一搜挺多的。接触Android，也才一年的时间，大部分时间花在工作上（解bug。。。），界面上开发很少参与。自己维护的系统应用里，有个ExpandableListView的界面（其实android例子APIDemo也有类似的例子）就在这里写个Demo供新手参考。         ExpandableListView的用
Android实现qq登录注册和好友列表界面
qq_62603185的博客
10-08 4386
android实现登录注册和好友列表界面
android 实现QQ好友列表（ExpandableListView）
12-04
android 实现QQ好友列表（ExpandableListView) 请看博文：http://blog.csdn.net/zhouyuanjing/article/details/8254421 (有图有真相)
基于Qt的仿QQ好友列表面板
06-15
基于Qt的仿QQ好友列表面板
易语言仿QQ好友列表框源码
06-06
易语言仿QQ好友列表框源码。@易语言源码分享站。
仿qq好友列表
05-28
模仿qq好友列表布局，可收缩、展开 欢迎大家下载和学习！！！
Android仿QQ好友列表实现列表收缩与展开
09-02
以上就是Android中实现类似QQ好友列表的收缩与展开功能的基本步骤。通过`ExpandableListView`，你可以创建更复杂的分组列表，同时提供良好的用户体验。记得在实际开发中，还可以添加更多功能，如点击事件处理、动画...
DELPHI 7仿QQ好友列表
03-22
DELPHI 7仿QQ好友列表 博 客地址：https://blog.csdn.net/z123191456/article/details/88740692 看的合适的下
Android UI仿QQ好友列表分组悬浮效果
08-30
总的来说，实现Android UI仿QQ好友列表分组悬浮效果的关键在于自定义`ExpandableListView`和适配器，通过监听滚动事件以及与适配器的协作，动态处理悬浮头的显示和隐藏。这种效果不仅可以提高用户的交互体验，还能使...
Qt QQ好友多列表实现demo（抽屉效果）
11-26
实现的效果对标QQ的好友列表。 用工具盒类(QToolBox)实现，提供一种列状的层叠窗口，而QToolButton提供一种快速访问命令或者选择项的按钮。 抽屉效果是软件界面设计中的一种常用形式
基于tcp协议 ,PyQt5开发的仿QQ
06-16
本源码是利用python pyqt5图形库开发的基于tcp协议的仿QQ完整源码
QQ好友列表树形列表java代码实现代码
09-01
主要为大家详细介绍了QQ好友列表树形列表简单实现方式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
java 高仿QQ8.x版本好友列表（socket聊天室项目）
09-06
高仿QQ8.x版本的好友界面，jdk版本1.8，正常1.6以上都可以直接运行，1.5版本应该改下泛型部分就可以正常运行。 主要是好友列表的界面效果，其它的部分没有细做，有需要的可以下载 预览图： (http://ouvjpvjng.bkt.clouddn.com/20170906134345_140050_clipboard.png) 作者：Scruel 转载请注明出处
java写的QQ，QQ界面，私聊，群聊，好友列表
06-29
实现QQ的聊天窗口抖动等功能，主要是Java写的，，界面是模仿QQ写的，列表用JMenu写的。。。c/s模式
android实现仿照QQ好友列表滑动效果
Luffy的专栏
12-27 9665
实现效果如下：ExpandableListView滑动的时候，父视图停留在activity的最上方。 关键代码如下： package com.telecom.video; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import an
PyQt5中树控件节点实现类qq好友变换分组拖拽实现
feilixiaozi1的博客
11-16 488
分组拖拽功能实现 在qq中，不能将好友拖拽独立进行分组，只能将某个好友拖拽进某个分组，下面用代码实现这个功能 from PyQt5.QtGui import * from PyQt5.QtWidgets import * from PyQt5.QtCore import * import sys class Demo(QWidget): def __init__(self): super().__init__() self.initUI() def ini
06.PyQt5高级界面控------PyQt5编程开发
热门推荐
爱草莓的番茄酱的博客
04-19 1万+
一、表格与树    表格与树解决的问题是如何在一个控件中有规律地呈现更多的数据。解决该问题的两种控件类为表格结构的控件类，树形结构的控件类。1、QTableView    若一个应用和一批数据（如数组、列表）进行交互后要以表格的形式输出这些信息的话，就用QTableView类。在QtableView中可以使用自定义的数据模型来显示内容，通过setModel来绑定数据源，可用的模式如下：    QS...
python,仿qq好友列表
最新发布
12-08
以下是基于PyQt5实现的仿QQ好友列表的Python代码示例： ```python from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QHBoxLayout, QListWidget, QListWidgetItem, QLabel from PyQt5.QtGui import...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值