1. 程式人生 > >我的Android進階之旅------>Android二級ListView列表的實現

我的Android進階之旅------>Android二級ListView列表的實現

cat -i gravity 寫真 技術分享 家政服務 個性 韓國 服務

實現例如以下圖所看到的的二級列表效果

技術分享

首先是在布局文件裏,布局兩個ListView,代碼例如以下:

<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="fill_parent"
    android:orientation="horizontal" >
    <ListView
        android:id="@+id/listView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="#e4e3de"
        android:choiceMode="singleChoice"
        android:divider="@drawable/listitem_divide"
        android:listSelector="#00000000"
        android:scrollbars="none" >
    </ListView>

    <ListView
        android:id="@+id/subListView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:layout_weight="1"
        android:background="#e4e3de"
        android:divider="@drawable/listitem_divide" >
    </ListView>
</LinearLayout>

接著給兩個ListView分別寫適配器,父類ListView適配器為MyListAdapter,子類ListView適配器為MySubListAdapter。代碼例如以下:

/src/com/oyp/multilistview/MyListAdapter.java

package com.oyp.multilistview;

import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MyListAdapter extends BaseAdapter {
	Context context;
	LayoutInflater inflater;
	String[] categories;
	int last_item;
	private int selectedPosition = -1;

	public MyListAdapter(Context context, String[] categories) {
		this.context = context;
		this.categories = categories;
		inflater = LayoutInflater.from(context);
	}

	@Override
	public int getCount() {
		return categories.length;
	}

	@Override
	public Object getItem(int position) {
		return position;
	}

	@Override
	public long getItemId(int position) {
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		ViewHolder holder = null;
		if (convertView == null) {
			convertView = inflater.inflate(R.layout.mylist_item, null);
			holder = new ViewHolder();
			holder.textView = (TextView) convertView
					.findViewById(R.id.textView);
			holder.layout = (LinearLayout) convertView
					.findViewById(R.id.colorlayout);
			convertView.setTag(holder);
		} else {
			holder = (ViewHolder) convertView.getTag();
		}
		if (selectedPosition == position) {
			holder.textView.setTextColor(Color.WHITE);
			holder.layout.setBackgroundColor(Color.TRANSPARENT);
		} else {
			holder.textView.setTextColor(Color.BLUE);
			holder.layout.setBackgroundColor(Color.LTGRAY);
		}
		holder.textView.setText(categories[position]);
		holder.textView.setTextColor(Color.BLACK);
		return convertView;
	}

	public static class ViewHolder {
		public TextView textView;
		public LinearLayout layout;
	}

	public void setSelectedPosition(int position) {
		selectedPosition = position;
	}

}

相應的item布局文件為:/res/layout/mylist_item.xml

<?

xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/colorlayout" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="8dip" android:layout_marginLeft="8dip" android:layout_marginTop="8dip" android:textSize="16dip" /> </LinearLayout>


/src/com/oyp/multilistview/MySubListAdapter.java

package com.oyp.multilistview;

import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

public class MySubListAdapter extends BaseAdapter {
	Context context;
	LayoutInflater layoutInflater;
	String[][] sub_categories;
	public int categoryPoition;

	public MySubListAdapter(Context context, String[][] sub_categories, int position) {
		this.context = context;
		this.sub_categories = sub_categories;
		layoutInflater = (LayoutInflater) context
				.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		this.categoryPoition = position;
	}

	@Override
	public int getCount() {
		return sub_categories.length;
	}

	@Override
	public Object getItem(int position) {
		return getItem(position);
	}

	@Override
	public long getItemId(int position) {
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		ViewHolder viewHolder = null;
		if (convertView == null) {
			convertView = layoutInflater.inflate(R.layout.mysublist_item, null);
			viewHolder = new ViewHolder();
			viewHolder.textView = (TextView) convertView
					.findViewById(R.id.subTextView);
			convertView.setTag(viewHolder);
		} else {
			viewHolder = (ViewHolder) convertView.getTag();
		}
		viewHolder.textView.setText(sub_categories[categoryPoition][position]);
		viewHolder.textView.setTextColor(Color.BLACK);
		return convertView;
	}

	public static class ViewHolder {
		public TextView textView;
	}

}

相應的item布局文件為:/res/layout/mysublist_item.xml

<?

xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" > <TextView android:id="@+id/subTextView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="8dip" android:layout_marginLeft="8dip" android:layout_marginTop="8dip" android:textSize="16dip" /> </LinearLayout>


最後是Activity的實現,代碼例如以下:

/src/com/oyp/multilistview/MainActivity.java

package com.oyp.multilistview;

import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

public class MainActivity extends Activity {

	private ListView listView;
	private ListView subListView;
	private MyListAdapter myAdapter;
	private MySubListAdapter subAdapter;
	String sub_categories[][] = new String[][] {
			new String[] { "所有美食", "本幫江浙菜", "川菜", "粵菜", "湘菜", "東北菜", "臺灣菜",
					"新疆/清真", "素菜", "火鍋", "自助餐", "小吃快餐", "日本", "韓國料理", "東南亞菜",
					"西餐", "面包甜點", "其它" },
			new String[] { "所有休閑娛樂", "咖啡廳", "酒吧", "茶館", "KTV", "電影院", "遊樂遊藝",
					"公園", "景點/郊遊", "洗浴", "足浴按摩", "文化藝術", "DIY手工坊", "桌球館",
					"桌面遊戲", "很多其它休閑娛樂" },
			new String[] { "所有購物", "綜合商場", "服飾鞋包", "運動戶外", "珠寶飾品", "化妝品",
					"數碼家電", "親子購物", "家居建材", "書店", "書店", "眼鏡店", "特色集市",
					"很多其它購物場所", "食品茶酒", "超市/便利店", "藥店" },
			new String[] { "所有酒店", "經濟型酒店", "豪華酒店", "度假酒店", "公寓式酒店",
					"客棧/青旅/民宿", "主題精品酒店", " 溫泉酒店", "親子酒店" },
			new String[] { "所有麗人", "美發", "美容/SPA", "美甲", "瘦身纖體", "個性寫真",
					"瑜伽/舞蹈", "其它" },
			new String[] { "所有親子", "親子遊樂", "親子攝影", "幼兒教育", "主題公園/遊樂場",
					"展覽/演出/賽事", "景點郊遊", "DIY手工", "農家樂" },
			new String[] { "所有生活", "商場購物劵", "汽車服務", "鮮花婚慶", "體檢保健", "寵物服務",
					"家政服務", "照片沖印", "配眼鏡" },

	};
	String categories[] = new String[] { "美食", "休閑娛樂", "購物", "酒店", "麗人", "親子",
			"生活服務" };

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		listView = (ListView) findViewById(R.id.listView);
		subListView = (ListView) findViewById(R.id.subListView);
		myAdapter = new MyListAdapter(getApplicationContext(), categories);
		listView.setAdapter(myAdapter);
		setSubList(0);
		listView.setOnItemClickListener(new OnItemClickListener() {
			@Override
			public void onItemClick(AdapterView<?> arg0, View arg1,
					int position, long arg3) {
				setSubList(position);
			}
		});
	}
	public void setSubList(int position) {
		final int location = position;
		myAdapter.setSelectedPosition(position);
		myAdapter.notifyDataSetInvalidated();
		subAdapter = new MySubListAdapter(getApplicationContext(), sub_categories,
				position);
		subListView.setAdapter(subAdapter);
		subListView.setOnItemClickListener(new OnItemClickListener() {
			@Override
			public void onItemClick(AdapterView<?

> arg0, View arg1, int position, long arg3) { // TODO Auto-generated method stub Toast.makeText(getApplicationContext(), sub_categories[location][position], Toast.LENGTH_SHORT) .show(); } }); } }


執行效果例如以下所看到的:

技術分享 技術分享

技術分享 技術分享






====================================================================================

作者:歐陽鵬 歡迎轉載,與人分享是進步的源泉!

轉載請保留原文地址:http://blog.csdn.net/ouyang_peng

====================================================================================

技術分享


我的Android進階之旅------&gt;Android二級ListView列表的實現