如何在一个 ListView 中显示 String 数组和 Integer 数组

Question

我最近开始制作一个 Android 应用程序，该应用程序需要一个包含 20 个名称的列表和每个名称的计数器，两者都显示在屏幕上。每当有人点击一个名字时，该名字的计数器就会增加一。这意味着名称和计数器需要以某种方式“连接”。

我首先使用ListView 创建了一个基本的名称列表。这是我的代码：

public class ExampleActivity extends ListActivity { 
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        String[] NAMES = getResources().getStringArray(R.array.names_array);
        setListAdapter(new ArrayAdapter<String>(this, R.layout.list_item, NAMES));

        ListView lv = getListView();
        lv.setTextFilterEnabled(true);

        lv.setOnItemClickListener(new OnItemClickListener() {
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                if (position == 0) //Shows toast with name
                Toast.makeText(getApplicationContext(), ((TextView) view).getText(), Toast.LENGTH_SHORT).show();
            }
        });
    }
}

这是 list_item.xml 文件：

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="10dp"
    android:textSize="16sp" >
</TextView>

现在我正在寻找一种在列表中显示计数器的方法。在我看来，最用户友好的应该是一个列表，其中名称显示在左侧（目前是这种情况），它们的计数器在右侧（与名称在一行；列表中的对齐不是我的问题)。

但是，由于我只是 Android 的初学者，我不知道如何解决这个问题。我的第一个问题是我不知道如何以某种方式将我的 20 个名称列表与 20 个整数列表合并，并使这些整数特定于每个名称。我的第二个问题是如何在屏幕上显示所有这些。

Answer 1

在一个简单的Model 类中组织您的行数据（名称 + 计数器）：

class Model {
    String name;
    int counter;

    Model(String name, int counter) {
        this.name = name;
        this.counter = counter;
    }

    @Override
    public String toString() {
       return name;
    } 
}

然后构造一个行布局来显示名称和计数器：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/counter"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true" />

</RelativeLayout>

最后将Model数据绑定到行布局：

public class ModelAdapter extends ArrayAdapter<Model> {

        private ArrayList<Model> data;

        public ModelAdapter(Context context, int resource,
                int textViewResourceId, ArrayList<Model> objects) {
            super(context, resource, textViewResourceId, objects);
            data = objects;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // let the adapter bind the name to the list
            View v = super.getView(position, convertView, parent);
            // find the counter TextView so we can update it's value
            TextView counterTv = (TextView) v.findViewById(R.id.counter);
            //get the data from the list for this row.
            Model obj = data.get(position);
            //set the counter value for this row
            counterTv.setText(String.valueOf(obj.counter));
            return v;
        }       

    }

要使用您的新适配器：

   //...
    String[] NAMES = getResources().getStringArray(R.array.names_array);
    // construct the list of model object for your rows:
    ArrayList<Model> items = new ArrayList<Model>();
    for (int i = 0; i < 20; i++) {
        items.add(new Model(NAMES[i], 0));// I guess the counter starts at 0
    }
    mAdapter = new ModelAdapter(this, R.layout.list_item, R.id.name, items);
    setListAdapter();
    ListView lv = getListView();
    lv.setTextFilterEnabled(true);      

//...

ListActivity 已经实现了OnItemClickListener，是onListItemClick 方法：

public void onListItemClick(ListView parent, View view, int position, long id) {
                        Model clickedRowData = parent.getItemAtPosition(position);
                        clickedRowData.counter++;
                        // notify the adapter that something was updated
                        mAdapter.notifyDataSetChanged();
                    }

Answer 2

最好的办法是设置一个自定义列表视图项，其名称和整数按照您的需要组织。然后在您的 onItemSelect 侦听器中简单地增加该整数并调用 notifyDataSetChanged。 Samir 提供的博客文章似乎是设置自定义列表视图项的一个很好的起点。