关于ExpandableListView用法的一个简单小例子
2016-10-05 18:17
681 查看
喜欢显示好友QQ那样的列表,可以展开,可以收起,在Android中,以往用的比较多的是listview,虽然可以实现列表的展示,但在某些情况下,我们还是希望用到可以分组并实现收缩的列表,那就要用到android的ExpandableListView,今天研究了一下这个的用法,也参考了很多资料动手写了一个小demo,实现了基本的功能,但界面优化方面做得还不够好,有待改进,素材采用了Q版三国杀武将的图片,很有爱哈哈,下面直接上效果图以及源代码~!
main.xml的布局很简单啦,只是一个ExpandableListView 就OK了
但值得简单说下的是 android:cacheColorHint=”#00000000”,这个设置可以去除拖动view时背景变成黑色的效果
android:listSelector=”#00000000” ,可以去除选中时的黄色底色
main.xml的布局很简单啦,只是一个ExpandableListView 就OK了
但值得简单说下的是 android:cacheColorHint=”#00000000”,这个设置可以去除拖动view时背景变成黑色的效果
android:listSelector=”#00000000” ,可以去除选中时的黄色底色
<code class="hljs xml has-numbering"><span class="hljs-tag"><<span class="hljs-title">LinearLayout</span> <span class="hljs-attribute">xmlns:android</span>=<span class="hljs-value">"http://schemas.android.com/apk/res/android"</span> <span class="hljs-attribute">android:layout_width</span>=<span class="hljs-value">"fill_parent"</span> <span class="hljs-attribute">android:layout_height</span>=<span class="hljs-value">"fill_parent"</span> <span class="hljs-attribute">android:orientation</span>=<span class="hljs-value">"vertical"</span> ></span> <span class="hljs-tag"><<span class="hljs-title">ExpandableListView</span> <span class="hljs-attribute">android:id</span>=<span class="hljs-value">"@+id/list"</span> <span class="hljs-attribute">android:layout_width</span>=<span class="hljs-value">"fill_parent"</span> <span class="hljs-attribute">android:layout_height</span>=<span class="hljs-value">"fill_parent"</span> <span class="hljs-attribute">android:background</span>=<span class="hljs-value">"#ffffff"</span> <span class="hljs-attribute">android:cacheColorHint</span>=<span class="hljs-value">"#00000000"</span> <span class="hljs-attribute">android:listSelector</span>=<span class="hljs-value">"#00000000"</span> ></span> <span class="hljs-tag"></<span class="hljs-title">ExpandableListView</span>></span> <span class="hljs-tag"></<span class="hljs-title">LinearLayout</span>></span></code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li></ul><div class="save_code tracking-ad" style="display: none;" data-mod="popu_249"><a target=_blank target="_blank"><img src="http://static.blog.csdn.net/images/save_snippets.png" alt="" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li></ul>
<code class="hljs java has-numbering"><span class="hljs-keyword">import</span> android.app.Activity; <span class="hljs-keyword">import</span> android.graphics.Color; <span class="hljs-keyword">import</span> android.os.Bundle; <span class="hljs-keyword">import</span> android.view.Gravity; <span class="hljs-keyword">import</span> android.view.View; <span class="hljs-keyword">import</span> android.view.ViewGroup; <span class="hljs-keyword">import</span> android.view.Window; <span class="hljs-keyword">import</span> android.widget.AbsListView; <span class="hljs-keyword">import</span> android.widget.BaseExpandableListAdapter; <span class="hljs-keyword">import</span> android.widget.ExpandableListAdapter; <span class="hljs-keyword">import</span> android.widget.ExpandableListView; <span class="hljs-keyword">import</span> android.widget.ExpandableListView.OnChildClickListener; <span class="hljs-keyword">import</span> android.widget.ImageView; <span class="hljs-keyword">import</span> android.widget.LinearLayout; <span class="hljs-keyword">import</span> android.widget.TextView; <span class="hljs-keyword">import</span> android.widget.Toast; <span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">ExpandableList</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Activity</span>{</span> <span class="hljs-keyword">protected</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onCreate</span>(Bundle savedInstanceState) { <span class="hljs-comment">// TODO Auto-generated method stub </span> <span class="hljs-keyword">super</span>.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.main); <span class="hljs-keyword">final</span> ExpandableListAdapter adapter = <span class="hljs-keyword">new</span> BaseExpandableListAdapter() { <span class="hljs-comment">//设置组视图的图片 </span> <span class="hljs-keyword">int</span>[] logos = <span class="hljs-keyword">new</span> <span class="hljs-keyword">int</span>[] { R.drawable.wei, R.drawable.shu,R.drawable.wu}; <span class="hljs-comment">//设置组视图的显示文字 </span> <span class="hljs-keyword">private</span> String[] generalsTypes = <span class="hljs-keyword">new</span> String[] { <span class="hljs-string">"魏"</span>, <span class="hljs-string">"蜀"</span>, <span class="hljs-string">"吴"</span> }; <span class="hljs-comment">//子视图显示文字 </span> <span class="hljs-keyword">private</span> String[][] generals = <span class="hljs-keyword">new</span> String[][] { { <span class="hljs-string">"夏侯惇"</span>, <span class="hljs-string">"甄姬"</span>, <span class="hljs-string">"许褚"</span>, <span class="hljs-string">"郭嘉"</span>, <span class="hljs-string">"司马懿"</span>, <span class="hljs-string">"杨修"</span> }, { <span class="hljs-string">"马超"</span>, <span class="hljs-string">"张飞"</span>, <span class="hljs-string">"刘备"</span>, <span class="hljs-string">"诸葛亮"</span>, <span class="hljs-string">"黄月英"</span>, <span class="hljs-string">"赵云"</span> }, { <span class="hljs-string">"吕蒙"</span>, <span class="hljs-string">"陆逊"</span>, <span class="hljs-string">"孙权"</span>, <span class="hljs-string">"周瑜"</span>, <span class="hljs-string">"孙尚香"</span> } }; <span class="hljs-comment">//子视图图片 </span> <span class="hljs-keyword">public</span> <span class="hljs-keyword">int</span>[][] generallogos = <span class="hljs-keyword">new</span> <span class="hljs-keyword">int</span>[][] { { R.drawable.xiahoudun, R.drawable.zhenji, R.drawable.xuchu, R.drawable.guojia, R.drawable.simayi, R.drawable.yangxiu }, { R.drawable.machao, R.drawable.zhangfei, R.drawable.liubei, R.drawable.zhugeliang, R.drawable.huangyueying, R.drawable.zhaoyun }, { R.drawable.lvmeng, R.drawable.luxun, R.drawable.sunquan, R.drawable.zhouyu, R.drawable.sunshangxiang } }; <span class="hljs-comment">//自己定义一个获得文字信息的方法 </span> TextView getTextView() { AbsListView.LayoutParams lp = <span class="hljs-keyword">new</span> AbsListView.LayoutParams( ViewGroup.LayoutParams.FILL_PARENT, <span class="hljs-number">64</span>); TextView textView = <span class="hljs-keyword">new</span> TextView( ExpandableList.<span class="hljs-keyword">this</span>); textView.setLayoutParams(lp); textView.setGravity(Gravity.CENTER_VERTICAL); textView.setPadding(<span class="hljs-number">36</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>); textView.setTextSize(<span class="hljs-number">20</span>); textView.setTextColor(Color.BLACK); <span class="hljs-keyword">return</span> textView; } <span class="hljs-comment">//重写ExpandableListAdapter中的各个方法 </span> <span class="hljs-annotation">@Override</span> <span class="hljs-keyword">public</span> <span class="hljs-keyword">int</span> <span class="hljs-title">getGroupCount</span>() { <span class="hljs-comment">// TODO Auto-generated method stub </span> <span class="hljs-keyword">return</span> generalsTypes.length; } <span class="hljs-annotation">@Override</span> <span class="hljs-keyword">public</span> Object <span class="hljs-title">getGroup</span>(<span class="hljs-keyword">int</span> groupPosition) { <span class="hljs-comment">// TODO Auto-generated method stub </span> <span class="hljs-keyword">return</span> generalsTypes[groupPosition]; } <span class="hljs-annotation">@Override</span> <span class="hljs-keyword">public</span> <span class="hljs-keyword">long</span> <span class="hljs-title">getGroupId</span>(<span class="hljs-keyword">int</span> groupPosition) { <span class="hljs-comment">// TODO Auto-generated method stub </span> <span class="hljs-keyword">return</span> groupPosition; } <span class="hljs-annotation">@Override</span> <span class="hljs-keyword">public</span> <span class="hljs-keyword">int</span> <span class="hljs-title">getChildrenCount</span>(<span class="hljs-keyword">int</span> groupPosition) { <span class="hljs-comment">// TODO Auto-generated method stub </span> <span class="hljs-keyword">return</span> generals[groupPosition].length; } <span class="hljs-annotation">@Override</span> <span class="hljs-keyword">public</span> Object <span class="hljs-title">getChild</span>(<span class="hljs-keyword">int</span> groupPosition, <span class="hljs-keyword">int</span> childPosition) { <span class="hljs-comment">// TODO Auto-generated method stub </span> <span class="hljs-keyword">return</span> generals[groupPosition][childPosition]; } <span class="hljs-annotation">@Override</span> <span class="hljs-keyword">public</span> <span class="hljs-keyword">long</span> <span class="hljs-title">getChildId</span>(<span class="hljs-keyword">int</span> groupPosition, <span class="hljs-keyword">int</span> childPosition) { <span class="hljs-comment">// TODO Auto-generated method stub </span> <span class="hljs-keyword">return</span> childPosition; } <span class="hljs-annotation">@Override</span> <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">hasStableIds</span>() { <span class="hljs-comment">// TODO Auto-generated method stub </span> <span class="hljs-keyword">return</span> <span class="hljs-keyword">true</span>; } <span class="hljs-annotation">@Override</span> <span class="hljs-keyword">public</span> View <span class="hljs-title">getGroupView</span>(<span class="hljs-keyword">int</span> groupPosition, <span class="hljs-keyword">boolean</span> isExpanded, View convertView, ViewGroup parent) { <span class="hljs-comment">// TODO Auto-generated method stub </span> LinearLayout ll = <span class="hljs-keyword">new</span> LinearLayout( ExpandableList.<span class="hljs-keyword">this</span>); ll.setOrientation(<span class="hljs-number">0</span>); ImageView logo = <span class="hljs-keyword">new</span> ImageView(ExpandableList.<span class="hljs-keyword">this</span>); logo.setImageResource(logos[groupPosition]); logo.setPadding(<span class="hljs-number">50</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>); ll.addView(logo); TextView textView = getTextView(); textView.setTextColor(Color.BLACK); textView.setText(getGroup(groupPosition).toString()); ll.addView(textView); <span class="hljs-keyword">return</span> ll; } <span class="hljs-annotation">@Override</span> <span class="hljs-keyword">public</span> View <span class="hljs-title">getChildView</span>(<span class="hljs-keyword">int</span> groupPosition, <span class="hljs-keyword">int</span> childPosition, <span class="hljs-keyword">boolean</span> isLastChild, View convertView, ViewGroup parent) { <span class="hljs-comment">// TODO Auto-generated method stub </span> LinearLayout ll = <span class="hljs-keyword">new</span> LinearLayout( ExpandableList.<span class="hljs-keyword">this</span>); ll.setOrientation(<span class="hljs-number">0</span>); ImageView generallogo = <span class="hljs-keyword">new</span> ImageView( ExpandableList.<span class="hljs-keyword">this</span>); generallogo .setImageResource(generallogos[groupPosition][childPosition]); ll.addView(generallogo); TextView textView = getTextView(); textView.setText(getChild(groupPosition, childPosition) .toString()); ll.addView(textView); <span class="hljs-keyword">return</span> ll; } <span class="hljs-annotation">@Override</span> <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">isChildSelectable</span>(<span class="hljs-keyword">int</span> groupPosition, <span class="hljs-keyword">int</span> childPosition) { <span class="hljs-comment">// TODO Auto-generated method stub </span> <span class="hljs-keyword">return</span> <span class="hljs-keyword">true</span>; } }; ExpandableListView expandableListView = (ExpandableListView) findViewById(R.id.list); expandableListView.setAdapter(adapter); <span class="hljs-comment">//设置item点击的监听器 </span> expandableListView.setOnChildClickListener(<span class="hljs-keyword">new</span> OnChildClickListener() { <span class="hljs-annotation">@Override</span> <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">onChildClick</span>(ExpandableListView parent, View v, <span class="hljs-keyword">int</span> groupPosition, <span class="hljs-keyword">int</span> childPosition, <span class="hljs-keyword">long</span> id) { Toast.makeText( ExpandableList.<span class="hljs-keyword">this</span>, <span class="hljs-string">"你点击了"</span> + adapter.getChild(groupPosition, childPosition), Toast.LENGTH_SHORT).show(); <span class="hljs-keyword">return</span> <span class="hljs-keyword">false</span>; } }); } }</code>
相关文章推荐
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子(转)
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子
- Android关于ExpandableListView用法的一个简单小例子。仿QQ列表
- 【转】 关于ExpandableListView用法的一个简单小例子
- Android中关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子
- 关于ExpandableListView用法的一个简单小例子