Android中 ExpandableList的使用2

简介:

Android中ExpandableList的使用2

本文介绍Android中ExpandableList的使用,在前文的基础上作了很多改进,增加了增加、删除、回调等功能。

图中的 “第一行班组号: 1  软件工程2班”是要显示的信息。

先看效果图:

 

首先定义一个含有ExpandableListView的Layout。还有一个是显示的文本信息。

<RelativeLayout xmlns:android= "http://schemas.android.com/apk/res/android"
     xmlns:tools= "http://schemas.android.com/tools"
     android:layout_width= "match_parent"
     android:layout_height= "match_parent"
     android:paddingBottom= "@dimen/activity_vertical_margin"
     android:paddingLeft= "@dimen/activity_horizontal_margin"
     android:paddingRight= "@dimen/activity_horizontal_margin"
     android:paddingTop= "@dimen/activity_vertical_margin"
     tools:context= ".MainActivity"  >
     <TextView
         android:id= "@+id/textView1"
         android:layout_width= "wrap_content"
         android:layout_height= "wrap_content"
         android:text= "@string/hello_world"  />
     <ExpandableListView
         android:id= "@+id/expandableListView1"
         android:layout_width= "match_parent"
         android:layout_height= "wrap_content"
         android:layout_alignLeft= "@+id/textView1"
         android:layout_below= "@+id/textView1"
         android:layout_marginTop= "52dp"  >
     </ExpandableListView>
</RelativeLayout>

 

2、为ExpandableListView准备数据源。

  ClassGroups列表,定义了所有的班级。

  ClassDetails定义班级的详细信息。包括班级编号,班级名称,班级人数,以及老师。

private  List<String> ClassGroups = new  ArrayList<String>();
 
     private  List<List<String>> ClassDetails = new  ArrayList<List<String>>();
     private  String[][] ClassDetailsSource = {
             { "20100801" , "软件工程1班" , "50" , "王老师"  },
             { "20100802" , "软件工程2班" , "47" , "理老师"  },
             { "20100803" , "网络工程1班" , "52"  }, { "20100804" , "计算机科学与技术"  }
 
     };

 通过addItem方法,初始化四个班级。

private  void  parepareDataSource() {
     for  ( int  i = 0 ; i < 4 ; i++) {
         addItem( "班组号:" +i, ClassDetailsSource[i]);
     }
}

将所有的班级添加的ClassDetails中。

private  void  addItem(String string, String[] data) {
         // TODO Auto-generated method stub
         ClassGroups.add(string);
         List<String> item = new  ArrayList<String>();
         for  ( int  i = 0 ; i < data.length; i++) {
             item.add(data[i]);
         }
         ClassDetails.add(item);
     }

 

 3、使用BaseExpandableListAdapter绑定数据源。这个在我的上一篇文章中以及介绍过了,这里不在介绍。

@Override
public  void  onCreate(Bundle savedInstanceState) {
     super .onCreate(savedInstanceState);
 
     setContentView(R.layout.activity_main);
     
     parepareDataSource();
 
     tView = (TextView) findViewById(R.id.textView1);
     expandableListView = (ExpandableListView) findViewById(R.id.expandableListView1);
 
     expandableListView.setAdapter( new  ExpandableListAdapter());
     
     //ExpandableListView的回调函数 用于监听那个id 被expand
     expandableListView.setOnGroupClickListener( new  OnGroupClickListener() {
         
         @Override
         public  boolean  onGroupClick(ExpandableListView parent, View v,
                 int  groupPosition, long  id) {
             // TODO Auto-generated method stub
             Toast.makeText(ExpandableList3. this , "You Click "  + groupPosition + " Group" , Toast.LENGTH_LONG).show();
             return  false ;
         }
     });
 
     expandableListView.setOnChildClickListener( new  OnChildClickListener() {
         
         @Override
         public  boolean  onChildClick(ExpandableListView parent, View v,
                 int  groupPosition, int  childPosition, long  id) {
             // TODO Auto-generated method stub
             Toast.makeText(ExpandableList3. this , "You Click "  + childPosition + " child in group" + groupPosition, Toast.LENGTH_LONG).show();
             return  false ;
         }
     });
     
 
}

 

注:expandableListView.setOnGroupClickListener(new OnGroupClickListener())和expandableListView.setOnChildClickListener(new OnChildClickListener())是回调方法,等会再讲。

下面是ExpandableListAdapter的数据源形式为:

public  class  ExpandableListAdapter extends  BaseExpandableListAdapter {     
         @Override
         public  boolean  isChildSelectable( int  groupPosition, int  childPosition) {
             // TODO Auto-generated method stub
             String string = ClassGroups.get(groupPosition)
                     + ClassDetails.get(groupPosition).get(childPosition); <br>          tView.setText(string);
             return  true ;
         }
 
         @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 layout = new  LinearLayout(ExpandableList3. this );
             layout.setOrientation( 0 );
             layout.setPadding( 50 , 0 , 0 , 0 );
             ImageView imageView = new  ImageView(ExpandableList3. this );
             imageView.setImageResource(R.drawable.ic_launcher);
             layout.addView(imageView);
 
             TextView textView = getTextView();
             textView.setText(getGroup(groupPosition).toString());
             layout.addView(textView);
             return  layout;
         }
 
         private  TextView getTextView() {
             // TODO Auto-generated method stub
             AbsListView.LayoutParams lParams = new  AbsListView.LayoutParams(
                     ViewGroup.LayoutParams.FILL_PARENT, 64 );
             TextView textView = new  TextView(ExpandableList3. this );
             textView.setLayoutParams(lParams);
             textView.setPadding( 20 , 0 , 0 , 0 );
             textView.setGravity(Gravity.LEFT | Gravity.CENTER_VERTICAL);
             return  textView;
         }
 
         @Override
         public  long  getGroupId( int  groupPosition) {
             // TODO Auto-generated method stub
             return  groupPosition;
         }
 
         @Override
         public  int  getGroupCount() {
             // TODO Auto-generated method stub
             return  ClassGroups.size();
         }
 
         @Override
         public  Object getGroup( int  groupPosition) {
             // TODO Auto-generated method stub
             return  ClassGroups.get(groupPosition);
         }
 
         @Override
         public  int  getChildrenCount( int  groupPosition) {
             // TODO Auto-generated method stub
             return  ClassDetails.get(groupPosition).size(); <br>     }
 
         @Override
         public  View getChildView( int  groupPosition, int  childPosition,
                 boolean  isLastChild, View convertView, ViewGroup parent) {
             // TODO Auto-generated method stub
             TextView textView = getTextView();
             textView.setText(getChild(groupPosition, childPosition).toString());
             return  textView;
         }
 
         @Override
         public  long  getChildId( int  groupPosition, int  childPosition) {
             // TODO Auto-generated method stub
             return  childPosition;
         }
 
         @Override
         public  Object getChild( int  groupPosition, int  childPosition) {
             // TODO Auto-generated method stub
             return  ClassDetails.get(groupPosition).get(childPosition);      }
 
         
 
     };

 

二、创建两个Menu,分别调用各自的方法,一个是创建班级dialog, 一个是创建删除Dialog. 分别对应增加班级信息和删除班级信息

@Override
public  boolean  onCreateOptionsMenu(Menu menu) {
     // Inflate the menu; this adds items to the action bar if it is present.
     getMenuInflater().inflate(R.menu.main, menu);
     menu.add(Menu.NONE, Menu.FIRST + 1 , 1 , "Add" ).setIcon(
             R.drawable.ic_launcher);
     menu.add(Menu.NONE, Menu.FIRST + 2 , 2 , "Delete" ).setIcon(
             R.drawable.ic_launcher);
     return  true ;
}
 
@Override
public  boolean  onOptionsItemSelected(MenuItem item) {
     switch  (item.getItemId()) {
     case  Menu.FIRST + 1 :
         createAddDialog();
         break ;
     case  Menu.FIRST + 2 :
         createDeleteDialog();
         break ;
     }
     return  false ;
 
}

 

 1、增加的Layout add_item.xml如下:分别放了四个文本,和文本框,一个确定,一个取消按钮。

<?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= "match_parent"
     android:orientation= "vertical"  >
 
     <LinearLayout
         android:layout_width= "wrap_content"
         android:layout_height= "wrap_content"
         android:orientation= "horizontal"  >
 
         <TextView
             android:layout_width= "wrap_content"
             android:layout_height= "wrap_content"
             android:layout_margin= "5dp"
             android:text= "班级号"  />
 
         <EditText
             android:id= "@+id/add_item1"
             android:layout_width= "200dip"
             android:layout_height= "wrap_content"
             android:layout_margin= "5dp"  />
     </LinearLayout>
 
     <LinearLayout
         android:layout_width= "wrap_content"
         android:layout_height= "wrap_content"
         android:orientation= "horizontal"  >
 
         <TextView
             android:layout_width= "wrap_content"
             android:layout_height= "wrap_content"
             android:layout_margin= "5dp"
             android:text= "班级名"  />
 
         <EditText
             android:id= "@+id/add_item2"
             android:layout_width= "200dip"
             android:layout_height= "wrap_content"
             android:layout_margin= "5dp"  />
     </LinearLayout>
 
     <LinearLayout
         android:layout_width= "wrap_content"
         android:layout_height= "wrap_content"
         android:orientation= "horizontal"  >
 
         <TextView
             android:layout_width= "wrap_content"
             android:layout_height= "wrap_content"
             android:layout_margin= "5dp"
             android:text= "班级人数"  />
 
         <EditText
             android:id= "@+id/add_item3"
             android:layout_width= "200dip"
             android:layout_height= "wrap_content"
             android:layout_margin= "5dp"  />
     </LinearLayout>
 
     <LinearLayout
         android:layout_width= "wrap_content"
         android:layout_height= "wrap_content"
         android:orientation= "horizontal"  >
 
         <TextView
             android:layout_width= "wrap_content"
             android:layout_height= "wrap_content"
             android:layout_margin= "5dp"
             android:text= "老师"  />
 
         <EditText
             android:id= "@+id/add_item4"
             android:layout_width= "200dip"
             android:layout_height= "wrap_content"
             android:layout_margin= "5dp"  />
     </LinearLayout>
 
     <LinearLayout
         android:layout_width= "wrap_content"
         android:layout_height= "wrap_content"
         android:orientation= "horizontal"  >
 
         <Button
             android:id= "@+id/ok"
             android:layout_width= "wrap_content"
             android:layout_height= "wrap_content"
             android:layout_margin= "5dp"
             android:text= "ok"  />
 
         <Button
             android:id= "@+id/cancle"
             android:layout_width= "200dip"
             android:layout_height= "wrap_content"
             android:layout_margin= "5dp"
             android:text= "cancle"  />
     </LinearLayout>
 
</LinearLayout>

 

 2、增加的代码如下:通过addItem(class_no.getText().toString(), data);方法,将添加班级信息。取消按钮时关闭当前Dialog.

private  EditText class_no;
private  EditText class_name;
private  EditText stu_num;
private  EditText teacher;
private  Dialog addDialog;
 
public  void  createAddDialog() {
     View addView = getLayoutInflater().inflate(R.layout.add_item, null );
     addDialog = new  Dialog( this );
     addDialog.setContentView(addView);
     addDialog.setTitle( "Add class dialog" );
 
     class_no = (EditText) addView.findViewById(R.id.add_item1);
     class_name = (EditText) addView.findViewById(R.id.add_item2);
     stu_num = (EditText) addView.findViewById(R.id.add_item3);
     teacher = (EditText) addView.findViewById(R.id.add_item4);
 
     Button ok = (Button) addView.findViewById(R.id.ok);
     Button cancle = (Button) addView.findViewById(R.id.cancle);
     ok.setOnClickListener( new  OnClickListener() {
         @Override
         public  void  onClick(View v) {
             // TODO Auto-generated method stub
             String[] data = { class_no.getText().toString(),
                     class_name.getText().toString(), stu_num.getText().toString(),
                     teacher.getText().toString() };
             addItem(class_no.getText().toString(), data);
             addDialog.dismiss();
 
         }
 
     });
     cancle.setOnClickListener( new  OnClickListener() {
 
         @Override
         public  void  onClick(View v) {
             // TODO Auto-generated method stub
             addDialog.dismiss();
         }
     });
     addDialog.show();
}

 

3、增加的效果图如下:

 

4、同理删除的Layout为delete_item.xml

<?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= "match_parent"
     android:orientation= "vertical"  >
 
     <LinearLayout
         android:layout_width= "wrap_content"
         android:layout_height= "wrap_content"
         android:orientation= "horizontal"  >
 
         <TextView
             android:layout_width= "wrap_content"
             android:layout_height= "wrap_content"
             android:text= "删除的班组编号:"  />
 
         <EditText
             android:id= "@+id/delete_id"
             android:layout_width= "200dip"
             android:layout_height= "wrap_content"  />
     </LinearLayout>
 
     <LinearLayout
         android:layout_width= "wrap_content"
         android:layout_height= "wrap_content"
         android:orientation= "horizontal"  >
 
         <Button
             android:id= "@+id/delete"
             android:layout_width= "90dip"
             android:layout_height= "wrap_content"
             android:text= "Delete"  />
 
         <Button
             android:id= "@+id/cancle_delete"
             android:layout_width= "90dip"
             android:layout_height= "wrap_content"
             android:text= "Canlce"  />
     </LinearLayout>
 
</LinearLayout>

 

5、 删除的代码为:输入编号: 如2, 则将班组号为2的班级所有信息删除。调用了ClassGroups.remove(i);ClassDetails.remove(i);方法。

Dialog deleteDialog;
EditText delete_group_id;
 
public  void  createDeleteDialog() {
     View deleteView = getLayoutInflater().inflate(R.layout.delete_item,
             null );
     deleteDialog = new  Dialog( this );
     deleteDialog.setContentView(deleteView);
     deleteDialog.setTitle( "Delete class dialog" );
 
     delete_group_id = (EditText) deleteView.findViewById(R.id.delete_id);
 
     Button ok = (Button) deleteView.findViewById(R.id.delete);
     Button cancle = (Button) deleteView.findViewById(R.id.cancle_delete);
     ok.setOnClickListener( new  OnClickListener() {
         @Override
         public  void  onClick(View v) {
             // TODO Auto-generated method stub
             String deleteId = delete_group_id.getText().toString();
             if  (!deleteId.equals( "" )) {
                 int  i = Integer.parseInt(deleteId);
                 ClassGroups.remove(i);
                 ClassDetails.remove(i);
             }
             deleteDialog.dismiss();
 
         }
 
     });
     cancle.setOnClickListener( new  OnClickListener() {
 
         @Override
         public  void  onClick(View v) {
             // TODO Auto-generated method stub
             deleteDialog.dismiss();
         }
     });
     deleteDialog.show();
}

 

6、删除的效果图如下:

 

 

 

三、回调函数的使用。

当单击组时,显示组的信息。单击子项的信息,显示组合子项的信息。如第一张图右下角显示的信息。

            //ExpandableListView的回调函数 用于监听那个id 被expand
expandableListView.setOnGroupClickListener( new  OnGroupClickListener() {
     
     @Override
     public  boolean  onGroupClick(ExpandableListView parent, View v,
             int  groupPosition, long  id) {
         // TODO Auto-generated method stub
         Toast.makeText(ExpandableList3. this , "You Click "  + groupPosition + " Group" , Toast.LENGTH_LONG).show();
         return  false ;
     }
});
 
expandableListView.setOnChildClickListener( new  OnChildClickListener() {
     
     @Override
     public  boolean  onChildClick(ExpandableListView parent, View v,
             int  groupPosition, int  childPosition, long  id) {
         // TODO Auto-generated method stub
         Toast.makeText(ExpandableList3. this , "You Click "  + childPosition + " child in group"  + groupPosition, Toast.LENGTH_LONG).show();
         return  false ;
     }
});

 ExpandableList的使用就介绍到这里。本文也是对自己学习情况的记录,方便以后再次学习。



本文转自Work Hard Work Smart博客园博客,原文链接:http://www.cnblogs.com/linlf03/archive/2013/03/25/2980959.html,如需转载请自行联系原作者

目录
相关文章
|
2月前
|
安全 数据库 Android开发
在Android开发中实现两个Intent跳转及数据交换的方法
总结上述内容,在Android开发中,Intent不仅是活动跳转的桥梁,也是两个活动之间进行数据交换的媒介。运用Intent传递数据时需注意数据类型、传输大小限制以及安全性问题的处理,以确保应用的健壯性和安全性。
145 11
|
6月前
|
JavaScript Linux 网络安全
Termux安卓终端美化与开发实战:从下载到插件优化,小白也能玩转Linux
Termux是一款安卓平台上的开源终端模拟器,支持apt包管理、SSH连接及Python/Node.js/C++开发环境搭建,被誉为“手机上的Linux系统”。其特点包括零ROOT权限、跨平台开发和强大扩展性。本文详细介绍其安装准备、基础与高级环境配置、必备插件推荐、常见问题解决方法以及延伸学习资源,帮助用户充分利用Termux进行开发与学习。适用于Android 7+设备,原创内容转载请注明来源。
1208 77
|
3月前
|
安全 Java Android开发
为什么大厂要求安卓开发者掌握Kotlin和Jetpack?深度解析现代Android开发生态优雅草卓伊凡
为什么大厂要求安卓开发者掌握Kotlin和Jetpack?深度解析现代Android开发生态优雅草卓伊凡
170 0
为什么大厂要求安卓开发者掌握Kotlin和Jetpack?深度解析现代Android开发生态优雅草卓伊凡
|
7月前
|
前端开发 Java Shell
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
417 20
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
7月前
|
JavaScript 搜索推荐 Android开发
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
209 8
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
|
7月前
|
Dart 前端开发 Android开发
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
166 4
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
8月前
|
缓存 前端开发 Android开发
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
362 12
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
|
7月前
|
安全 Android开发 iOS开发
escrcpy:【技术党必看】Android开发,Escrcpy 让你无线投屏新体验!图形界面掌控 Android,30-120fps 超流畅!🔥
escrcpy 是一款基于 Scrcpy 的开源项目,使用 Electron 构建,提供图形化界面来显示和控制 Android 设备。它支持 USB 和 Wi-Fi 连接,帧率可达 30-120fps,延迟低至 35-70ms,启动迅速且画质清晰。escrcpy 拥有丰富的功能,包括自动化任务、多设备管理、反向网络共享、批量操作等,无需注册账号或广告干扰。适用于游戏直播、办公协作和教育演示等多种场景,是一款轻量级、高性能的 Android 控制工具。
500 1
|
8月前
|
Dart 前端开发 Android开发
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
190 1
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
9月前
|
搜索推荐 前端开发 API
探索安卓开发中的自定义视图:打造个性化用户界面
在安卓应用开发的广阔天地中,自定义视图是一块神奇的画布,让开发者能够突破标准控件的限制,绘制出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战技巧,逐步揭示如何在安卓平台上创建和运用自定义视图来提升用户体验。无论你是初学者还是有一定经验的开发者,这篇文章都将为你打开新的视野,让你的应用在众多同质化产品中脱颖而出。
151 19