1

我最近开始制作一个 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 个整数列表合并,并使这些整数特定于每个名称。我的第二个问题是如何在屏幕上显示所有这些。

4

2 回答 2

1

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

于 2012-05-26T15:41:35.930 回答
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已经实现的,OnItemClickListeneronListItemClick方法:

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();
                    }
于 2012-05-26T16:49:22.350 回答