当前位置:  编程技术>移动开发
本页文章导读:
    ▪用ExpandableListView兑现类似QQ好友列表        用ExpandableListView实现类似QQ好友列表 ExpandableListView是一个用来显示二级节点的listview。 qq好友列表中子列表上下移动时,父节点在顶端会始终显示,这里我们可以自定义一个view来充当这个父.........
    ▪ scroolView 滑动错乱处理        scroolView 滑动散乱处理   遇见这种情况,目前我的解决拌饭是 因为我用的是ScrollView 所以给他的背景设置一个颜色或者给activity设置一个主题 ......
    ▪ 关切的网站       关注的网站 http://blog.sina.com.cn/s/blog_4b3c1f950100q7w4.html   http://www.cnblogs.com/over140/archive/2010/09/30/1839262.html   http://wenku.baidu.com/view/f658c029647d27284b7351d7.html ......

[1]用ExpandableListView兑现类似QQ好友列表
    来源: 互联网  发布时间: 2014-02-18
用ExpandableListView实现类似QQ好友列表

ExpandableListView是一个用来显示二级节点的listview。

qq好友列表中子列表上下移动时,父节点在顶端会始终显示,这里我们可以自定义一个view来充当这个父节点。

 

主布局文件qq_listview如下,其中当我们拖动列表时,系统默认拖动过程中列表背景是黑的,我们可以通过android:cacheColorHint="#00000000"将其设置为透明,其中前两位是透明效果参数(00-99),后六位是颜色的设置。

 

<?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:orientation="vertical"
  android:background="@drawable/default_bg_hdpi">
  <LinearLayout
  	 android:id="@+id/gone_linear"
 	 android:layout_width="fill_parent"
 	 android:layout_height="wrap_content"
 	 android:background="@drawable/expand_column_bg"
 	 android:visibility="gone"
 	 android:cacheColorHint="#50000000"
  >
  <ImageView android:id="@+id/qq_list_imageview" 
  	android:layout_width="wrap_content"  android:layout_height="30dip" 
  	android:src="/blog_article/@drawable/narrow_select/index.html" />
  <TextView android:id="@+id/qq_list_textview"   android:layout_marginLeft="50dip"
  	android:layout_width="fill_parent" android:layout_height="wrap_content" />
  	</LinearLayout>
	<FrameLayout android:layout_width="fill_parent"
		android:layout_height="fill_parent">
  <ExpandableListView android:id="@+id/qq_listview"
 	 android:cacheColorHint="#00000000"
  	android:layout_width="fill_parent" android:layout_height="wrap_content" />
  	</FrameLayout>
</LinearLayout>

 

如果我们想更换父节点打开和关闭时的箭头,可以先设置一个selector.xml

 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
	<item android:state_window_focused="false" android:drawable="@drawable/expand_column_bg_over" />
	<item android:state_pressed="true" android:drawable="@drawable/expand_column_bg" />
	<item android:state_pressed="false" android:drawable="@drawable/feedlistdividerbg"></item>
</selector>

 然后在代码中调用

 

		elistview = (ExpandableListView)findViewById(R.id.qq_listview);
		//替换ExpandableListView的打开关闭时的箭头图标
		elistview.setGroupIndicator(this.getResources().getDrawable(R.drawable.expand_list_selector));

 

此外,我们还要设置父节点和子节点item的布局文件

父节点qq_list_parent.xml如下

 

<?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="fill_parent" 	
  android:background="@drawable/expand_column_bg">
  <TextView android:id="@+id/parend"
  	android:layout_width="wrap_content" 
  	android:layout_height="30dip"
  	android:layout_marginLeft="50dip"
  	 />
</LinearLayout>

 

子节点qq_listview_child.xml

 

<?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="fill_parent"
  android:cacheColorHint="#00000000"
 >
    <TextView android:id="@+id/child"
  		android:layout_width="wrap_content" android:layout_height="40dip"
  		android:layout_marginLeft="80dip"
  		/>
</LinearLayout>

 

java代码如下

 

package com.sy.android.qqlistview;

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

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnGroupCollapseListener;
import android.widget.ExpandableListView.OnGroupExpandListener;
import android.widget.LinearLayout;
import android.widget.SimpleExpandableListAdapter;
import android.widget.TextView;

import com.sy.android.testAndroid.R;

public class QQListView extends Activity   {
	
	private static ArrayList<Map<String,String>> parentData = new ArrayList<Map<String,String>>();
	private static ArrayList<ArrayList<Map<String,String>>> childData = new ArrayList<ArrayList<Map<String,String>>>();
	private ExpandableListView elistview;
	private TextView tv;
	
	/**
	 *当前打开的父节点
	 */
	private int the_group_expand_position=-1;
	/**
	 * 打开的父节点所与的子节点数
	 */
	private int position_child_count=0;
	/**
	 * 是否有打开的父节点
	 */
	private boolean isExpanding=false;
	
	public void getData(){
		for(int i=0; i<20;i++){
			 Map<String,String> map = new HashMap<String,String>();
			 map.put("parend", i+"");
			 parentData.add(map);
		}
		for(int i=0;i<20;i++){
			ArrayList<Map<String,String>> child = new ArrayList<Map<String,String>>();
			for(int j=0; j<20;j++){
				Map<String,String> map = new HashMap<String,String>();
				map.put("child", i+""+j);
				child.add(map);
			}
			childData.add(child);
		}
	}
	
	public void onCreate(Bundle saveBundle){
		super.onCreate(saveBundle);
		setContentView(R.layout.qq_listview);
		
		elistview = (ExpandableListView)findViewById(R.id.qq_listview);
		//替换ExpandableListView的打开关闭时的箭头图标
		elistview.setGroupIndicator(this.getResources().getDrawable(R.drawable.expand_list_selector));
		tv = (TextView)findViewById(R.id.qq_list_textview);
		
		/**
		 * 滑动子列表时在上方显示父节点的view
		 */
		final LinearLayout linear = (LinearLayout)findViewById(R.id.gone_linear);
		
		/**
		 * 监听父节点打开的事件
		 */
		elistview.setOnGroupExpandListener(new OnGroupExpandListener(){

			@Override
			public void onGroupExpand(int groupPosition) {
				the_group_expand_position=groupPosition;
				position_child_count=childData.get(groupPosition).size();
				isExpanding=true;
			}
			
		});
		
		/**
		 * 监听父节点关闭的事件
		 */
		elistview.setOnGroupCollapseListener(new OnGroupCollapseListener(){

			@Override
			public void onGroupCollapse(int groupPosition) {
				if(linear.getVisibility()==View.VISIBLE){
					linear.setVisibility(View.GONE);
				}
				isExpanding=false;
			}
			
		});
		

		linear.setOnClickListener(new OnClickListener(){

			@Override
			public void onClick(View v) {
				linear.setVisibility(View.GONE);
				elistview.collapseGroup(the_group_expand_position);
			}
			
		});
		
		/**
		 * 通过setOnScrollListener来监听列表上下滑动时item显示和消失的事件
		 */
		
		elistview.setOnScrollListener(new OnScrollListener(){

			@Override
			public void onScrollStateChanged(AbsListView view, int scrollState) {
				
			}

			@Override
			public void onScroll(AbsListView view, int firstVisibleItem,
					int visibleItemCount, int totalItemCount) {
				if(isExpanding){
					// 当当前第一个item id小于打开的父节点id 或大于打开的父节点id和它的子节点总数之和时
					if(firstVisibleItem<the_group_expand_position ||
							firstVisibleItem>(the_group_expand_position+position_child_count)){
						linear.setVisibility(View.GONE);
					}else{
						linear.setVisibility(View.VISIBLE);
						tv.setText(((Map)parentData.get(the_group_expand_position)).get("parend").toString());
					}
				}
			}
			
		});
		
		getData();
		
		SimpleExpandableListAdapter selAdapter = new SimpleExpandableListAdapter(this,
				parentData,
				R.layout.qq_listview_parend_item,
				new String[]{"parend"},
				new int[]{R.id.parend},
				childData,
				R.layout.qq_liatview_child_item,
				new String[]{"child"},
				new int[]{R.id.child}
				);
		elistview.setAdapter(selAdapter);

	}

}

 

 

实现的思路是通过setOnScrollListener来监听listview,从而获得显示在视图中的item的id,通过id的判断来决定显示在顶端的自定义的view是否显示

1 楼 l16426434 2011-04-08  
可以把工程代码 放上来吗
2 楼 feng88724 2011-05-26  
感谢分享。 不过测试下来,问题还很多。

3 楼 lingranyu 2011-10-31  
拜读大作!!!非常好!!!!
4 楼 newli2010. 2011-11-03  
可以把源码放上嘛,拜读了。
5 楼 bingtao115 2011-11-09  
down下来试过了,不是我想要的效果,不过也有可取之处的
6 楼 mydeadsky 2011-12-06  
看不到下载地方啊
7 楼 o_kxj 2012-03-10  
源码在哪里呢?谢谢
8 楼 yyf365 2012-03-27  
请问有源码么?看之前评论貌似有的
9 楼 jjy119 2012-06-07  
感觉不错啊,谢谢分享了
10 楼 gmailToyou 5 小时前  
shishisssss

    
[2] scroolView 滑动错乱处理
    来源: 互联网  发布时间: 2014-02-18
scroolView 滑动散乱处理

 

遇见这种情况,目前我的解决拌饭是 因为我用的是ScrollView 所以给他的背景设置一个颜色或者给activity设置一个主题


    
[3] 关切的网站
    来源: 互联网  发布时间: 2014-02-18
关注的网站

http://blog.sina.com.cn/s/blog_4b3c1f950100q7w4.html

 

http://www.cnblogs.com/over140/archive/2010/09/30/1839262.html

 

http://wenku.baidu.com/view/f658c029647d27284b7351d7.html


    
最新技术文章:
▪Android开发之登录验证实例教程
▪Android开发之注册登录方法示例
▪Android获取手机SIM卡运营商信息的方法
▪Android实现将已发送的短信写入短信数据库的...
▪Android发送短信功能代码
▪Android根据电话号码获得联系人头像实例代码
▪Android中GPS定位的用法实例
▪Android实现退出时关闭所有Activity的方法
▪Android实现文件的分割和组装
▪Android录音应用实例教程
▪Android双击返回键退出程序的实现方法
▪Android实现侦听电池状态显示、电量及充电动...
▪Android获取当前已连接的wifi信号强度的方法
▪Android实现动态显示或隐藏密码输入框的内容
▪根据USER-AGENT判断手机类型并跳转到相应的app...
▪Android Touch事件分发过程详解
▪Android中实现为TextView添加多个可点击的文本
▪Android程序设计之AIDL实例详解
▪Android显式启动与隐式启动Activity的区别介绍
▪Android按钮单击事件的四种常用写法总结
▪Android消息处理机制Looper和Handler详解
▪Android实现Back功能代码片段总结
▪Android实用的代码片段 常用代码总结
▪Android实现弹出键盘的方法
▪Android中通过view方式获取当前Activity的屏幕截...
▪Android提高之自定义Menu(TabMenu)实现方法
▪Android提高之多方向抽屉实现方法
▪Android提高之MediaPlayer播放网络音频的实现方法...
▪Android提高之MediaPlayer播放网络视频的实现方法...
▪Android提高之手游转电视游戏的模拟操控
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3