Android多级列表ExpandableListView使用实例
2014-09-09 17:30
645 查看
转载请注明出处:/article/9553926.html
为了方便识别和区分,人类习惯将各具特征的事物分为不同的类别。这在很多的手机应用中也得到了体现,如联系人分组、商品分类等等。Android提供了多级列表控件
ExpandableListView来满足开发的需求,接下来我们通过一个具体的实例来看看ExpandableListView的简单使用方法。
首先我们还是来编写一个用于显示的界面,界面布局文件很简单,只包含了一个简单的多级列表控件:
接下来看一下界面代码,在界面中主要是为多级列表设置适配器以及相应处理列表点击事件:
针对多级列表控件ExpandableListView Android提供了对应的多级列表适配器类BaseExpandableListAdapter,我们需要编写一个继承自BaseExpandableListAdapter的子类,因为是多级列表这里需要定义两个布局文件,一个用于一级列表另一个用于子列表,接下来我们首先看看一级列表的布局文件代码:
子列表布局如下:
写完布局文件以后,我们开始编写适配器代码:
主要代码编写完成,下面来看看运行效果吧!
![](http://img.blog.csdn.net/20140909175918289?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQ29kZXJfSm9uZQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
源码地址:http://download.csdn.net/detail/coder_jone/7885521
为了方便识别和区分,人类习惯将各具特征的事物分为不同的类别。这在很多的手机应用中也得到了体现,如联系人分组、商品分类等等。Android提供了多级列表控件
ExpandableListView来满足开发的需求,接下来我们通过一个具体的实例来看看ExpandableListView的简单使用方法。
首先我们还是来编写一个用于显示的界面,界面布局文件很简单,只包含了一个简单的多级列表控件:
<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" tools:context=".MainActivity" > <ExpandableListView android:id="@+id/activity_main_expandablelistview" android:layout_width="match_parent" android:layout_height="wrap_content" android:cacheColorHint="#00000000" android:groupIndicator="@null" android:listSelector="#00000000" > </ExpandableListView> </RelativeLayout>
接下来看一下界面代码,在界面中主要是为多级列表设置适配器以及相应处理列表点击事件:
package com.jone.example.expandablelistdemo; import com.jone.example.expandablelistdemo.MyExpandableListViewAdapter.OnChildItemClickListener; import android.app.Activity; import android.os.Bundle; import android.widget.ExpandableListView; import android.widget.Toast; import android.widget.ExpandableListView.OnGroupExpandListener; /** * 多级列表测试界面 * * @author Jone */ public class MainActivity extends Activity implements OnGroupExpandListener, OnChildItemClickListener { private ExpandableListView mExpandableListView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mExpandableListView = (ExpandableListView) findViewById(R.id.activity_main_expandablelistview); mExpandableListView.setDivider(null); mExpandableListView.setOnGroupExpandListener(this); MyExpandableListViewAdapter adapter = new MyExpandableListViewAdapter(this); mExpandableListView.setAdapter(adapter); adapter.setOnChildItemClickListener(this); } @Override public void onGroupExpand(int groupPosition) { for (int i = 0, count = mExpandableListView.getExpandableListAdapter().getGroupCount(); i < count; i++) { if (groupPosition != i) { // 关闭其他分组 mExpandableListView.collapseGroup(i); } } } @Override public void onChildItemClicked(int groupPosition, int childPosition) { Toast.makeText(this, "点击了" + groupPosition + "下的" + childPosition, Toast.LENGTH_SHORT).show(); } }
针对多级列表控件ExpandableListView Android提供了对应的多级列表适配器类BaseExpandableListAdapter,我们需要编写一个继承自BaseExpandableListAdapter的子类,因为是多级列表这里需要定义两个布局文件,一个用于一级列表另一个用于子列表,接下来我们首先看看一级列表的布局文件代码:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <RelativeLayout style="@style/ItemTheme" > <TextView android:id="@+id/expandablelistview_groupitem_info" android:layout_width="wrap_content" android:layout_height="53dip" android:layout_alignParentLeft="true" android:gravity="center_vertical" android:textColor="#7c7f89" android:textSize="18sp" /> <ImageView android:id="@+id/expandablelistview_groupitem_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:contentDescription="@string/app_name" android:src="@drawable/ic_downarrows" /> </RelativeLayout> <View android:id="@+id/paylist_item_blank" style="@style/BlankTheme" /> </LinearLayout>
子列表布局如下:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/paylist_item" android:layout_width="fill_parent" android:layout_height="match_parent" > <RelativeLayout android:id="@+id/paylist_item_info" style="@style/ItemTheme" > <ImageView android:id="@+id/expandablelistview_groupitem_avatar" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_centerVertical="true" android:contentDescription="@string/app_name" android:src="@drawable/ic_avatar" /> <TextView android:id="@+id/paylist_item_goldtv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_marginLeft="10dp" android:layout_toRightOf="@id/expandablelistview_groupitem_avatar" android:textColor="#a1a3aa" android:textSize="14sp" /> </RelativeLayout> <View android:id="@+id/paylist_item_blank" style="@style/BlankTheme" android:layout_below="@+id/paylist_item_info" /> </RelativeLayout>
写完布局文件以后,我们开始编写适配器代码:
package com.jone.example.expandablelistdemo; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.View.OnClickListener; import android.view.ViewGroup; import android.widget.BaseExpandableListAdapter; import android.widget.ImageView; import android.widget.RelativeLayout; import android.widget.TextView; /** * 多级列表适配器 * * @author Jone */ public class MyExpandableListViewAdapter extends BaseExpandableListAdapter { private String[] mGroupTypes = new String[] { "好友", "陌生人", "黑名单" }; private String[][] mGroupMembers = new String[][] { { "好友一", "好友二", "好友三", "好友四", "好友五" }, { "陌生人一", "陌生人二", "陌生人三", "陌生人四", "陌生人五", "陌生人六" }, { "黑名单一", "黑名单二", "黑名单三", "黑名四" } }; private LayoutInflater mLayoutInflater; private OnChildItemClickListener mOnChildItemClickListener; public MyExpandableListViewAdapter(Context context) { mLayoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); } @Override public int getGroupCount() { return mGroupTypes.length; } @Override public Object getGroup(int groupPosition) { return mGroupTypes[groupPosition]; } @Override public long getGroupId(int groupPosition) { return groupPosition; } @Override public int getChildrenCount(int groupPosition) { return mGroupMembers[groupPosition].length; } @Override public Object getChild(int groupPosition, int childPosition) { return mGroupMembers[groupPosition][childPosition]; } @Override public long getChildId(int groupPosition, int childPosition) { return childPosition; } @Override public boolean hasStableIds() { return true; } @Override public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) { GroupViewHolder groupViewHolder; if (convertView == null) { groupViewHolder = new GroupViewHolder(); convertView = mLayoutInflater.inflate(R.layout.groupitem, null); groupViewHolder.mGroupInfo = (TextView) convertView.findViewById(R.id.expandablelistview_groupitem_info); groupViewHolder.mGroupIcon = (ImageView) convertView.findViewById(R.id.expandablelistview_groupitem_icon); convertView.setTag(groupViewHolder); } else { groupViewHolder = (GroupViewHolder) convertView.getTag(); } if (isExpanded) groupViewHolder.mGroupIcon.setImageResource(R.drawable.ic_uparrows); else groupViewHolder.mGroupIcon.setImageResource(R.drawable.ic_downarrows); groupViewHolder.mGroupInfo.setText(mGroupTypes[groupPosition]); return convertView; } private final class GroupViewHolder { TextView mGroupInfo; ImageView mGroupIcon; } @Override public View getChildView(final int groupPosition, final int childPosition, boolean isLastChild, View convertView, ViewGroup parent) { ChildViewHolder viewHolder; if (convertView == null) { viewHolder = new ChildViewHolder(); convertView = mLayoutInflater.inflate(R.layout.childitem, null); viewHolder.mChildInfoItem = (RelativeLayout) convertView.findViewById(R.id.paylist_item); viewHolder.mChildItemInfo = (TextView) convertView.findViewById(R.id.paylist_item_goldtv); convertView.setTag(viewHolder); } else { viewHolder = (ChildViewHolder) convertView.getTag(); } viewHolder.mChildItemInfo.setText(mGroupMembers[groupPosition][childPosition]); viewHolder.mChildInfoItem.setOnClickListener(new OnClickListener() { @Override public void onClick(View view) { mOnChildItemClickListener.onChildItemClicked(groupPosition, childPosition); } }); return convertView; } private final class ChildViewHolder { RelativeLayout mChildInfoItem; TextView mChildItemInfo; } @Override public boolean isChildSelectable(int groupPosition, int childPosition) { return true; } public interface OnChildItemClickListener { public void onChildItemClicked(int groupPosition, int childPosition); } public void setOnChildItemClickListener(OnChildItemClickListener onChildItemClickListener) { mOnChildItemClickListener = onChildItemClickListener; } }
主要代码编写完成,下面来看看运行效果吧!
源码地址:http://download.csdn.net/detail/coder_jone/7885521
相关文章推荐
- android--------ExpandableListView的使用多级列表
- Android ExpandableListView展开列表控件使用实例
- android--------ExpandableListView的使用多级列表
- android--------ExpandableListView的使用多级列表
- Android UI开发第二篇——多级列表(ExpandableListView)
- android_ExpandableListView 下拉列表使用
- android开发之ExpandableListView的使用,实现类似QQ好友列表
- Android ExpandableListView 使用实例
- android开发之ExpandableListView的使用,实现类似QQ好友列表
- 一看就会Android之分组列表组件ExpandableListView的使用
- Android UI开发第二篇——多级列表(ExpandableListView)
- Android中级联列表ExpandableListView使用
- Android UI开发第二篇——多级列表(ExpandableListView)
- android开发之ExpandableListView的使用,实现类似QQ好友列表
- Android UI开发第二篇——多级列表(ExpandableListView)
- [Android实例] Expandablelistview实现,仿QQ人员列表,自制Shape
- Android::ExpandableListView二级列表控件的使用
- Android中级联列表ExpandableListView使用
- Android UI开发第二篇——多级列表(ExpandableListView)
- Android 中使用ExpandableListView 实现分组的实例