如何在GridView / ListView适配器上动态填充ImageView和TextView?

时间:2011-12-19 02:36:04

标签: java android arrays listview gridview

我正在开发我的第一个应用程序,而且我遇到了困难。有很多例子,但没有一个正在做我需要做的事情,我缺乏能够适应我所发现的知识基础。

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

我一直在查看以下示例,并认为这是答案,但我不知道如何实现它:

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();        
        }    
    });
}
} 

1 个答案:

答案 0 :(得分:2)

从您的来源看,似乎您有多个阵列,每个阵列都将图像映射到某些文本。你想要的基本上是一个网格视图,在同一行显示图像和文字?网格视图可能不是最佳选择,列表视图可能是更好的选择。包含自定义行的列表视图,其中包含文本和图像视图。

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

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());

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

因此图标需要位于res / drawable目录中,然后您可以通过R.drawable.icon1等访问它们。

我不知道这是否是您正在寻找的答案,但我希望它有所帮助:)