建网站怎么建,软件下载页面制作,做设计的素材网站,小工具 wordpressAndroid 布局控件之ExpandableListView#xff08;可折叠列表#xff09;
ExpandableListView——可折叠列表#xff0c;它是ListView的子类#xff0c;可以把数据分为多个组和多个子项#xff0c;它的显示效果就像我们的QQ分组功能#xff0c;每个组下面有多个好友可折叠列表
ExpandableListView¬——可折叠列表它是ListView的子类可以把数据分为多个组和多个子项它的显示效果就像我们的QQ分组功能每个组下面有多个好友但是ExpandableListView¬显示的列表项需要有ExpandableAdapter类提供。下面来简单了解一下吧。
1、常用属性
android:childDivider指定各组内子类表项之间的分隔条图片不会完全显示 分离子列表项的是一条直线 android:childIndicator显示在子列表旁边的Drawable对象可以是一个图像 android:childIndicatorEnd子列表项指示符的结束约束位置 android:childIndicatorLeft子列表项指示符的左边约束位置 android:childIndicatorRight子列表项指示符的右边约束位置 android:childIndicatorStart子列表项指示符的开始约束位置 android:groupIndicator显示在组列表旁边的Drawable对象可以是一个图像 android:indicatorEnd组列表项指示器的结束约束位置 android:indicatorLeft组列表项指示器的左边约束位置 android:indicatorRight组列表项指示器的右边约束位置 android:indicatorStart组列表项指示器的开始约束位置
2、ExpandableAdapter常用的有三种方式我这里主要以BaseExpandableListAdpter来实现简单的可折叠列表实例。
3、实例代码
1首先我们创建连个Java封装类分别封装组和组的子项的内容代码如下
1-1Group封装类
package com.example.imageviewtest.bean;
public class Group {private String gName; //声明全局变量组名称public Group() { //无参构造函数}//构造函数初始化组名称public Group(String gName) {this.gName gName;} //get 组 属性public String getgName() {return gName;}//set 组 属性public void setgName(String gName) {this.gName gName;}
}1-2Item 封装类 package com.example.imageviewtest.bean;
public class Item {private int iId; //声明全局变量 子项IDprivate String sName; //声明全局变量 子项名称//无参构造函数public Item() {}//构造函数初始化子项ID 和子项名称public Item(int iId, String sName) {this.iId iId;this.sName sName;}public int getiId() {return iId;}public String getsName() {return sName;}public void setiId(int iId) {this.iId iId;}public void setsName(String sName) {this.sName sName;}2写两个布局控件分别用来显示Group和Item
(2-1) item_exlist_group.xml代码
?xml version1.0 encodingutf-8?
LinearLayoutxmlns:androidhttp://schemas.android.com/apk/res/androidandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationhorizontalandroid:padding5dpTextViewandroid:idid/tv_group_nameandroid:layout_widthmatch_parentandroid:layout_height56dpandroid:gravitycenter_verticalandroid:paddingLeft30dpandroid:text好友android:textStyleboldandroid:textSize20sp /
/LinearLayout2-2item_exlist_item.xml
?xml version1.0 encodingutf-8?
LinearLayoutxmlns:androidhttp://schemas.android.com/apk/res/androidandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationhorizontalandroid:padding5dpandroid:background#6BBA79!--显示用户图片--ImageViewandroid:idid/img_iconandroid:layout_width48dpandroid:layout_height48dpandroid:srcdrawable/picandroid:focusablefalse/!--显示用户名称--TextViewandroid:idid/tv_nameandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_marginLeft15dpandroid:layout_marginTop15dpandroid:focusablefalseandroid:text李逍遥android:textSize18sp /
/LinearLayout(3)定义Adapter类基本注释我都写了。
package com.example.imageviewtest.controlpritice;
import android.content.ClipData;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import androidx.core.app.NavUtils;import com.example.imageviewtest.R;
import com.example.imageviewtest.bean.Group;
import com.example.imageviewtest.bean.Item;
import java.util.ArrayList;public class MyBaseExpandableListAdapter extends BaseExpandableListAdapter {private ArrayListGroup gData; //创建一个List组private ArrayListArrayListItem iData; //创建一个List 接收所有子项列表private Context myContext; //声明一个变量接收当前上下文//构造函数初始化全局变量public MyBaseExpandableListAdapter(ArrayListGroup gData, ArrayListArrayListItem iData, Context mContext) {this.gData gData;this.iData iData;this.myContext mContext;}//获取组数Overridepublic int getGroupCount() {return gData.size();}//获取组的子项数目Overridepublic int getChildrenCount(int groupPosition) {return iData.get(groupPosition).size();}//获取组信息Overridepublic Object getGroup(int groupPosition) {return gData.get(groupPosition);}//获取子项信息Overridepublic Object getChild(int groupPosition, int childPosition) {return iData.get(groupPosition).get(childPosition);}//获取组IDOverridepublic long getGroupId(int groupPosition) {return groupPosition;}//获取子项IDOverridepublic long getChildId(int groupPosition, int childPosition) {return childPosition;}//Overridepublic boolean hasStableIds() {return false;}//取得用于显示给定分组的视图. 这个方法仅返回分组的视图对象Overridepublic View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {ViewHolderGroup holderGroup;if (convertView null) {convertView LayoutInflater.from(myContext).inflate(R.layout.item_exlist_group,parent,false);holderGroupnew ViewHolderGroup();holderGroup.tv_group_name(TextView) convertView.findViewById(R.id.tv_group_name);convertView.setTag(holderGroup);}else{holderGroup (ViewHolderGroup) convertView.getTag();}holderGroup.tv_group_name.setText(gData.get(groupPosition).getgName());return convertView;}//取得显示给定分组给定子位置的数据用的视图Overridepublic View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {ViewHolderItem holderItem;if (convertView null) {convertViewLayoutInflater.from(myContext).inflate(R.layout.item_exlist_item,parent,false);holderItemnew ViewHolderItem();holderItem.img_iconconvertView.findViewById(R.id.img_icon);holderItem.tv_nameconvertView.findViewById(R.id.tv_name);convertView.setTag(holderItem);}else{holderItem(ViewHolderItem) convertView.getTag();}holderItem.img_icon.setImageResource(iData.get(groupPosition).get(childPosition).getiId());holderItem.tv_name.setText(iData.get(groupPosition).get(childPosition).getsName());return convertView;}//设置子列表是否可选中Overridepublic boolean isChildSelectable(int groupPosition, int childPosition) {return true;}//声明一个静态类获取显示组控件private static class ViewHolderGroup{private TextView tv_group_name;}//声明一个静态类获取显示子项控件private static class ViewHolderItem{private ImageView img_icon;private TextView tv_name;}}4最后我们创建一个布局文件来放ExpandableListView容器代码如下 ?xml version1.0 encodingutf-8?
LinearLayoutxmlns:androidhttp://schemas.android.com/apk/res/androidandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:padding5dpExpandableListViewandroid:idid/exlist_lolandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:childDivider#E02D2F/
/LinearLayout
以及布局的后台代码主要为了准备数据如下
package com.example.imageviewtest.ui;
import android.app.ExpandableListActivity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.ExpandableListView;
import android.widget.Toast;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import com.example.imageviewtest.R;
import com.example.imageviewtest.bean.Group;
import com.example.imageviewtest.bean.Item;
import com.example.imageviewtest.controlpritice.MyBaseExpandableListAdapter;
import java.util.ArrayList;
public class ShowExpandableListActivity extends AppCompatActivity {private Context myContext;private ArrayListGroup gDatanull;private ArrayListArrayListItem iDatanull;private ArrayListItem lDatanull;private MyBaseExpandableListAdapter myBaseExpandableListAdapternull;private ExpandableListView exlistlol;Overrideprotected void onCreate(Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_showexpandablelist);myContext ShowExpandableListActivity.this;exlistlol findViewById(R.id.exlist_lol);//数据准备gDatanew ArrayListGroup();iDatanew ArrayListArrayListItem();gData.add(new Group(朋友));gData.add(new Group(家人));gData.add(new Group(同学));lDatanew ArrayListItem();//朋友组//朋友组lData.add(new Item(R.drawable.pic,杨过));lData.add(new Item(R.drawable.pic,小龙女));lData.add(new Item(R.drawable.pic,令狐冲));lData.add(new Item(R.drawable.pic,东方不败));iData.add(lData);//家人组lData new ArrayListItem();lData.add(new Item(R.drawable.pic, 大哥));lData.add(new Item(R.drawable.pic, 二哥));lData.add(new Item(R.drawable.pic, 大姐));lData.add(new Item(R.drawable.pic, 二姐));lData.add(new Item(R.drawable.pic, 三弟));iData.add(lData);//同学组lData new ArrayListItem();lData.add(new Item(R.drawable.pic, 郭襄));lData.add(new Item(R.drawable.pic, 任盈盈));lData.add(new Item(R.drawable.pic, 周星星));lData.add(new Item(R.drawable.pic, 仪琳));iData.add(lData);myBaseExpandableListAdapternew MyBaseExpandableListAdapter(gData,iData,myContext);exlistlol.setAdapter(myBaseExpandableListAdapter);//为列表设置点击事件exlistlol.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {Overridepublic boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {Toast.makeText(myContext, 你点击了 iData.get(groupPosition).get(childPosition).getsName(), Toast.LENGTH_SHORT).show();return true;}});}
}显示结果
