Android--ListView(列表檢視)的使用
阿新 • • 發佈:2018-12-23
前言
當你要將某個從資料庫或者檔案中獲得相當大的資料,在介面中向用戶展示的時候,由於定義一個個檢視比較麻煩,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中
}
}
}
效果: