07_ListView

　　ListView是用来显示一个列表的控件，它在Android源代码中是继承AbsListView类的，AbsListView类是继承于AdapterView类的，而AdapterView类是继承ViewGroup类的。

 

　　下面程序的功能：创建ListView，点击Item会显示全部信息。

package com.example.listviewdemo;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends ActionBarActivity implements OnItemClickListener {

    private ListView lv;
    private ArrayAdapter<ListCellData> adapter;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        adapter = new ArrayAdapter<ListCellData>(this, android.R.layout.simple_expandable_list_item_1);
//        adapter = new ArrayAdapter<String>(this, R.layout.lsit_cell);
        
        lv = (ListView) findViewById(R.id.listView1);
        lv.setAdapter(adapter);
        
        adapter.add(new ListCellData("张三", "男", 45));
        adapter.add(new ListCellData("李四", "男", 22));
        adapter.add(new ListCellData("王五", "女", 33));
        
        lv.setOnItemClickListener(this);
        
//        adapter.add("Hello");
//        adapter.add("What?");
    }

    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position,
            long id) {
        ListCellData data = adapter.getItem(position);
        
        Toast.makeText(this, String.format("名字： %s, 性别： %s, 年龄： %d", data.getUserName(), data.getSex(), data.getAge()), Toast.LENGTH_SHORT).show();

        
    }

}

 

　　带image的ListView：

package com.example.listviewdemo;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;

public class CustomListView extends Activity{
    
    private ListView lv;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.custom_listview);
        
        lv = (ListView) findViewById(R.id.lv);
        lv.setAdapter(new CustomListViewAdapter(this));        
    }

}

package com.example.listviewdemo;

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

public class CustomListViewAdapter extends BaseAdapter {

    private Context context = null;
    
    CustomListViewAdapter(Context context){
        this.context = context;
    }
    
    public Context getContext() {
        return context;
    }
    
    private CustomListCellData[] data = new CustomListCellData[]{
        new CustomListCellData("imag1", "dec 1", R.drawable.a),    
        new CustomListCellData("imag2", "dec 2", R.drawable.b),    
        new CustomListCellData("imag3", "dec 3", R.drawable.c)    
    };
    
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        
//        TextView tv = null;
//        
//        //这样做的好处：防止重复创建TextView
//        //在有view被回收后，convertView就不是null
//        if (convertView != null) {
//            tv = (TextView) convertView;
//        }else {
//            tv = new TextView(CustomListView.this);
//        }
//        
//        tv.setTextSize(30);
//        tv.setText(getItem(position));
//        
//        return tv;
        
        LinearLayout ll = null;
        if (convertView != null) {
            ll = (LinearLayout) convertView;
        }else {
            ll = (LinearLayout) LayoutInflater.from(getContext()).inflate(R.layout.custom_listv_cell, null);
        }
        
        CustomListCellData data = getItem(position);
        
        ImageView icon = (ImageView) ll.findViewById(R.id.icon);
        TextView name = (TextView) ll.findViewById(R.id.name);
        TextView dec = (TextView) ll.findViewById(R.id.dec);
        
        icon.setImageResource(data.iconId);
        name.setText(data.name);
        dec.setText(data.dec);
        
        return ll;
    }
    
    @Override
    public long getItemId(int position) {
        return position;
    }
    
    @Override
    public CustomListCellData getItem(int position) {
        return data[position];
    }
    
    @Override
    public int getCount() {
        return data.length;
    }

}

package com.example.listviewdemo;

public class CustomListCellData {

    public CustomListCellData(String name, String dec, int iconId) {
        this.name = name;
        this.dec = dec;
        this.iconId = iconId;
    }

    public String name = "";
    public String dec = "";
    public int iconId = 0;
}

<?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" >
    
    <ImageView 
        android:layout_width="100dp" 
        android:layout_height="100dp"
        android:id="@+id/icon"/>

    <LinearLayout 
        android:layout_weight="1"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Large Text"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            android:id="@+id/dec"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

    </LinearLayout>
    
</LinearLayout>