Android 处理 ListView 中的多个 EditText 字段

Question

只是一个基本问题：如果我有几十个 EditText 字段是 ListAdapter 的一部分，那么各个 EditText 字段如何知道它们属于哪一行？

目前我正在使用 TextWatcher 来监听文本输入。我尝试扩展 TextWatcher，以便可以将 EditText 的位置传递给 TextWatcher 的构造函数。

然而，当软键盘弹出时，各个EditText字段对应的位置会随机排列。

如何跟踪 EditText 字段到正确的位置？

我正在使用 GridView 来布局。每个项目的布局是一个 ImageView，其下方有一个 TextView 和 EditText 字段。

每个 EditText 的文本都保存在称为 strings 的全局字符串数组中。它最初是空的，并由我的 TextWatcher 类更新。

public void initList()
    {
        ArrayAdapter<String> listAdapter = new ArrayAdapter<String>(this, R.layout.shape, strings)
        {
            @Override
            public View getView(final int position, View convertView, ViewGroup parent)  {
                if (convertView == null)  {
                    convertView = LayoutInflater.from(getContext()).inflate(R.layout.shape, null);
                }
                final String theData = getItem(position);
                final EditText editText = (EditText) convertView.findViewById(R.id.shape_edittext);
                editText.setText(theData);
                editText.addTextChangedListener(
                        new MyTextWatcher(position, editText)
                );

                ImageView image = (ImageView) convertView.findViewById(R.id.shape_image);
                image.setBackgroundResource(images[position]);

                TextView text = (TextView) convertView.findViewById(R.id.shape_text);
                if (gameType == SHAPES_ABSTRACT)
                    text.setText("Seq:");
                else
                    text.setVisibility(View.GONE);  

                return convertView;
            }

            @Override
            public String getItem(int position) {        return strings[position];       }
        };

        grid.setAdapter(listAdapter);
    }


private class MyTextWatcher implements TextWatcher {
    private int index;
    private EditText edittext;
    public MyTextWatcher(int index, EditText edittext) { 
               this.index = index; 
               this.edittext = edittext;    
        }
    public void beforeTextChanged(CharSequence s, int start, int count, int after) {}
    public void onTextChanged(CharSequence s, int start, int before, int count) {}
    public void afterTextChanged(Editable s) {  strings[index] = s.toString();      }
    public void setIndex(int newindex) {  index = newindex;    }
}

当我单击第一个 EditText（参见图片）时，EditText 会切换到笑脸下方的 EditText。

Answer 1

不考虑这是否是一个好的 UI 设计，您可以这样做：

public class TestList
{
    public void blah()
    {
        ArrayAdapter<DataBucket> listAdapter = new ArrayAdapter<DataBucket>()
        {

            @Override
            public View getView(int position, View convertView, ViewGroup parent)
            {
                if (convertView == null)
                {
                    convertView = LayoutInflater.from(getContext()).inflate(R.layout.testlayout, null);
                }

                final DataBucket dataBucket = getItem(position);
                final EditText editText = (EditText) convertView.findViewById(R.id.theText);
                editText.setText(dataBucket.getSomeData());
                editText.addTextChangedListener(new TextWatcher()
                {
                    public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2)
                    {

                    }

                    public void onTextChanged(CharSequence charSequence, int i, int i1, int i2)
                    {

                    }

                    public void afterTextChanged(Editable editable)
                    {
                        dataBucket.setSomeData(editable.toString());
                    }
                });

                return convertView;
            }
        };
    }

    public static class DataBucket
    {
        private String someData;

        public String getSomeData()
        {
            return someData;
        }

        public void setSomeData(String someData)
        {
            this.someData = someData;
        }
    }
}

“DataBucket”是一个占位符。您需要使用您创建的任何类来存储在编辑文本中放入和编辑的数据。 TextWatcher 将具有对所引用的数据对象的引用。当您滚动时，编辑文本框应使用当前数据进行更新，并且应保存文本更改。您可能希望跟踪用户更改了哪些对象，以使数据/网络更新更加高效。

* 编辑 *

使用 int 位置而不是直接引用对象：

ArrayAdapter<DataBucket> listAdapter = new ArrayAdapter<DataBucket>()
{

    @Override
    public View getView(final int position, View convertView, ViewGroup parent)
    {
        if (convertView == null)
        {
            convertView = LayoutInflater.from(getContext()).inflate(R.layout.testlayout, null);
        }

        final DataBucket dataBucket = getItem(position);
        final EditText editText = (EditText) convertView.findViewById(R.id.theText);
        editText.setText(dataBucket.getSomeData());
        editText.addTextChangedListener(new TextWatcher()
        {
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2)
            {

            }

            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2)
            {

            }

            public void afterTextChanged(Editable editable)
            {
                getItem(position).setSomeData(editable.toString());
            }
        });

        return convertView;
    }
};

* 再次编辑 *

我觉得有必要为后代说，我实际上不会这样编码。我猜你想要比 String 数组更结构化的数据，并且你在外部维护 String 数组以及 ArrayAdapter，所以这是一种奇怪的并行情况。然而，这会很好地工作。

我的数据位于单个字符串数组中，而不是多维数组中。原因是因为支持 GridView 的数据模型只是一个简单的列表。这可能违反直觉，但事实就是如此。 GridView 应该自己进行布局，如果留给它自己的设备，将使用可变数量的单元格填充行，具体取决于您拥有的数据量和屏幕的宽度（AFAIK）。

聊够了。代码：

public class TestList extends Activity
{
    private String[] guess;

    //Other methods in here, onCreate, etc

    //Call me from somewhere else. Probably onCreate.
    public void initList()
    {
        ArrayAdapter<String> listAdapter = new ArrayAdapter<String>(this, /*some resourse id*/, guess)
        {

            @Override
            public View getView(final int position, View convertView, ViewGroup parent)
            {
                if (convertView == null)
                {
                    convertView = LayoutInflater.from(getContext()).inflate(R.layout.testlayout, null);
                }

                final String theData = getItem(position);
                final EditText editText = (EditText) convertView.findViewById(R.id.theText);
                editText.setText(theData);
                editText.addTextChangedListener(
                        new MyTextWatcher(position)
                );

                return convertView;
            }
        };

        gridView.setAdapter(listAdapter);
    }

    class MyTextWatcher extends TextWatcher {
         private int position;

         public MyTextWatcher(int position) {
                 this.position = position;
         }

         public void afterTextChanged(Editable s) {
                 guess[position] = s.toString();
         }

     // other methods are created, but empty
    }
}

Answer 2

要跟踪行号，EditText 中的每个侦听器都必须保留对列表中项目的引用，并使用 getPosition(item) 获取 中的位置列表视图。我的示例使用 Button 但我认为它可以应用于 EditText。

class DoubleAdapter extends ArrayAdapter<Double> {
    public DoubleAdapter(Context context, List<Double> list) {
        super(context, android.R.layout.simple_list_item_1, list);
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = LayoutInflater.from(getContext()).inflate(R.layout.item_row, null);
        }

        // keep a reference to an item in a list
        final Double d = getItem(position);

        TextView lblId = (TextView) convertView.findViewById(R.id.lblId);
        lblId.setText(d.toString());

        Button button1 = (Button) convertView.findViewById(R.id.button1);
        button1.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // the button listener has a reference to an item in the list
                // so it can know its position in the ListView
                int i = getPosition(d);
                Toast.makeText(getContext(), "" + i, Toast.LENGTH_LONG).show();
                remove(d);
            }
        });

        return convertView;
    }
}

Answer 3

可能值得考虑是否需要将编辑文本存储在列表单元格中？当用户一次只编辑一个时，这似乎有点不必要。

虽然我不知道您的应用程序是如何设计的，但我建议稍微重新考虑您的用户体验，以便当按下列表项时会出现单个文本编辑供他们编辑。这样，您就可以像通常使用列表适配器一样获取列表项引用，在用户编辑时存储它，并在完成后更新它。

Answer 4

我不确定这是否是一个很好的设计，因为一旦列表视图滚动，EditText 内容很可能会出现问题（内容乱序、文本丢失）。考虑尝试 m6tt 的想法。

但如果你真的想按照自己的方式去做，你可以发布一些代码，特别是你的 TextWatcher 的代码吗？

Answer 5

我试图解决这个问题，正如你所看到的，有一个简单的方法 - 我在这里发布答案，因为它可能对某人有用。

列表视图时无法获取位置 ->编辑文本有一个文本观察器。

这是对我有用的解决方案：

在 get 视图中 -

添加了以下行

edittext.setTag(R.id.position<any unique string identitiy>, position)

当我添加文本观察器侦听器来编辑文本时，我还在afterTextChanged 中

 int position = edittext.getTag(R.id.position) 

-给出了正确的位置编号，您可以根据位置编号进行修改。