ExpandableListView简单应用及listview模拟ExpandableListView

简介:   首先我们还是来看一些案例,还是拿搜狐新闻客户端,因为我天天上下班没事爱看这个东东,上班又没时间看新闻,上下班路途之余浏览下新闻打发时间嘛.                            看这个效果挺棒吧,其实实现起来也不难,我简单说明下. 首先我们用到的控件是:ExpandableListView 布局文件: [java] vi

  首先我们还是来看一些案例,还是拿搜狐新闻客户端,因为我天天上下班没事爱看这个东东,上班又没时间看新闻,上下班路途之余浏览下新闻打发时间嘛.

                          

看这个效果挺棒吧,其实实现起来也不难,我简单说明下.

首先我们用到的控件是:ExpandableListView

布局文件:

[java]  view plain copy
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent" >  
  5.   
  6.     <!--  
  7.      android:groupIndicator="@null" 取消默认图片  
  8.     android:childIndicatorLeft 设置孩子左边间距  
  9.     android:dividerHeight 这个高度一定要设置,不然显示不出来分割线,估计默认为0 吧  
  10.      android:childDivider="@drawable/child_bg" 这个直接引color,或者图片会导致整个孩子背景都为这个颜色  ,不知道原因,如果有谁知道,请Give me say.  
  11.     -->  
  12.   
  13.     <ExpandableListView  
  14.         android:id="@+id/expandablelist"  
  15.         android:layout_width="match_parent"  
  16.         android:layout_height="match_parent"  
  17.         android:cacheColorHint="@null"  
  18.         android:childDivider="@drawable/child_bg"  
  19.         android:childIndicatorLeft="0dp"  
  20.         android:divider="@color/Grey"  
  21.         android:dividerHeight="1dp"  
  22.         android:groupIndicator="@null"  
  23.         android:scrollbarAlwaysDrawHorizontalTrack="true" >  
  24.     </ExpandableListView>  
  25.   
  26. </RelativeLayout>  

MyexpandableListAdapter.java

[java]  view plain copy
  1. /*** 
  2.      * 数据源 
  3.      *  
  4.      * @author Administrator 
  5.      *  
  6.      */  
  7.     class MyexpandableListAdapter extends BaseExpandableListAdapter {  
  8.         private Context context;  
  9.         private LayoutInflater inflater;  
  10.   
  11.         public MyexpandableListAdapter(Context context) {  
  12.             this.context = context;  
  13.             inflater = LayoutInflater.from(context);  
  14.         }  
  15.   
  16.         // 返回父列表个数  
  17.         @Override  
  18.         public int getGroupCount() {  
  19.             return groupList.size();  
  20.         }  
  21.   
  22.         // 返回子列表个数  
  23.         @Override  
  24.         public int getChildrenCount(int groupPosition) {  
  25.             return childList.get(groupPosition).size();  
  26.         }  
  27.   
  28.         @Override  
  29.         public Object getGroup(int groupPosition) {  
  30.   
  31.             return groupList.get(groupPosition);  
  32.         }  
  33.   
  34.         @Override  
  35.         public Object getChild(int groupPosition, int childPosition) {  
  36.             return childList.get(groupPosition).get(childPosition);  
  37.         }  
  38.   
  39.         @Override  
  40.         public long getGroupId(int groupPosition) {  
  41.             return groupPosition;  
  42.         }  
  43.   
  44.         @Override  
  45.         public long getChildId(int groupPosition, int childPosition) {  
  46.             return childPosition;  
  47.         }  
  48.   
  49.         @Override  
  50.         public boolean hasStableIds() {  
  51.   
  52.             return true;  
  53.         }  
  54.   
  55.         @Override  
  56.         public View getGroupView(int groupPosition, boolean isExpanded,  
  57.                 View convertView, ViewGroup parent) {  
  58.             GroupHolder groupHolder = null;  
  59.             if (convertView == null) {  
  60.                 groupHolder = new GroupHolder();  
  61.                 convertView = inflater.inflate(R.layout.group, null);  
  62.                 groupHolder.textView = (TextView) convertView  
  63.                         .findViewById(R.id.group);  
  64.                 groupHolder.imageView = (ImageView) convertView  
  65.                         .findViewById(R.id.image);  
  66.                 groupHolder.textView.setTextSize(15);  
  67.                 convertView.setTag(groupHolder);  
  68.             } else {  
  69.                 groupHolder = (GroupHolder) convertView.getTag();  
  70.             }  
  71.   
  72.             groupHolder.textView.setText(getGroup(groupPosition).toString());  
  73.             if (isExpanded)// ture is Expanded or false is not isExpanded  
  74.                 groupHolder.imageView.setImageResource(R.drawable.expanded);  
  75.             else  
  76.                 groupHolder.imageView.setImageResource(R.drawable.collapse);  
  77.             return convertView;  
  78.         }  
  79.   
  80.         @Override  
  81.         public View getChildView(int groupPosition, int childPosition,  
  82.                 boolean isLastChild, View convertView, ViewGroup parent) {  
  83.             if (convertView == null) {  
  84.                 convertView = inflater.inflate(R.layout.item, null);  
  85.             }  
  86.             TextView textView = (TextView) convertView.findViewById(R.id.item);  
  87.             textView.setTextSize(13);  
  88.             textView.setText(getChild(groupPosition, childPosition).toString());  
  89.             return convertView;  
  90.         }  
  91.   
  92.         @Override  
  93.         public boolean isChildSelectable(int groupPosition, int childPosition) {  
  94.             return true;  
  95.         }  
  96.     }  
  97.   
  98.     @Override  
  99.     public boolean onGroupClick(final ExpandableListView parent, final View v,  
  100.             int groupPosition, final long id) {  
  101.   
  102.         return false;  
  103.     }  
上面实现起来比较简单.相信对listview熟悉的朋友看这个一定很熟悉,无外乎就是多了个孩子.

selector_group.xml

[java]  view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  3.   
  4.     <item android:drawable="@color/Grey" android:state_pressed="true"></item>  
  5.     <item android:drawable="@color/Grey" android:state_selected="true"></item>  
  6.     <item android:drawable="@color/LightGray"></item>  
  7.   
  8. </selector>  
selector_item.xml  同理.


效果图:

                     

效果虽然丑了点,不过就是这么回事,至于显示group的item,还是孩子的item,你可以随意定制.

   不想敲的同学,可以下载源码,稍作调整.  

   源码下载



/********************************LIstView模拟ExpandableListView**************************************************************/

下面我们接着看一些案例:

               

其实就是:点击listview的一个item,展开其孩子,点击另一个item,打开其孩子,关闭之前那个孩子.

这个眨一看是ExpandableListView这个东东,可是本人比较笨戳,整了好久没有弄出来,最终放弃,google下,发现有人用listview来模拟实现,也就跟着做了下.

布局文件:(后面多个隐藏text.)

[java]  view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="wrap_content"  
  5.     android:background="@color/white"  
  6.     android:gravity="center_vertical"  
  7.     android:orientation="vertical" >  
  8.   
  9.     <RelativeLayout  
  10.         android:layout_width="match_parent"  
  11.         android:layout_height="wrap_content"  
  12.         android:background="@drawable/selector_group"  
  13.         android:gravity="center_vertical"  
  14.         android:orientation="horizontal"  
  15.         android:padding="5dp" >  
  16.   
  17.         <TextView  
  18.             android:id="@+id/group"  
  19.             android:layout_width="wrap_content"  
  20.             android:layout_height="wrap_content"  
  21.             android:layout_centerVertical="true"  
  22.             android:textColor="@color/black" />  
  23.   
  24.         <ImageView  
  25.             android:id="@+id/image"  
  26.             android:layout_width="wrap_content"  
  27.             android:layout_height="wrap_content"  
  28.             android:layout_alignParentRight="true"  
  29.             android:layout_centerVertical="true"  
  30.             android:src="@drawable/collapse" />  
  31.     </RelativeLayout>  
  32.   
  33.     <TextView  
  34.         android:id="@+id/hint_item"  
  35.         android:layout_width="fill_parent"  
  36.         android:layout_height="wrap_content"  
  37.         android:gravity="center_vertical"  
  38.         android:padding="10dp"  
  39.         android:textColor="@color/black"  
  40.         android:visibility="gone" />  
  41.   
  42. </LinearLayout>  

MyAdpter.java

[java]  view plain copy
  1. /*** 
  2.      * 数据源 
  3.      *  
  4.      * @author zhangjia 
  5.      *  
  6.      */  
  7.     class MyAdpter extends BaseAdapter {  
  8.         private Context context;  
  9.         private LayoutInflater inflater;  
  10.   
  11.         private int change_index = -1;// 改变项  
  12.   
  13.         public MyAdpter(Context context) {  
  14.             super();  
  15.             this.context = context;  
  16.             inflater = (LayoutInflater) context  
  17.                     .getSystemService(context.LAYOUT_INFLATER_SERVICE);  
  18.         }  
  19.   
  20.         @Override  
  21.         public int getCount() {  
  22.             return groupList.size();  
  23.         }  
  24.   
  25.         @Override  
  26.         public Object getItem(int position) {  
  27.             return groupList.get(position);  
  28.         }  
  29.   
  30.         @Override  
  31.         public long getItemId(int position) {  
  32.             return position;  
  33.         }  
  34.   
  35.         @Override  
  36.         public View getView(int position, View convertView, ViewGroup parent) {  
  37.             GroupHolder groupHolder = null;  
  38.             if (convertView == null) {  
  39.                 groupHolder = new GroupHolder();  
  40.                 convertView = inflater.inflate(R.layout.group, null);  
  41.                 groupHolder.textView = (TextView) convertView  
  42.                         .findViewById(R.id.group);  
  43.                 groupHolder.imageView = (ImageView) convertView  
  44.                         .findViewById(R.id.image);  
  45.                 groupHolder.hint_item = (TextView) convertView  
  46.                         .findViewById(R.id.hint_item);  
  47.                 convertView.setTag(groupHolder);  
  48.             } else {  
  49.                 groupHolder = (GroupHolder) convertView.getTag();  
  50.             }  
  51.             groupHolder.textView.setText(groupList.get(position));  
  52.             groupHolder.hint_item.setText(childList.get(position));  
  53.             if (change_index == position)  
  54.                 groupHolder.hint_item.setVisibility(View.VISIBLE);  
  55.             else  
  56.                 groupHolder.hint_item.setVisibility(View.GONE);  
  57.   
  58.             return convertView;  
  59.         }  
  60.   
  61.         /*** 
  62.          * 这个方法用于更改子item的状态 
  63.          */  
  64.         public void changeImageVisable(View view, int position) {  
  65.             // 隐藏提示  
  66.             if (change_index == position) {  
  67.                 GroupHolder groupHolder = (GroupHolder) view.getTag();  
  68.                 if (groupHolder.hint_item.getVisibility() == View.VISIBLE)  
  69.                     groupHolder.hint_item.setVisibility(View.GONE);  
  70.                 else  
  71.                     groupHolder.hint_item.setVisibility(View.VISIBLE);  
  72.   
  73.             } else {  
  74.                 change_index = position;  
  75.                 notifyDataSetChanged();// restart getview  
  76.             }  
  77.   
  78.         }  
  79.     }  

这个数据源很简单,只是多了个用于控制孩子隐藏与显示的方法changeImageVisable.代码很简单,相信不用过多解释.

效果:

                      


上面模拟显示的孩子是一个textview(缺点:隐藏textview显示时候点击会影响到其父控件,大家尝试一下,不过肯定有解决办法的.),

下面我来介绍下,如果孩子是listview应该怎么办.


首先配置文件:

[java]  view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <!-- android:descendantFocusability="blocksDescendants"这个属性就可以让父listview获取焦点 -->  
  3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="wrap_content"  
  6.     android:background="@color/white"  
  7.     android:descendantFocusability="blocksDescendants"  
  8.     android:gravity="center_vertical"  
  9.     android:orientation="vertical" >  
  10.   
  11.     <RelativeLayout  
  12.         android:layout_width="match_parent"  
  13.         android:layout_height="wrap_content"  
  14.         android:background="@drawable/selector_group"  
  15.         android:gravity="center_vertical"  
  16.         android:orientation="horizontal"  
  17.         android:padding="5dp" >  
  18.   
  19.         <TextView  
  20.             android:id="@+id/group"  
  21.             android:layout_width="wrap_content"  
  22.             android:layout_height="wrap_content"  
  23.             android:layout_centerVertical="true"  
  24.             android:text="精品推荐"  
  25.             android:textColor="@color/black" />  
  26.   
  27.         <ImageView  
  28.             android:id="@+id/image"  
  29.             android:layout_width="wrap_content"  
  30.             android:layout_height="wrap_content"  
  31.             android:layout_alignParentRight="true"  
  32.             android:layout_centerVertical="true"  
  33.             android:src="@drawable/collapse" />  
  34.     </RelativeLayout>  
  35.   
  36.     <ListView  
  37.         android:id="@+id/hint_item"  
  38.         android:layout_width="fill_parent"  
  39.         android:layout_height="wrap_content"  
  40.         android:gravity="center_vertical"  
  41.         android:textColor="@color/black" />  
  42.   
  43. </LinearLayout>  

[java]  view plain copy
  1. /*** 
  2.  * InitData 
  3.  */  
  4. void InitData() {  
  5.     groupList = new ArrayList<String>();  
  6.     groupList.add("Ios");  
  7.     groupList.add("Android");  
  8.     groupList.add("Window");  
  9.     childList = new ArrayList<ArrayList<String>>();  
  10.     for (int i = 0; i < groupList.size(); i++) {  
  11.         ArrayList<String> childTemp;  
  12.         if (i == 0) {  
  13.             childTemp = new ArrayList<String>();  
  14.             childTemp.add("iphone 4");  
  15.             childTemp.add("iphone 5");  
  16.         } else if (i == 1) {  
  17.             childTemp = new ArrayList<String>();  
  18.             childTemp.add("Anycall");  
  19.             childTemp.add("HTC");  
  20.             childTemp.add("Motorola");  
  21.         } else {  
  22.             childTemp = new ArrayList<String>();  
  23.             childTemp.add("Lumia 800C ");  
  24.         }  
  25.         childList.add(childTemp);  
  26.     }  
  27. }  

[java]  view plain copy
  1. /*** 
  2.      * 父数据源 
  3.      *  
  4.      * @author zhangjia 
  5.      *  
  6.      */  
  7.     class MyAdpter extends BaseAdapter {  
  8.         private Context context;  
  9.         private LayoutInflater inflater;  
  10.   
  11.         private int change_index = -1;// 改变项  
  12.   
  13.         public MyAdpter(Context context) {  
  14.             super();  
  15.             this.context = context;  
  16.             inflater = (LayoutInflater) context  
  17.                     .getSystemService(context.LAYOUT_INFLATER_SERVICE);  
  18.         }  
  19.   
  20.         @Override  
  21.         public int getCount() {  
  22.             return groupList.size();  
  23.         }  
  24.   
  25.         @Override  
  26.         public Object getItem(int position) {  
  27.             return groupList.get(position);  
  28.         }  
  29.   
  30.         @Override  
  31.         public long getItemId(int position) {  
  32.             return position;  
  33.         }  
  34.   
  35.         @Override  
  36.         public View getView(final int position, View convertView,  
  37.                 ViewGroup parent) {  
  38.             GroupHolder groupHolder = null;  
  39.             if (convertView == null) {  
  40.                 groupHolder = new GroupHolder();  
  41.                 convertView = inflater.inflate(R.layout.group_item, null);  
  42.                 groupHolder.textView = (TextView) convertView  
  43.                         .findViewById(R.id.group);  
  44.                 groupHolder.imageView = (ImageView) convertView  
  45.                         .findViewById(R.id.image);  
  46.                 groupHolder.hint_item = (ListView) convertView  
  47.                         .findViewById(R.id.hint_item);  
  48.   
  49.                 convertView.setTag(groupHolder);  
  50.             } else {  
  51.                 groupHolder = (GroupHolder) convertView.getTag();  
  52.             }  
  53.             groupHolder.textView.setText(groupList.get(position));  
  54.             groupHolder.hint_item.setAdapter(getListView(childList  
  55.                     .get(position)));  
  56.             groupHolder.hint_item  
  57.                     .setOnItemClickListener(new OnItemClickListener() {  
  58.                         @Override  
  59.                         public void onItemClick(AdapterView<?> parent,  
  60.                                 View view, int position_id, long id) {  
  61.                             Toast.makeText(context,  
  62.                                     childList.get(position).get(position_id), 1)  
  63.                                     .show();  
  64.                         }  
  65.                     });  
  66.             // 动态设置listview 的高度  
  67.             setListViewHeightBaseOnChildren(groupHolder.hint_item);  
  68.   
  69.             if (change_index == position) {  
  70.                 groupHolder.hint_item.setVisibility(View.VISIBLE);  
  71.                 groupHolder.imageView.setImageResource(R.drawable.expanded);  
  72.             }  
  73.   
  74.             else {  
  75.                 groupHolder.hint_item.setVisibility(View.GONE);  
  76.                 groupHolder.imageView.setImageResource(R.drawable.collapse);  
  77.             }  
  78.   
  79.             return convertView;  
  80.         }  
  81.   
  82.         /*** 
  83.          * 这个方法用于更改子item的状态 
  84.          */  
  85.         public void changeImageVisable(View view, int position) {  
  86.             // 隐藏提示  
  87.             if (change_index == position) {  
  88.                 GroupHolder groupHolder = (GroupHolder) view.getTag();  
  89.                 if (groupHolder.hint_item.getVisibility() == View.VISIBLE)  
  90.                     groupHolder.hint_item.setVisibility(View.GONE);  
  91.                 else  
  92.                     groupHolder.hint_item.setVisibility(View.VISIBLE);  
  93.             } else {  
  94.                 change_index = position;  
  95.                 notifyDataSetChanged();// restart getview  
  96.             }  
  97.   
  98.         }  
  99.     }  
上面代码和刚才的差不多,唯一需要我们注意的是“ listview嵌套listview,我们需要注意哪些问题 ”.

第一:listview和listview嵌套,子listview只显示一个多一点点,不能正常显示,解决办法:对listview重新设置起高度.(相信同学们对这个方法一点也不陌生.)

[java]  view plain copy
  1. /*** 
  2.      * 动态设置listview的高度 
  3.      *  
  4.      * @param listView 
  5.      */  
  6.     public void setListViewHeightBaseOnChildren(ListView listView) {  
  7.         ListAdapter listAdapter = listView.getAdapter();  
  8.         if (listAdapter == null)  
  9.             return;  
  10.         int totalHeight = 0;// 总高度  
  11.         for (int i = 0; i < listAdapter.getCount(); i++) {  
  12.             View listitem = listAdapter.getView(i, null, listView);  
  13.             listitem.measure(00);  
  14.             totalHeight += listitem.getMeasuredHeight();  
  15.         }  
  16.         int totalDividerHeight = 0;  
  17.         totalDividerHeight = listView.getDividerHeight()  
  18.                 * (listAdapter.getCount() - 1);  
  19.         ViewGroup.LayoutParams layoutParams = listView.getLayoutParams();  
  20.         layoutParams.height = totalHeight + totalDividerHeight;  
  21.         listView.setLayoutParams(layoutParams);  
  22.     }  
第二个问题: listview 嵌套listview的时候,子listview会屏蔽掉父listview的焦点.使得父listview无法点击 .

解决办法很简单:我们只需要在父listview的Adapter里面的配置文件最顶部的如LinearLayout加入一行:  android:descendantFocusability="blocksDescendants"就ok了. 


效果图:

   

嗯,效果还可以吧,就介绍这么多了,如有问题或好的建议请吉留言.

目录
相关文章
|
8月前
|
Android开发
Android 使用ViewPager和自定义PagerAdapter实现轮播图效果
Android 使用ViewPager和自定义PagerAdapter实现轮播图效果
70 0
|
Android开发
Android 取消 ExpandableListView 的分割线,解决ScrollView 嵌套 ExpandableListView的问题
Android 取消 ExpandableListView 的分割线,解决ScrollView 嵌套 ExpandableListView的问题
|
缓存 Android开发 容器
ViewPager刷新问题原理分析及解决方案(FragmentPagerAdapter+FragementStatePagerAdapter)
ViewPager刷新问题原理分析及解决方案(FragmentPagerAdapter+FragementStatePagerAdapter)
513 0
ViewPager刷新问题原理分析及解决方案(FragmentPagerAdapter+FragementStatePagerAdapter)
|
Android开发
RecyclerView + SnapHelper实现炫酷ViewPager效果
目录 什么是SnapHelper SnapHelper是Google 在 Android 24.2.0 的support 包中添加的对RecyclerView的拓展,结合RecyclerView使用,能很方便的做出一些炫酷的效果。
5344 0
|
缓存 Android开发 开发者
Android应用开发—ViewPager FragmentPagerAdapter和FragmentStatePagerAdapter下Fragment的生命周期
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/voidreturn/article/details/78170499 ViewPager配合不同的PagerAdapter,对应Fragment的生命周期有着不同的表现,了解这个生命周期机制对于开发者选择合适的PagerAdapter实现不同的效果,有着很大的帮助。
1371 0
|
Android开发 容器 缓存
Android开发技巧——FlingViewPager与RecyclerPagerAdapter
刚才看了一下,距我上次写原创博客已经有三个多月了。当然,这三个多月一直没有去写博客的借口有很多,这次就不赘述了。 本篇讲的是在上次项目开发中封装的两个类,这两个类除了正好是分别继承自ViewPager及PagerAdapter,并没有其他更多的联系,所以我主要是介绍一下它们所涉及到的一些比较实用的开发技巧及知识。
908 0
FragmentPagerAdapter和FragmentStatePagerAdapter区别?
FragmentPagerAdapter:对于不再需要的fragment,选择调用detach方法,仅销毁视图,并不会销毁fragment实例。FragmentStatePagerAdapter:会销毁不再需要的fragment,当当前事务提交以后,会彻底的将fragmeng从当前Activity的...
888 0