【Android开发学习29】界面控件之列表控件(ListView)--显示图片和文本

一、目标效果如下:

 

 

 

 

 

二、代码实现:

1.“Activity_11\src\yan\activity_11\MainActivity.java”

package yan.activity_11;

import android.os.Bundle;
import android.app.Activity;
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.ListView;
import android.widget.TextView;

public class MainActivity extends Activity {
	ListView listView;
	String [] titles={"标题1","标题2","标题3","标题4"};
	String [] texts={"文本内容A","文本内容B","文本内容C","文本内容D"};
	int [] resIds={R.drawable.icon,R.drawable.icon,R.drawable.icon,R.drawable.icon};
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		this.setTitle("BaseAdapter for ListView");
		listView=(ListView)this.findViewById(R.id.MyListView);
		listView.setAdapter(new ListViewAdapter(titles,texts,resIds));
	}
	
	public class ListViewAdapter extends BaseAdapter{
		View [] itemViews;
		
		public ListViewAdapter(String [] itemTitles, String [] itemTexts,
				int [] itemImageRes){
			itemViews = new View[itemTitles.length];
			
			for (int i=0; i<itemViews.length; ++i){
				itemViews[i] = makeItemView(itemTitles[i], itemTexts[i], 
						itemImageRes[i]);
			}
		}
		
		public int getCount()	{
			return itemViews.length;
		}
		
		public View getItem(int position)	{
			return itemViews[position];
		}
		
		public long getItemId(int position) {
			return position;
		}
		
		private View makeItemView(String strTitle, String strText, int resId) {
			LayoutInflater inflater = (LayoutInflater)MainActivity.this
					.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
			
			// 使用View的对象itemView与R.layout.item关联
			View itemView = inflater.inflate(R.layout.listview_item, null);
			
			// 通过findViewById()方法实例R.layout.item内各组件
			TextView title = (TextView)itemView.findViewById(R.id.itemTitle);
			title.setText(strTitle);
			TextView text = (TextView)itemView.findViewById(R.id.itemText);
			text.setText(strText);
			ImageView image = (ImageView)itemView.findViewById(R.id.itemImage);
			image.setImageResource(resId);
			
			return itemView;
		}
		
		public View getView(int position, View convertView, ViewGroup parent) {
			if (convertView == null)
				return itemViews[position];
			return convertView;
		}
	}
}

 

 

2.“Activity_11\res\layout\main.xml”

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout   
        android:id="@+id/LinearLayout01"   
        android:layout_width="fill_parent"   
        android:layout_height="fill_parent"   
        xmlns:android="http://schemas.android.com/apk/res/android">  
          
        <ListView android:layout_width="wrap_content"   
                  android:layout_height="wrap_content"   
                  android:id="@+id/MyListView">  
        </ListView>  
</LinearLayout> 

 

3.“Activity_11\res\layout\listview_item.xml”

<?xml version="1.0" encoding="utf-8"?>    
<RelativeLayout     
         android:layout_width="fill_parent"     
         xmlns:android="http://schemas.android.com/apk/res/android"     
         android:layout_height="wrap_content"     
         android:paddingBottom="4dip"     
         android:paddingLeft="12dip">    
         <ImageView     
               android:layout_width="wrap_content"     
               android:id="@+id/itemImage" 
               android:layout_height="fill_parent">     
         </ImageView>    
         <TextView     
               android:text="TextView01"     
               android:layout_height="wrap_content"     
               android:layout_width="fill_parent"     
               android:id="@+id/itemTitle" 
               android:layout_toRightOf="@+id/itemImage" 
               android:textSize="20dip">    
         </TextView>    
         <TextView     
               android:text="TextView02"     
               android:layout_height="wrap_content"     
               android:layout_width="fill_parent"     
               android:id="@+id/itemText" 
               android:layout_toRightOf="@+id/itemImage" 
               android:layout_below="@+id/itemTitle">    
         </TextView>    
</RelativeLayout>

 

 

本文完整代码下载地址: http://download.csdn.net/detail/ypist/5156681

 

转载自: http://blog.csdn.net/hellogv/article/details/4548659

 

本文博客源地址:http://blog.csdn.net/ypist