1. 程式人生 > >Android--ListView(列表檢視)的使用

Android--ListView(列表檢視)的使用

前言

當你要將某個從資料庫或者檔案中獲得相當大的資料,在介面中向用戶展示的時候,由於定義一個個檢視比較麻煩,Android中提供了類似於陣列的控制元件–ListView。


使用方法:

假設我們要轉的資料是一個Person物件陣列

package cn.zhuangzhihuang.mylist;

public class Person {
	private String name;
	private String tel;
	
	
	public Person(String name, String tel) {
		super();
		this.name =
name; this.tel = tel; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getTel() { return tel; } public void setTel(String tel) { this.tel = tel; } public String toString() { return "點選的聯絡人為" + this.getName
() +"\n電話號碼為" + this.getTel(); } }
Person[] DB = {
        		new Person("張三","18555555555"),
        		new Person("李四","18555555556"),
        		new Person("王五","18555555557"),
        		new Person("趙六","18555555558"),
        		new Person("鄧七","18555555559")    		
        		
        };
        
List<
Person>
friend_List; friend_List = new ArrayList<Person>(); for(int i=0;i<DB.length;i++) { friend_List.add(DB[i]); }

1,首先,你需要在xml中加入一個listview控制元件:

<ListView
    android:id="@+id/data_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >
</ListView>

2,接著你需要建立一個介面卡MyAdapter類,這個介面卡的作用時將你要展示的資料轉成可見格式也就時View。

    class MyAdapter extends BaseAdapter {

		@Override
		public int getCount() {  //返回表的長度
			// TODO Auto-generated method stub
			return friend_List.size();
		}

		@Override
		public Object getItem(int position) {  //返回表的index位置的元組
			// TODO Auto-generated method stub
			return friend_List.get(position); 
		}

		@Override
		public long getItemId(int position) {
			// TODO Auto-generated method stub
			return position;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {  //就像等到一個物件陣列的某一個元素
			// TODO Auto-generated method stub
			View view = View.inflate(MainActivity.this, R.layout.item, null);
			TextView tv_item_name = (TextView) view.findViewById(R.id.tv_item_name);
			TextView tv_item_tel = (TextView) view.findViewById(R.id.tv_item_tel);
			tv_item_name.setText(friend_List.get(position).getName());
			tv_item_tel.setText(friend_List.get(position).getTel());
			return view;
			//初始化這個listview會呼叫到這個方法,因為要把傳進去的物件陣列的每個元素轉成view加入到listview中
		}
    	
    }

3,然後要在xml中寫下你要轉成的view的模板

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >
    
    <TextView
        android:id="@+id/tv_item_name"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:textSize="20sp"
        />
    
    <TextView
        android:id="@+id/tv_item_tel"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:textSize="20sp"
        />

</LinearLayout>

4,最後在MainActivity中把listview的介面卡設定一下。呼叫setAdapter這個方法

data_view.setAdapter(myAdapter);

Android程式碼:
xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
    
	    <TextView
	        android:id="@+id/tv1"
	        android:layout_width="0dp"
	        android:layout_height="wrap_content"
	        android:layout_weight="1"
	        android:gravity="center"
	        android:text="姓名"
	        android:textSize="20sp"
	        />
	    
	    <TextView
	        android:id="@+id/tv2"
	        android:layout_width="0dp"
	        android:layout_height="wrap_content"
	        android:layout_weight="1"
	        android:gravity="center"
	        android:text="聯絡電話"
	        android:textSize="20sp"
	        />
	    
	    </LinearLayout>
	    
	    <ListView
	        android:id="@+id/data_view"
	        android:layout_width="match_parent"
	        android:layout_height="wrap_content" >
	    </ListView>


</LinearLayout>

MainActivity:

package cn.zhuangzhihuang.mylist;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {

	List<Person> friend_List;
	
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        ListView data_view = (ListView) findViewById(R.id.data_view);
        
        Person[] DB = {
        		new Person("張三","18555555555"),
        		new Person("李四","18555555556"),
        		new Person("王五","18555555557"),
        		new Person("趙六","18555555558"),
        		new Person("鄧七","18555555559")    		
        		
        };
        
        friend_List = new ArrayList<Person>();
        for(int i=0;i<DB.length;i++) {
        	friend_List.add(DB[i]);
        }
        
        //自定義介面卡
        MyAdapter myAdapter = new MyAdapter();
        data_view.setAdapter(myAdapter);
        
        data_view.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				// TODO Auto-generated method stub
				String temp = friend_List.get((int)id).toString();
				
				Toast.makeText(MainActivity.this, temp, 0).show();
				
			}
		});
    }
    
    class MyAdapter extends BaseAdapter {

		@Override
		public int getCount() {  //返回表的長度
			// TODO Auto-generated method stub
			return friend_List.size();
		}

		@Override
		public Object getItem(int position) {  //返回表的index位置的元組
			// TODO Auto-generated method stub
			return friend_List.get(position); 
		}

		@Override
		public long getItemId(int position) {
			// TODO Auto-generated method stub
			return position;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {  //就像等到一個物件陣列的某一個元素
			// TODO Auto-generated method stub
			View view = View.inflate(MainActivity.this, R.layout.item, null);
			TextView tv_item_name = (TextView) view.findViewById(R.id.tv_item_name);
			TextView tv_item_tel = (TextView) view.findViewById(R.id.tv_item_tel);
			tv_item_name.setText(friend_List.get(position).getName());
			tv_item_tel.setText(friend_List.get(position).getTel());
			return view;
			//初始化這個listview會呼叫到這個方法,因為要把傳進去的物件陣列的每個元素轉成view加入到listview中
		}
    	
    }
}

效果:
在這裡插入圖片描述