文档章节

关于ExpandableListView用法的一个简单小例子

yolinfeng
 yolinfeng
发布于 2015/06/29 16:48
字数 792
阅读 31
收藏 0

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

喜欢显示好友QQ那样的列表,可以展开,可以收起,在android中,以往用的比较多的是listview,虽然可以实现列表的展示,但在某些情况下,我们还是希望用到可以分组并实现收缩的列表,那就要用到android的ExpandableListView,今天研究了一下这个的用法,也参考了很多资料动手写了一个小demo,实现了基本的功能,但界面优化方面做得还不够好,有待改进,素材采用了Q版三国杀武将的图片,很有爱哈哈,下面直接上效果图以及源代码~! 

                   

 

 

main.xml的布局很简单啦,只是一个ExpandableListView 就OK了

但值得简单说下的是 android:cacheColorHint="#00000000",这个设置可以去除拖动view时背景变成黑色的效果

android:listSelector="#00000000" ,可以去除选中时的黄色底色

 

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="fill_parent"
 4     android:layout_height="fill_parent"
 5     android:orientation="vertical" >
 6     <ExpandableListView 
 7         android:id="@+id/list"
 8         android:layout_width="fill_parent"
 9         android:layout_height="fill_parent"
10         android:background="#ffffff"
11         android:cacheColorHint="#00000000"
12         android:listSelector="#00000000" 
13         >
14     </ExpandableListView> 
15  </LinearLayout>  
16 

 


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{

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

         final ExpandableListAdapter adapter =  new BaseExpandableListAdapter() {
             // 设置组视图的图片
             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.FILL_PARENT, 64);
                TextView textView =  new TextView(
                        ExpandableList. this);
                textView.setLayoutParams(lp);
                textView.setGravity(Gravity.CENTER_VERTICAL);
                textView.setPadding(36, 0, 0, 0);
                textView.setTextSize(20);
                textView.setTextColor(Color.BLACK);
                 return textView;
            }

            
             // 重写ExpandableListAdapter中的各个方法
            @Override
             public  int getGroupCount() {
                 //  TODO Auto-generated method stub
                 return generalsTypes.length;
            }

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

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

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

            @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  boolean hasStableIds() {
                 //  TODO Auto-generated method stub
                 return  true;
            }

            @Override
             public View getGroupView( int groupPosition,  boolean isExpanded,
                    View convertView, ViewGroup parent) {
                 //  TODO Auto-generated method stub
                LinearLayout ll =  new LinearLayout(
                        ExpandableList. this);
                ll.setOrientation(0);
                ImageView logo =  new ImageView(ExpandableList. this);
                logo.setImageResource(logos[groupPosition]);
                logo.setPadding(50, 0, 0, 0);
                ll.addView(logo);
                TextView textView = getTextView();
                textView.setTextColor(Color.BLACK);
                textView.setText(getGroup(groupPosition).toString());
                ll.addView(textView);

                 return ll;
            }

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

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

        };

        ExpandableListView expandableListView = (ExpandableListView) findViewById(R.id.list);
        expandableListView.setAdapter(adapter);
        
        
         // 设置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;
            }
        });
    }
}


 

 

点击下载本demo源代码

 

 

 

本文转载自:http://www.cnblogs.com/eyu8874521/archive/2012/08/16/2642605.html

yolinfeng
粉丝 12
博文 196
码字总数 11946
作品 0
珠海
架构师
私信 提问
关于ExpandableListView用法的一个简单小例子

喜欢显示好友QQ那样的列表,可以展开,可以收起,在android中,以往用的比较多的是listview,虽然可以实现列表的展示,但在某些情况下,我们还是希望用到可以分组并实现收缩的列表,那就要用...

长平狐
2013/04/25
401
0
android ExpandableListView中Spinner等抢焦点等组件的处理

在用到ExpandableListView时,很多情况下会在父视图或者子视图中增加下拉框或者单选框,而往往增加之后会发现父视图不能点击了,即不能展开了, 效果将会这样,点击父视图不能展开 怎么办呢?...

贺路的路
2013/07/10
3.1K
0
Android之微信朋友圈UI实现--ExpandableListView+GridView

PS:我们都知道微信,更是知道朋友圈,很多人在朋友圈里卖起了化妆品,打入广告等为自己做一下推广,里面会附带一写好看的图片,上面有标题,有描述,整体布局每场的美观,那么这是怎么实现的...

cmusketeer
2018/07/16
0
0
android ExpandableListView简单例子

android中常常要用到ListView,有时也要用到ExpandableListView,如在手机设置中,对于分类有很好的效果,会用ListView的人一定会用ExpandableListView,因为 ExpandableListView extends L...

贺路的路
2013/07/02
13.3K
0
ExpandableListView(可展开的列表组件)的说明以及其用法

摘要提到了,我之前自定义的控件继承于ListView。顾名思义,ExpandableListView是ListView的子类。它在普通的ListView的基础上进行了拓展,它把应用中的列表分为几组,每组又包含多个列表项。...

茗香墨语
2015/11/20
42.9K
0

没有更多内容

加载失败,请刷新页面

加载更多

web前端入门到实战:图解原生dialog标签(非常详细)

在html5中,新增了很多语义化的标签。如footer、header之类的,今天的主角是dialog标签 顾名思义,就是用来定义对话框的。目前只有Chrome和Safari支持该标签,所以用的不多,不过确实挺好用的...

梦想编程
18分钟前
2
0
一些php常用函数积累

本文链接<?php// id: ecffe70d3af54df9bad97b61918ace7d global $ct_path, $ct_log_path;$log_path = "test_php.txt";// 是否先log到buffer,再通过CT_flush()一次性写入文件$......

一字见心
19分钟前
2
0
IntelliJ idea中 注释代码折叠

visual studio中有#region 可以折叠代码,IntelliJ idea 中也有类似功能 //region 描述代码//endregion

format
19分钟前
4
0
oracle表中更改主键

一、数据表有主键但无主键约束名 先删除之前的主键,后添加主键 ,执行SQL: a. alter table 表名 drop primary key; b. alter table 表名 add primary key(想要更改的字段名称); 二、数据表...

_Somuns
21分钟前
2
0
jQuery AJAX提交表单

我有一个名称为orderproductForm的表单,输入的数量不确定。 我想做某种jQuery.get或ajax或类似的事情,它将通过Ajax调用页面,并发送所有形式为orderproductForm的输入。 我想一种方法是做类...

技术盛宴
26分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部