【问题标题】:How do I dynamically populate the ImageView and TextView on my GridView/ListView Adapter?如何在我的 GridView/ListView 适配器上动态填充 ImageView 和 TextView?
【发布时间】:2011-12-19 02:36:03
【问题描述】:

我正在开发我的第一个应用程序,但我遇到了一些问题。那里有很多示例,但没有一个完全符合我的需要,而且我缺乏能够适应我发现的内容的知识库。

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

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

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

我遇到的第一个问题是在适配器中处理 ImageView,下一部分是在适配器工作后设置 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();        
        }    
    });
}
} 

【问题讨论】:

  • 不用担心re-using 行,Android 会为您做到这一点。 :) Android 只分配那些对用户可见的行,在滚动时,它只是简单地回收它们。如果您注意到getView 方法,您会注意到,首先检查convertView 是否被重用或仍未初始化。

标签: java android arrays listview gridview


【解决方案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 等等来访问它们。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-11-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-10
    • 2016-11-12
    相关资源
    最近更新 更多