Android學習---ListView和Inflater的使用,將一個佈局文件轉化爲一個對象

本文將介紹ListView和Inflater的使用,將接上一篇文章內容.

一.什麼是ListView?

在android開發中ListView是比較經常使用的控件，ListView 控件可以使用四種不一樣視圖顯示項目,1.大（標準）圖標2.小圖標3.列表4.報表,比較經常使用的是列表的形式.ListItem 對象可包含文本和圖片。然而，若要使用圖片則必須經過 Icons 和 SmallIcons 屬性引用 ImageList控件。

本文將接着上一篇文章,將sqlite數據庫的數據以列表的形式顯示出來.

二.效果圖

圖1:

 

圖2:

 

圖3:

 

圖4:

圖5:

 

三.實現

/com/amos/android_db/MyActivity.java

package com.amos.android_db;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;
import com.amos.android_db.dao.Person;
import com.amos.android_db.dao.PersonDao;

import java.util.List;

public class MyActivity extends Activity {

    private ListView personListView;
    private List<Person> persons;
    LayoutInflater inflater;//打氣筒

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //inflater是一個系統服務,初始化系統服務,利用inflater將一個佈局文件轉化爲一個對象
        inflater = (LayoutInflater) this.getSystemService(LAYOUT_INFLATER_SERVICE);

        setContentView(R.layout.main);
        PersonDao personDao = new PersonDao(this);
        persons = personDao.findAll();


        //第一步,獲得組件的id的引用
        personListView = (ListView) this.findViewById(R.id.listview_show_data);
        //第二步,設置組件要顯示的內容,listview要顯示的內容比較複雜,須要數據的適配器
        personListView.setAdapter(new MyListAdapter());

    }

    public class MyListAdapter extends BaseAdapter {

        /**
         * 返回當前有多少個條目
         * @return
         */

        @Override
        public int getCount() {
            return persons.size();
        }

        /**
         * 返回當前position位置對應的條目的object對象
         * @param position
         * @return
         */
        @Override
        public Object getItem(int position) {
            return persons.get(position);
        }

        /**
         * 返回當前position位置對應條目的id
         * @param position
         * @return
         */
        @Override
        public long getItemId(int position) {
            return position;
        }

        /**
         * 返回一個條目顯示的具體內容
         * 計算當前界面 會有多少個條目出現
         * 1.獲得每個textview的高度
         * 2.獲得listview的高度
         * 3.listview高度/textview高度=獲得了一個屏幕顯示textview的的個數
         * listview的每個條目的顯示都須要調用一次getView的方法
         * 屏幕上有多個item顯示就會調用多少getview的方法
         *
         * @param position
         * @param convertView
         * @param parent
         * @return
         */

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
//         TextView textView = new TextView(MyActivity.this);//圖1
//         textView.setText(persons.get(position).getName()+":"+persons.get(position).getAge());
//         return textView;

            View view = inflater.inflate(R.layout.item, null);//圖2-圖5
            Person person = persons.get(position);
            TextView tv_name = (TextView) view.findViewById(R.id.tv_name);
            TextView tv_age = (TextView) view.findViewById(R.id.tv_age);
            tv_name.setText("姓名:" + person.getName());
            tv_age.setText("年齡:" + person.getAge());
            Log.d("item:",""+position);
            return view;
        }
    }

}

注:這個是程序的入口,首先初始化系統服務(inflater),而後將獲得ListView組件的引用並設置組件適配器和要顯示和內容.

ListView顯示須要的三個元素

• ListVeiw 用來展現列表的View。
• 適配器 用來把數據映射到ListView上的中介。
• 數據    具體的將被映射的字符串，圖片，或者基本組件。

注:把打氣筒相關的代碼去掉就能夠獲得圖1的結果,圖2--圖5是加入了佈局文件後的效果,圖4,圖5是新add了一些數據到數據庫裏的,圖4和圖2是LogCat裏的內容,意在表示每上下翻動時其數據庫是動態加載的.

item.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:id="@+id/item"
        >
    <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:id="@+id/tv_name"
            />
    <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:id="@+id/tv_age"
            />

</RelativeLayout>

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:gravity="center_horizontal"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
        >
    <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20sp"
            android:textColor="#fe824f"
            android:text="下面顯示全部帳戶信息"
            />

    <ListView
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/listview_show_data"
            >
    </ListView>
</LinearLayout>

 

本文源碼:https://github.com/amosli/android_basic/tree/android_db