android expandablelistview--实现类似qq界面的效果

不管了 先上图:上面的图你把它换成箭头就是类似于qq界面了是不是

android expandablelistview的实现最为关键是重写BaseExpandableListAdapter,而最为关键的两个方法是getChildView(),getGroupView(),注意在写这两个方法的时候最重要的是或者最容易出错的地方是注意返回的内容不要是 null 还有就是用红线所画的两个图片的切换就要在getGroupView()方法里面进行判断

if (isExpanded) {
            iv.setBackgroundResource(R.drawable.btn1);
        } else {
            iv.setBackgroundResource(R.drawable.btn2);
        }
        ll.addView(iv);

另外就是就是有些小技巧,比如说如何去除隐藏的箭头?如何设置某一列是铺开的?

expandableListView.expandGroup(0);//设置第一组张开
        expandableListView.setGroupIndicator(null);//除去自带的箭头

好进入正题:

main.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:orientation="vertical" >
    <ExpandableListView 
        android:id="@+id/list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="#ffffff"
        android:cacheColorHint="#00000000"
        android:listSelector="#00000000" 
        >
        
    </ExpandableListView>

</LinearLayout>

ExpandableList.java

package com.eyu.activity_test;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.AbsListView;
import android.widget.BaseExpandableListAdapter;
import android.widget.ExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnChildClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

public class ExpandableList extends Activity{
	ExpandableAdapter adapter;

	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.main);


	    adapter = new ExpandableAdapter(this);
		ExpandableListView expandableListView = (ExpandableListView) findViewById(R.id.list);
		expandableListView.setAdapter(adapter);
		expandableListView.expandGroup(0);//设置第一组张开
		expandableListView.setGroupIndicator(null);//除去自带的箭头
		
		
		//设置item点击的监听器
		expandableListView.setOnChildClickListener(new OnChildClickListener() {

			@Override
			public boolean onChildClick(ExpandableListView parent, View v,
					int groupPosition, int childPosition, long id) {

				Toast.makeText(
						ExpandableList.this,
						"你点击了" + adapter.getChild(groupPosition, childPosition),
						Toast.LENGTH_SHORT).show();

				return false;
			}
		});
	}


}

  ExpandableAdapter.java

package com.eyu.activity_test;

import android.content.Context;
import android.graphics.Color;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.BaseExpandableListAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

/**
 * @author Administrator
 * @date &{date}
 */
public class ExpandableAdapter extends BaseExpandableListAdapter{
    private Context context;
    public ExpandableAdapter(Context context){
        this.context = context;
    }
    
    int[] logos = new int[] { R.drawable.wei, R.drawable.shu,R.drawable.wu};
    //设置组视图的显示文字
    private String[] generalsTypes = new String[] { "魏", "蜀", "吴" };
    //子视图显示文字
    private String[][] generals = new String[][] {
            { "夏侯惇", "甄姬", "许褚", "郭嘉", "司马懿", "杨修" },
            { "马超", "张飞", "刘备", "诸葛亮", "黄月英", "赵云" },
            { "吕蒙", "陆逊", "孙权", "周瑜", "孙尚香" }

    };
    //子视图图片
    public int[][] generallogos = new int[][] {
            { R.drawable.xiahoudun, R.drawable.zhenji,
                    R.drawable.xuchu, R.drawable.guojia,
                    R.drawable.simayi, R.drawable.yangxiu },
            { R.drawable.machao, R.drawable.zhangfei,
                    R.drawable.liubei, R.drawable.zhugeliang,
                    R.drawable.huangyueying, R.drawable.zhaoyun },
            { R.drawable.lvmeng, R.drawable.luxun, R.drawable.sunquan,
                    R.drawable.zhouyu, R.drawable.sunshangxiang } };
    
    //自己定义一个获得文字信息的方法
    TextView getTextView() {
        AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
                ViewGroup.LayoutParams.WRAP_CONTENT, 84);
        TextView textView = new TextView(
                context);
        textView.setLayoutParams(lp);
        textView.setGravity(Gravity.CENTER_VERTICAL|Gravity.LEFT);
        textView.setPadding(36, 0, 200, 0);
        textView.setTextSize(20);
        textView.setTextColor(Color.BLACK);
        return textView;
    }

    @Override
    public Object getChild(int groupPosition, int childPosition) {
        // TODO Auto-generated method stub
        return generals[groupPosition][childPosition];
    }

    @Override
    public long getChildId(int groupPosition, int childPosition) {
        // TODO Auto-generated method stub
        return childPosition;
    }

    @Override
    public View getChildView(int groupPosition, int childPosition,
            boolean isLastChild, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub
        LinearLayout ll = new LinearLayout(
                context);
        ll.setOrientation(0);
        ImageView generallogo = new ImageView(
                context);
        generallogo
                .setImageResource(generallogos[groupPosition][childPosition]);
        ll.addView(generallogo);
        TextView textView = getTextView();
        textView.setText(getChild(groupPosition, childPosition)
                .toString());
        ll.addView(textView);
        return ll;
    }

    @Override
    public int getChildrenCount(int groupPosition) {
        // TODO Auto-generated method stub
        return generals[groupPosition].length;
    }

    @Override
    public Object getGroup(int groupPosition) {
        // TODO Auto-generated method stub
        return generalsTypes[groupPosition];
    }

    @Override
    public int getGroupCount() {
        // TODO Auto-generated method stub
        return generalsTypes.length;
    }

    @Override
    public long getGroupId(int groupPosition) {
        // TODO Auto-generated method stub
        return groupPosition;
    }

    @Override
    public View getGroupView(int groupPosition, boolean isExpanded,
            View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub
        LinearLayout ll = new LinearLayout(
                context);
        ll.setOrientation(LinearLayout.HORIZONTAL);
        ImageView logo = new ImageView(context);
        logo.setImageResource(logos[groupPosition]);
        logo.setPadding(0, 0, 0, 0);
        ll.addView(logo);
        TextView textView = getTextView();
        textView.setTextColor(Color.BLACK);
        textView.setText(getGroup(groupPosition).toString());
        ll.addView(textView);
          
        ImageView iv  =new ImageView(context);
        iv.setPadding(70, 0, 0, 0);
        if (isExpanded) {
            iv.setBackgroundResource(R.drawable.btn1);
        } else {
            iv.setBackgroundResource(R.drawable.btn2);
        }
        ll.addView(iv);

        return ll;
//        LinearLayout ll = (LinearLayout) View.inflate(    context, R.layout.list_item    , null);
//        TextView tv = (TextView)ll.findViewById(R.id.tv);
//        ImageView iv1 = (ImageView)ll.findViewById(R.id.iv1);
//        ImageView iv2 = (ImageView)ll.findViewById(R.id.iv2);
//        tv.setText(getGroup(groupPosition).toString());
//        iv1.setBackgroundResource(logos[groupPosition]);
//        if (isExpanded) {
//            
//            iv2.setBackgroundResource(R.drawable.btn1);
//        } else {
//            iv2.setBackgroundResource(R.drawable.btn2);
//        }
//        return null;
    }

    @Override
    public boolean hasStableIds() {
        // TODO Auto-generated method stub
        return true;
    }

    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        // TODO Auto-generated method stub
        return true;
    }

}

好了 大功告成!!!!

可以参考http://www.cnblogs.com/nuliniaoboke/archive/2012/11/13/2767957.html

demo下载

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值