天天看點

可拓展的ListView——ExpandableListView

   一個操作性很強的ListView

效果圖~

可拓展的ListView——ExpandableListView

直接上代碼,很簡單~ main.xml裡就一個ExpandableListView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <!-- android:cacheColorHint="#00000000",這個設定可以去除拖動view時背景變成黑色的效果
     android:listSelector="#00000000" ,可以去除選中時的黃色底色
     android:divider 分割線樣式     ps:分割線樣式出不來請設定android:dividerHeight="1dp";
 -->

    <ExpandableListView 
        android:id="@+id/elv_demo"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:cacheColorHint="#000000"
        android:listSelector="#000000"
        />
    
    
</LinearLayout>
           

注意下注釋~

MainActivity.java

package com.ob.main;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.BaseExpandableListAdapter;
import android.widget.ExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnChildClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

/**
 * 簡單的BaseExpandableListAdapter 詳解,有詳細注釋~ 全在onCreate方法裡也是醉~
 * @author 2014/11/11~
 *
 */
public class MainActivity extends Activity{

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		
		/**BaseExpandableListAdapter實作了ExpandableListAdapter*/
		final ExpandableListAdapter adapter = new BaseExpandableListAdapter(){

/**----------定義數組-------------------------------------------------------------------*/
			private int[] images = new int[]{
					R.drawable.ic_launcher,
					R.drawable.stop,
					R.drawable.play
			};
			private String[] armTypes = new String[]{
					"神族","蟲族","人族"
			};
			private String[][] arms = new String[][]{
					{"狂戰士","龍騎士","黑暗聖堂"},
					{"小狗","飛龍","自爆妃子"},
					{"步兵","傘兵","護士mm"}
			};
						
/*===========組元素表示可折疊的清單項,子元素表示清單項展開後看到的多個子元素項=============*/

/**----------得到armTypes和arms中每一個元素的ID-------------------------------------------*/
			
			//擷取組在給定的位置編号,即armTypes中元素的ID
			public long getGroupId(int groupPosition) {
				return groupPosition;
			}
		
			//擷取在給定的組的兒童的ID,就是arms中元素的ID
			public long getChildId(int groupPosition, int childPosition) {
				return childPosition;
			}
			
/**----------根據上面得到的ID的值,來得到armTypes和arms中元素的個數 ------------------------*/
			
			//擷取的群體數量,得到armTypes裡元素的個數
			public int getGroupCount() {
				return armTypes.length;
			}
			
			//取得指定組中的兒童人數,就是armTypes中每一個種族它軍種的個數
			public int getChildrenCount(int groupPosition) {
				return arms[groupPosition].length;
			}
			
/**----------利用上面getGroupId得到ID,進而根據ID得到armTypes中的資料,并填到TextView中 -----*/
			
			//擷取與給定的組相關的資料,得到數組armTypes中元素的資料
			public Object getGroup(int groupPosition) {
				return armTypes[groupPosition];
			}

			//擷取一個視圖顯示給定組,存放armTypes
			public View getGroupView(int groupPosition, boolean isExpanded,
					View convertView, ViewGroup parent) {
				TextView textView = getTextView();//調用定義的getTextView()方法
				textView.setText(getGroup(groupPosition).toString());//添加資料
				return textView;
			}

/**----------利用上面getChildId得到ID,進而根據ID得到arms中的資料,并填到TextView中---------*/
			
			//擷取與孩子在給定的組相關的資料,得到數組arms中元素的資料
			public Object getChild(int groupPosition, int childPosition) {
				return arms[groupPosition][childPosition];
			}
			
			//擷取一個視圖顯示在給定的組 的兒童的資料,就是存放arms
			public View getChildView(int groupPosition, int childPosition, boolean isLastChild,
					View convertView, ViewGroup parent) {
				LinearLayout ll = new LinearLayout(MainActivity.this);
				ll.setOrientation(0);//定義為縱向排列
				ImageView logo = new ImageView(MainActivity.this);
				logo.setImageResource(images[groupPosition]);//添加圖檔
				ll.addView(logo);
				TextView textView = getTextView();//調用定義的getTextView()方法
				textView.setText(getChild(groupPosition,childPosition).toString());//添加資料
				ll.addView(textView);
				return ll;
			}
			
/**------------------自定義一個設定TextView屬性的方法----------------------------------------------*/
			
			//定義一個TextView
			private TextView getTextView(){
				AbsListView.LayoutParams lp = new AbsListView.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,40);
				TextView textView = new TextView(MainActivity.this);
				textView.setLayoutParams(lp);
				textView.setPadding(50, 0, 0, 0);
				textView.setTextSize(20);
				return textView;
			}
			
/**-------------------其他設定-------------------------------------------------------------------*/
			
			//孩子在指定的位置是可選的,即:arms中的元素是可點選的
			public boolean isChildSelectable(int groupPosition,
					int childPosition) {
				return true;
			}

			//表示孩子是否群組ID是跨基礎資料的更改穩定
			public boolean hasStableIds() {
				return true;
			}
		};
			
			/**使用擴充卡*/
			ExpandableListView expandListView = (ExpandableListView) this.findViewById(R.id.elv_demo);
			expandListView.setAdapter(adapter);
			
			//設定item點選的監聽器
			expandListView.setOnChildClickListener(new OnChildClickListener() {

	            public boolean onChildClick(ExpandableListView parent, View v,
	                    int groupPosition, int childPosition, long id) {

	                Toast.makeText(
	                        MainActivity.this,
	                        "你點選了" + adapter.getChild(groupPosition, childPosition),
	                        Toast.LENGTH_SHORT).show();

	                return false;
	            }
	        });
	    
	}
	
	

	
}
           

很詳細的注釋,主要看明白Adapter裡對于組控件和子空間的資料操作,其它的和常用的ListView沒有太大的差别~

很簡單就沒上源碼了,共勉...

轉載:http://blog.csdn.net/like7xiaoben/article/details/7211469

繼續閱讀