AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Android中 ExpandableList的使用2

2017-11-16 875
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

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，如需转载请自行联系原作者

文章标签：
Android开发
zting科技
目录
相关文章
请看我回答~
|
2月前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上，安卓和iOS两大阵营各据一方。随着技术的演进，跨平台开发框架成为开发者的新宠，旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战，并分享实用的开发技巧，帮助开发者在安卓和iOS的世界中游刃有余。
请看我回答~
56 1
shuj
|
2月前
|
缓存 前端开发 Android开发
安卓开发中的自定义视图：从零到英雄
【10月更文挑战第42天】 在安卓的世界里，自定义视图是一块画布，让开发者能够绘制出独一无二的界面体验。本文将带你走进自定义视图的大门，通过深入浅出的方式，让你从零基础到能够独立设计并实现复杂的自定义组件。我们将探索自定义视图的核心概念、实现步骤，以及如何优化你的视图以提高性能和兼容性。准备好了吗？让我们开始这段创造性的旅程吧！
shuj
43 1
游客qf4jmczx4xu2y
|
2月前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图：打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中，自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程，以及如何通过它们增强应用的用户体验。我们将从基础出发，逐步深入，最终让你能够自信地设计和实现专属的UI组件。
游客qf4jmczx4xu2y
62 4
优雅草央千澈
|
4天前
|
Dart 前端开发 Android开发
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
优雅草央千澈
18 1
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
mrq4nk6ni2neg
|
1月前
|
搜索推荐 前端开发 API
探索安卓开发中的自定义视图：打造个性化用户界面
在安卓应用开发的广阔天地中，自定义视图是一块神奇的画布，让开发者能够突破标准控件的限制，绘制出独一无二的用户界面。本文将带你走进自定义视图的世界，从基础概念到实战技巧，逐步揭示如何在安卓平台上创建和运用自定义视图来提升用户体验。无论你是初学者还是有一定经验的开发者，这篇文章都将为你打开新的视野，让你的应用在众多同质化产品中脱颖而出。
mrq4nk6ni2neg
65 19
aliyun8599273441-30642
|
2月前
|
IDE Java 开发工具
移动应用与系统：探索Android开发之旅
在这篇文章中，我们将深入探讨Android开发的各个方面，从基础知识到高级技术。我们将通过代码示例和案例分析，帮助读者更好地理解和掌握Android开发。无论你是初学者还是有经验的开发者，这篇文章都将为你提供有价值的信息和技巧。让我们一起开启Android开发的旅程吧！
aliyun8599273441-30642
73 30
请看我回答~
|
1月前
|
JSON Java API
探索安卓开发：打造你的首个天气应用
在这篇技术指南中，我们将一起潜入安卓开发的海洋，学习如何从零开始构建一个简单的天气应用。通过这个实践项目，你将掌握安卓开发的核心概念、界面设计、网络编程以及数据解析等技能。无论你是初学者还是有一定基础的开发者，这篇文章都将为你提供一个清晰的路线图和实用的代码示例，帮助你在安卓开发的道路上迈出坚实的一步。让我们一起开始这段旅程，打造属于你自己的第一个安卓应用吧！
请看我回答~
70 14
肥猪肥猪-17824
|
1月前
|
Java Linux 数据库
探索安卓开发：打造你的第一款应用
在数字时代的浪潮中，每个人都有机会成为创意的实现者。本文将带你走进安卓开发的奇妙世界，通过浅显易懂的语言和实际代码示例，引导你从零开始构建自己的第一款安卓应用。无论你是编程新手还是希望拓展技术的开发者，这篇文章都将为你打开一扇门，让你的创意和技术一起飞扬。
肥猪肥猪-17824
66 13
shuj
|
1月前
|
XML 存储 Java
探索安卓开发之旅：从新手到专家
在数字时代，掌握安卓应用开发技能是进入IT行业的关键。本文将引导读者从零基础开始，逐步深入安卓开发的世界，通过实际案例和代码示例，展示如何构建自己的第一个安卓应用。我们将探讨基本概念、开发工具设置、用户界面设计、数据处理以及发布应用的全过程。无论你是编程新手还是有一定基础的开发者，这篇文章都将为你提供宝贵的知识和技能，帮助你在安卓开发的道路上迈出坚实的步伐。
shuj
40 5
天下无贼001
|
1月前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略：一次编码，多平台部署
在移动应用开发的广阔天地中，安卓和iOS两大阵营各占一方。随着技术的发展，跨平台开发框架应运而生，它们承诺着“一次编码，到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势，同时通过代码示例揭示跨平台工具的实际运用。
天下无贼001
147 3

热门文章

最新文章

  • 1
    【03】优雅草央千澈详解关于APP签名以及分发-上架完整流程-第三篇安卓APP上架华为商店后面的步骤-华为应用商店相对比较麻烦一些-华为商店安卓上架
  • 2
    app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
  • 3
    [Android] 基于WLAN无线执行自动化方法
  • 4
    王立平--android中的anim(动画)
  • 5
    [Android]使用AdapterTypeRender对不同类型的item数据到UI的渲染
  • 6
    优化Android Studio/Gradle构建
  • 7
    Android.Hack.02_Animations
  • 8
    Android客户端与服务器端的json数据交互（很详细）
  • 9
    Android软件版本更新
  • 10
    分享七个非常有用的Android开发工具和工具包
  • 1
    构建高效Android应用：探究Kotlin协程的优化实践
    69
  • 2
    鸿蒙HarmonyOS 与 Android 的NDK有什么区别？
    465
  • 3
    Android应用开发：实现自定义View的高效绘制
    90
  • 4
    构建高效Android应用：Kotlin协程的实践与优化
    81
  • 5
    构建高效Android应用：Kotlin协程的实践指南
    91
  • 6
    jenkins编译H5做的android端编译卫士app记录
    67
  • 7
    利用Bundle实现Android Activity间消息的传递
    68
  • 8
    Intent在Android中的几种用法
    110
  • 9
    Android如何在Activity和Service之间传递数据
    330
  • 10
    android TextView HTML 的效果
    57

    • 相关电子书

    更多
  • From Java_Android to Swift iOS
  • From Java/Android to Swift iOS
  • 《深入探索Android热修复技术原理》
    • 下一篇
    阿里云开通OSS存储服务详细流程