(VIEW控件)Android之实现QQ好友分组(ExpandableListView)

xiaoxiao2021-02-28  122

        在项目开发中,也许我们遇到过ListView中嵌套ListView,但谷歌建议我们最好别这样做,因此他们写好了一个ExpandableListView类,他继承ListView,可以实现ListView中嵌套ListView的效果,好了,废话不多说,先上效果图:

点击下载源码:仿QQ好友分组源代码

 

主代码:

[java]  view plain  copy public class ExListView extends Activity {       private static final String GROUP_TEXT = "group_text";//大组成员Map的key       private static final String CHILD_TEXT1 = "child_text1";//小组成员Map的第一个key       private static final String CHILD_TEXT2 = "child_text2";//小组成员Map的第二个key          List<Map<String, String>> groupData = new ArrayList<Map<String, String>>();//大组成员       List<List<Map<String, String>>> childData = new ArrayList<List<Map<String, String>>>();//小组成员          ExAdapter adapter;       ExpandableListView exList;//可扩展的ListView          @Override       public void onCreate(Bundle savedInstanceState) {           super.onCreate(savedInstanceState);           setContentView(R.layout.main);           //为大小组中添加数据           for (int i = 1; i < 6; i++) {               Map<String, String> curGroupMap = new HashMap<String, String>();               groupData.add(curGroupMap);               curGroupMap.put(GROUP_TEXT, "第" + i + "大组");                  List<Map<String, String>> children = new ArrayList<Map<String, String>>();               for (int j = 1; j < 6; j++) {                   Map<String, String> curChildMap = new HashMap<String, String>();                   children.add(curChildMap);                   curChildMap.put(CHILD_TEXT1, "第" + j + "小组");                   curChildMap.put(CHILD_TEXT2, "第" + j + "小组签名");               }               childData.add(children);           }              adapter = new ExAdapter(ExListView.this);           exList = (ExpandableListView) findViewById(R.id.list);           exList.setAdapter(adapter);           exList.setGroupIndicator(null);//不设置大组指示器图标,因为我们自定义设置了           exList.setDivider(null);//设置图片可拉伸的       }       //关键代码是这个可扩展的listView适配器       class ExAdapter extends BaseExpandableListAdapter {           Context context;              public ExAdapter(Context context) {               super();               this.context = context;           }           //得到大组成员的view           public View getGroupView(int groupPosition, boolean isExpanded,                   View convertView, ViewGroup parent) {               View view = convertView;               if (view == null) {                   LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);                   view = inflater.inflate(R.layout.member_listview, null);               }                  TextView title = (TextView) view.findViewById(R.id.content_001);               title.setText(getGroup(groupPosition).toString());//设置大组成员名称                  ImageView image = (ImageView) view.findViewById(R.id.tubiao);//是否展开大组的箭头图标               if (isExpanded)//大组展开时                   image.setBackgroundResource(R.drawable.btn_browser2);               else//大组合并时                   image.setBackgroundResource(R.drawable.btn_browser);                  return view;           }           //得到大组成员的id           public long getGroupId(int groupPosition) {               return groupPosition;           }           //得到大组成员名称           public Object getGroup(int groupPosition) {               return groupData.get(groupPosition).get(GROUP_TEXT).toString();           }           //得到大组成员总数           public int getGroupCount() {               return groupData.size();              }              // 得到小组成员的view           public View getChildView(int groupPosition, int childPosition,                   boolean isLastChild, View convertView, ViewGroup parent) {               View view = convertView;               if (view == null) {                   LayoutInflater inflater = LayoutInflater.from(context);                   view = inflater.inflate(R.layout.member_childitem, null);               }               final TextView title = (TextView) view                       .findViewById(R.id.child_text);               title.setText(childData.get(groupPosition).get(childPosition)                       .get(CHILD_TEXT1).toString());//大标题               final TextView title2 = (TextView) view                       .findViewById(R.id.child_text2);               title2.setText(childData.get(groupPosition).get(childPosition)                       .get(CHILD_TEXT2).toString());//小标题                  return view;           }           //得到小组成员id           public long getChildId(int groupPosition, int childPosition) {               return childPosition;           }           //得到小组成员的名称           public Object getChild(int groupPosition, int childPosition) {               return childData.get(groupPosition).get(childPosition).get(CHILD_TEXT1)                       .toString();           }           //得到小组成员的数量           public int getChildrenCount(int groupPosition) {               return childData.get(groupPosition).size();           }           /**           * Indicates whether the child and group IDs are stable across changes to the           * underlying data.           * 表明大組和小组id是否稳定的更改底层数据。           * @return whether or not the same ID always refers to the same object           * @see Adapter#hasStableIds()           */           public boolean hasStableIds() {               return true;           }           //得到小组成员是否被选择           public boolean isChildSelectable(int groupPosition, int childPosition) {               return true;           }          }   }  

主界面配置文件main.xml:

[html]  view plain  copy <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"       xmlns:tools="http://schemas.android.com/tools"       android:layout_width="fill_parent"       android:layout_height="fill_parent"       android:background="@drawable/default_bg" >          <ExpandableListView           android:id="@+id/list"           android:layout_width="fill_parent"           android:layout_height="fill_parent"           android:layout_alignParentLeft="true" android:cacheColorHint="#00000000" /><!-- 背景设置为透明,防止滑动时,白屏 -->      </RelativeLayout>  

大组成员配置文件member_listview.xml:

[html]  view plain  copy <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"       xmlns:tools="http://schemas.android.com/tools"       android:layout_width="fill_parent"       android:layout_height="wrap_content"       android:layout_gravity="center_horizontal" >          <LinearLayout           android:id="@+id/layout_013"           android:layout_width="fill_parent"           android:layout_height="wrap_content"           android:orientation="horizontal" >              <ImageView               android:id="@+id/ImageView01"               android:layout_width="wrap_content"               android:layout_height="wrap_content"               android:gravity="center_vertical"               android:paddingTop="10dp"               android:src="@drawable/user_group" >           </ImageView>              <RelativeLayout               android:id="@+id/layout_013"               android:layout_width="wrap_content"               android:layout_height="wrap_content" >                  <TextView                   android:id="@+id/content_001"                   android:layout_width="wrap_content"                   android:layout_height="fill_parent"                   android:layout_gravity="center_vertical"                   android:gravity="center_vertical"                   android:paddingLeft="10dp"                   android:textColor="#FFFFFF"                   android:textSize="30sp" >               </TextView>                  <ImageView                   android:id="@+id/tubiao"                   android:layout_width="wrap_content"                   android:layout_height="wrap_content"                   android:layout_alignParentRight="true" >               </ImageView>           </RelativeLayout>       </LinearLayout>          <!--      <RelativeLayout android:id="@+id/layout_013"                    android:layout_width="fill_parent"                    android:layout_height="fill_parent">          <ImageView android:id="@+id/ImageView01"                      android:layout_width="wrap_content"                      android:layout_height="wrap_content"                     android:src="@drawable/icon"></ImageView>          <TextView android:id="@+id/content_001"                     android:text="@+id/TextView01"                     android:layout_width="wrap_content"                     android:layout_toRightOf="@+id/ImageView01"                     android:layout_height="wrap_content"></TextView>         <ImageView android:layout_width="wrap_content"                     android:layout_toRightOf="@+id/content_001"                     android:layout_height="wrap_content"                     android:id="@+id/tubiao"></ImageView>      </RelativeLayout>             -->      </LinearLayout>  

小组成员配置文件member_childitem.xml:

[html]  view plain  copy <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"       xmlns:tools="http://schemas.android.com/tools"       android:id="@+id/childlayout"       android:layout_width="fill_parent"       android:layout_height="fill_parent"       android:orientation="horizontal" >          <ImageView           android:id="@+id/child_image"           android:layout_width="wrap_content"           android:layout_height="wrap_content"           android:layout_marginLeft="40dp"           android:background="@drawable/child_image"           android:paddingTop="10dp" >       </ImageView>          <LinearLayout           android:layout_width="wrap_content"           android:layout_height="wrap_content"           android:orientation="vertical" >              <TextView               android:id="@+id/child_text"               android:layout_width="wrap_content"               android:layout_height="wrap_content"               android:layout_gravity="center_vertical"               android:gravity="center_vertical"               android:text=""               android:textColor="#FFFFFF"               android:textSize="25sp" >           </TextView>              <TextView               android:id="@+id/child_text2"               android:layout_width="wrap_content"               android:layout_height="wrap_content"               android:layout_gravity="center_vertical"               android:gravity="center_vertical"               android:text=""               android:textColor="#FFFFFF"               android:textSize="20sp" >           </TextView>       </LinearLayout>      </LinearLayout>  
转载请注明原文地址: https://www.6miu.com/read-36750.html

最新回复(0)