安卓（Android）ListView 顯示圖片文字

更新時(shí)間：2016年07月06日 11:48:27 投稿：lqh

本文主要介紹Android中重要組件ListView,在編程中經(jīng)常會(huì)用到ListView 顯示圖片和文字，這里給大家一個(gè)小例子，希望能幫助有需要的同學(xué)

一.代碼實(shí)現(xiàn)

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={"標(biāo)題1","標(biāo)題2","標(biāo)題3","標(biāo)題4"}; 
  String [] texts={"文本內(nèi)容A","文本內(nèi)容B","文本內(nèi)容C","文本內(nèi)容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的對(duì)象itemView與R.layout.item關(guān)聯(lián) 
      View itemView = inflater.inflate(R.layout.listview_item, null); 
       
      // 通過(guò)findViewById()方法實(shí)例R.layout.item內(nèi)各組件 
      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.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={"標(biāo)題1","標(biāo)題2","標(biāo)題3","標(biāo)題4"};
 String [] texts={"文本內(nèi)容A","文本內(nèi)容B","文本內(nèi)容C","文本內(nèi)容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的對(duì)象itemView與R.layout.item關(guān)聯(lián)
  View itemView = inflater.inflate(R.layout.listview_item, null);
  
  // 通過(guò)findViewById()方法實(shí)例R.layout.item內(nèi)各組件
  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;
 }
 }
}

二.“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> 

<?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>

三.“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>

<?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>

您可能感興趣的文章: