我如何动态地填充ImageView和TextView在我的GridView/ListView适配器

Question

我正在开发我的第一个应用程序，但是我被一些东西卡住了。有很多例子，但没有一个是我需要做的，我缺乏知识基础，无法适应我所发现的。

我试图创建一个GridView/ListView，显示ImageView和TextView在同一网格/列表行和图像和文本正在滚动期间动态更新的行。列表中的每个网格/行都有不同的图像和文本(这些是从数组中填充的)，我想确保我在滚动期间正确地重用行，以保持应用程序的内存低。图像存储在Res.Drawable文件夹中。我正在尝试做的一个例子是WOW军械库应用程序的主屏幕。

我一直在看下面的例子，相信它是答案，但我不知道如何实现它:

http://developer.android.com/resources/samples/ApiDemos/src/com/example/android/apis/view/List14.html

我遇到的第一个问题是处理适配器中的ImageViews，下一部分是在适配器工作后设置MainActivity。任何帮助将非常感激，并提前感谢您。下面是我到目前为止的代码:

适配器:

import java.util.ArrayList;
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.TextView;
public class MainButtonAdapter extends BaseAdapter {
    private static ArrayList<MainButtonObject>arraylist;
    private LayoutInflater mInflater;
    public MainButtonAdapter(Context context, ArrayList<MainButtonObject>input) {        
        arraylist = input;
        mInflater = LayoutInflater.from(context);
    }    
    public int getCount() {        
        return arraylist.size();    
    }    
    public Object getItem(int position) {        
        return arraylist.get(position);    
    }    
    public long getItemId(int position) {        
        return position;    
    } 
    // create a new ImageView for each item referenced by the Adapter
    public View getView(int position, View convertView, ViewGroup parent) {        
        ViewHolder holder;        
        if (convertView == null) {  
            convertView = mInflater.inflate(R.layout.main_button_layout, null);
            holder = new ViewHolder();
            holder.icon = (ImageView)convertView.findViewById(R.id.ImageViewButton);
            holder.text = (TextView)convertView.findViewById(R.id.TextViewButton);
            convertView.setTag(holder);
        } 
        else {
            holder = (ViewHolder)convertView.getTag();
        }
        holder.icon.setImageResource(arraylist.get(position).getIcon());
        holder.text.setText(arraylist.get(position).getIcontxt());
        return convertView;
    }
    static class ViewHolder {
        ImageView icon;
        TextView text;
    }
}

对象:

public class MainButtonObject {
    private String icon;
    private String icontxt;
    public MainButtonObject(String icon, String icontxt) {
        this.icon = icon;
        this.icontxt = icontxt;
        }
    public String getIcon() {
    return icon;
    }
    public void setIcon(String icon) {
        this.icon = icon;
    }
    public String getIcontxt() {
        return icontxt;
    }
    public void setIcontxt(String icontxt) {
        this.icontxt = icontxt;
    }
}

字符串数组:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="item1">
        <item>icon1.png</item>
        <item>item 1</item>
    </string-array>
    <string-array name="item2">
        <item>icon2.png</item>
        <item>item 2</item>
    </string-array>
    <string-array name="item3">
        <item>icon3.png</item>
        <item>item 3</item>
    </string-array>
    <string-array name="item4">
        <item>icon4.png</item>
        <item>item 4</item>
    </string-array>
</resources>

视图的标准布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:gravity="center_horizontal"
    android:background="@drawable/background_main_button" >
    <ImageView 
        android:id="@+id/ImageViewButton"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content">
    </ImageView>
    <TextView 
        android:id="@+id/TextViewButton"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:paddingTop="2dp">
    </TextView>
</LinearLayout>

最后是MainActivity:

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.Toast;

public class MainActivity extends Activity {
    /** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {    
    super.onCreate(savedInstanceState);    
    setContentView(R.layout.main);    
    GridView gridview = (GridView) findViewById(R.id.gridview);    
    gridview.setAdapter(new MainButtonAdapter(this));    
    gridview.setOnItemClickListener(new OnItemClickListener() {        
        public void onItemClick(AdapterView<?> parent, View v, int position, long id) {            
            Toast.makeText(MainActivity.this, "" + position, Toast.LENGTH_SHORT).show();        
        }    
    });
}
} 

Answer 1

从源代码来看，似乎有多个数组，每个数组将一个图像映射到一些文本。你想要的是一个网格视图在同一行显示图像和文本?网格视图可能不是最好的选择，列表视图可能是更好的选择。一个包含文本和图像视图的自定义行的列表视图。

在你的代码中，我没有看到数组实际被使用，除非你故意省略它。此外，您已经像这样初始化了适配器…

new MainButtonAdapter(this)

但是你的适配器接受一个Context和一个ArrayList…

public MainButtonAdapter(Context context, ArrayList<MainButtonObject>input)

首先，我将把字符串数组转换成对象。

String[] item1 = getResources().getStringArray(R.array.item1);
String[] item2 = getResources().getStringArray(R.array.item2);
String[] item3 = getResources().getStringArray(R.array.item3);
String[] item4 = getResources().getStringArray(R.array.item4);

然后从这些数组中创建一个MainButtonObject…

MainButtonObject mbo1 = new MainButtonObject(item1[0],item1[1]);
MainButtonObject mbo2 = new MainButtonObject(item2[0],item2[1]);
MainButtonObject mbo3 = new MainButtonObject(item3[0],item3[1]);
MainButtonObject mbo4 = new MainButtonObject(item4[0],item4[1]);

然后将所有这些添加到ArrayList中…

ArrayList<MainButtonObject> list = new ArrayList<MainButtonObject>();
list.add(mbo1);
list.add(mbo2);
list.add(mbo3);
list.add(mbo4);

然后创建/设置适配器

gridview.setAdapter(new MainButtonAdapter(this,list));

在适配器中，我注意到你有…

holder.icon.setImageResource(arraylist.get(position).getIcon());

这是一个字符串，在这种情况下无效，因为setImageResource()接受一个整数，该整数是您想要访问的资源的ID: http://developer.android.com/reference/android/widget/ImageView.html#setImageResource(int)

所以图标需要在res/drawable目录中，然后你可以通过R.drawable访问它们。Icon1等

我不知道这是否是你正在寻找的答案，但我确实希望它能帮助:)