文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android UI控件ExpandableListView基本用法详解

2022-06-06 07:34

关注

ExpandableListView介绍 

ExpandableListView的引入 

ExpandableListView可以显示一个视图垂直滚动显示两级列表中的条目,这不同于列表视图(ListView)。ExpandableListView允许有两个层次:一级列表中有二级列表。
 比如在手机设置中,对于分类,有很好的效果。手机版QQ也是这样的效果。

 

使用ExpandableListView的整体思路 

(1)给ExpandableListView设置适配器,那么必须先设置数据源。

 (2)数据源,就是此处的适配器类ExpandableAdapter,此方法继承了BaseExpandableListAdapter,需要重写里面的10个方法。
 数据源中,用到了自定义的View布局,此时根据自己的需求,来设置组和子项的布局样式。
 getChildView()和getGroupView()方法设置自定义布局。 

(3)数据源设置好,直接给ExpandableListView.setAdapter()即可实现此收缩功能。 

ExpandableListView的完整代码实现
 (1)activity_main.xml:在里面放置一个ExpandableListView控件 


<?xml version="1.0" encoding="utf-8"?>
<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="com.smyhvae.expandablelistviewdemo.MainActivity">
 <ExpandableListView
  android:id="@+id/expandableListView"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  />
</RelativeLayout> 

(2)item_group.xml:一级列表的item的布局


<?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="wrap_content"
    android:background="#cccccc"
    android:orientation="horizontal">
 <TextView
  android:id="@+id/tv_group"
  android:layout_width="wrap_content"
  android:layout_height="30dp"
  android:gravity="center"
  android:text="group text"
  android:textColor="#000000"
  />
</LinearLayout> 

(3)item_child.xml:二级列表的item的布局


 <?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="wrap_content"
    android:gravity="center"
    android:orientation="horizontal">
 <ImageView
  android:id="@+id/iv_child"
  android:layout_width="30dp"
  android:layout_height="30dp"
  android:src="@mipmap/ic_launcher"/>
 <TextView
  android:id="@+id/tv_child"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:text="item text"
  android:textColor="#000000"/>
</LinearLayout> 

(4)MainActivity.java: 


import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.ImageView;
import android.widget.TextView;
public class MainActivity extends Activity {
 //View
 private ExpandableListView expandableListView;
 //Model:定义的数据
 private String[] groups = {"A", "B", "C"};
 //注意,字符数组不要写成{{"A1,A2,A3,A4"}, {"B1,B2,B3,B4,B5"}, {"C1,C2,C3,C4"}}
 private String[][] childs = {{"A1", "A2", "A3", "A4"}, {"A1", "A2", "A3", "B4"}, {"A1", "A2", "A3", "C4"}};
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  expandableListView = (ExpandableListView) findViewById(R.id.expandableListView);
  expandableListView.setAdapter(new MyExpandableListView());
 }
 //为ExpandableListView自定义适配器
 class MyExpandableListView extends BaseExpandableListAdapter {
  //返回一级列表的个数
  @Override
  public int getGroupCount() {
   return groups.length;
  }
  //返回每个二级列表的个数
  @Override
  public int getChildrenCount(int groupPosition) { //参数groupPosition表示第几个一级列表
   Log.d("smyhvae", "-->" + groupPosition);
   return childs[groupPosition].length;
  }
  //返回一级列表的单个item(返回的是对象)
  @Override
  public Object getGroup(int groupPosition) {
   return groups[groupPosition];
  }
  //返回二级列表中的单个item(返回的是对象)
  @Override
  public Object getChild(int groupPosition, int childPosition) {
   return childs[groupPosition][childPosition]; //不要误写成groups[groupPosition][childPosition]
  }
  @Override
  public long getGroupId(int groupPosition) {
   return groupPosition;
  }
  @Override
  public long getChildId(int groupPosition, int childPosition) {
   return childPosition;
  }
  //每个item的id是否是固定?一般为true
  @Override
  public boolean hasStableIds() {
   return true;
  }
  //【重要】填充一级列表
  @Override
  public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
   if (convertView == null) {
    convertView = getLayoutInflater().inflate(R.layout.item_group, null);
   } else {
   }
   TextView tv_group = (TextView) convertView.findViewById(R.id.tv_group);
   tv_group.setText(groups[groupPosition]);
   return convertView;
  }
  //【重要】填充二级列表
  @Override
  public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
   if (convertView == null) {
    convertView = getLayoutInflater().inflate(R.layout.item_child, null);
   }
   ImageView iv_child = (ImageView) convertView.findViewById(R.id.iv_child);
   TextView tv_child = (TextView) convertView.findViewById(R.id.tv_child);
   //iv_child.setImageResource(resId);
   tv_child.setText(childs[groupPosition][childPosition]);
   return convertView;
  }
  //二级列表中的item是否能够被选中?可以改为true
  @Override
  public boolean isChildSelectable(int groupPosition, int childPosition) {
   return true;
  }
 }
} 

注:请自行完成ConvertView和ViewHolder的优化。 

工程文件:(Android Studio 2.1)http://xiazai.jb51.net/201609/yuanma/AndroidExpandableListView(jb51.net).rar

您可能感兴趣的文章:Android 关于ExpandableListView刷新问题的解决方法Android改变ExpandableListView的indicator图标实现方法分享Android中ExpandableListView控件使用教程Android中ExpandableListView的用法实例android使用ExpandableListView控件实现小说目录效果的例子Android ExpandableListView展开列表控件使用实例Android ExpandableListView长按事件的完美解决办法Android之IphoneTreeView带组指示器的ExpandableListView效果Android之带group指示器的ExpandableListView(自写)Android中ExpandableListView使用示例详解


阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     801人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     348人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     311人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     432人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     220人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯