Android菜鸟在成长—ListView复杂列表信息项

上一篇没有写注释，这是一个不好的习惯，大家以后再写代码的同时还是都把注释写上，方便自己，也方便别人。

所以这篇写了注释，以后都会写注释。

好像是我的图片过大，把后面的都遮挡了，不过还是上我的图图来看看，图片小一点的话会看到预期的效果，

布局文件就不具说明了，因为很简单，看看都能懂的

data_list.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:orientation="horizontal"
    android:layout_height="fill_parent" >

    <ImageView
        android:id="@+id/pic"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="3px" />

    

    <LinearLayout
        android:layout_width="200px"
        android:layout_height="wrap_content"
        android:gravity="left"
        android:orientation="vertical" >
        
        <TextView
        android:id="@+id/title"
        android:padding="3px"
        android:textSize="16px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
        
       <TextView
        android:id="@+id/author"
        android:padding="3px"
        android:textSize="16px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
        
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="left"
        android:orientation="vertical" >
       <TextView
        android:id="@+id/type"
        android:padding="3px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
       <ImageView
        android:id="@+id/score"
        android:padding="3px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
        
    </LinearLayout>

    
    
</LinearLayout>

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textSize="20px"
        android:gravity="center_horizontal"
        android:text="shuaishuai" />

    <ListView
        android:id="@+id/datalist"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
    </ListView>

</LinearLayout>

下面来看主activity代码，

package com.example.listview;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ListView;
import android.widget.SimpleAdapter;

public class MainActivity extends Activity {

	private int[] pic=new int[]{R.drawable.xianjian01,R.drawable.xianjian02,R.drawable.xianjian04,R.drawable.xianjian05};//显示图片
	private String data[][]=new String [][]{{"01","北京"},{"02","tianjing"},{"03","shanghai"}};//定义显示的数据
	private List<Map<String,String>> list=new ArrayList<Map<String,String>>();//保存所有的list数据
	private ListView datalist;//定义ListView组件
	private SimpleAdapter simpleAdapter=null;//适配器
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);//将组件添加到屏幕中
		this.datalist=(ListView)super.findViewById(R.id.datalist);//取得ListView组件
		for(int x=0;x<this.data.length;x++){//循环设置数据
			Map<String,String>map=new HashMap<String,String>();//定义Map集合
			map.put("pic", String.valueOf(this.pic[x]));//设置pic显示数据
			map.put("title", data[x][0]);//设置title显示数据
			map.put("type", data[x][1]);//设置type显示数据
			this.list.add(map);//增加数据
		}
		this.simpleAdapter=new SimpleAdapter(this,//实列化SimpleAdapter
				this.list,//要包装的数据集合
				R.layout.data_list,//要使用的显示模版
				new String[]{"pic","title","author","type"},//定义显示的key
				new int[]{R.id.pic,R.id.title,R.id.author,R.id.type});//与模版的组件匹配
		this.datalist.setAdapter(this.simpleAdapter);//设置显示数据
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

今天就到这里，不知不觉，已经两点了，我还是跑去床上吧，哈哈~~