在Listview中顯示圖片 - Android

Question

我在我的應用程序中有ListView .. ListView可以包含文本，圖像或兩者。如果有圖像，我想在第一行顯示文本，並在下一行顯示圖像集合。我應該使用哪一個？ ViewFlipper或ViewPager還是別的？我一直在四處尋找如何做到這一點的例子。

任何指針會相當有幫助！

謝謝。

編輯：我想在第二行中的列表視圖

Answer 1

如果您使用自定義適配器，我以爲你是顯示圖片的第一行和列表（3-5）的文本，那麼你必須將某種數組提供給它。我不認爲你可以在適配器本身中添加另一行到ListView，所以我會考慮通過數組解析，或者使用任何數據填充你的列表視圖。從中創建另一個數組，其中包含文本和圖像集的單獨條目（如果存在）。然後將最終數組饋入適配器。對JSONObjects使用JSONArray可能會更好，因爲可以爲所有條目設置標籤。

然後，在getView（）方法中的適配器內部，檢查條目類型是文本還是圖像，並根據它改變它膨脹的xml佈局。或者你可以使用相同的XML並通過setVisibility（）控制不同的視圖。

如果要使圖像在其列表項目中水平滾動，可能必須使用Horizo​​ntalScrollView。我從來沒有使用過它，但我知道它可能會給你帶來滾動元素在其他滾動元素（ListView）內的一些問題。

Answer 2

創建帶有圖片一個ListView具有3個主要部分： 1-在主佈局

2-創建簡單列表視圖創建自定義列表視圖項佈局：

<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:id="@+id/img" 
android:layout_width="50dp" 
android:layout_height="50dp"/> 
<TextView 
android:id="@+id/txt" 
android:layout_width="wrap_content" 
android:layout_height="50dp" /> 
</LinearLayout> 

，然後創建一個自定義的ListView類：

private final Activity context; // the context view of the list 
private final String[] countries; // the list of countries 
private final Integer[] imageId; // the list of images that you already uploaded to your @Drawable file (res/drawable-xdpi/) 

一個構造函數之後到了cre吃了customView對象：

//class constructor 
public CustomList(Activity context,String[] countries, Integer[] imageId) 
{ 
super(context, R.layout.list_item, countries); 
this.context = context; 
this.countries = countries; 
this.imageId = imageId; 
} 

的customView類有一個getView方法返回的項目視圖：

@Override 
public View getView(int position, View view, ViewGroup parent) { 
LayoutInflater inflater = context.getLayoutInflater(); 
View rowView= inflater.inflate(R.layout.list_item, null, true); 
TextView txtTitle = (TextView) rowView.findViewById(R.id.txt); 
ImageView imageView = (ImageView) rowView.findViewById(R.id.img); 
txtTitle.setText(countries[position]); 
imageView.setImageResource(imageId[position]); 
return rowView; 
} 

，並最終創建您在MainActivity列表中選擇適配器：

yourList.setAdapter(new CustomList(MainActivity.this, countries, imageId)); 

你可以看到完整的sourceCode並在這裏下載here