从 ListView 项中的 EditText 值更新活动 TextView

Question

所以，我有一个带有 TextView 的活动和一个带有自定义 BaseAdapter 的 ListView。此活动如下所示：

如您所见，列表中的每个项目都是自定义布局，其基本思想是：每当其中的数字 EditText 发生变化时，活动中的“总”TextView（即每个项目价格的总和）产品）也必须更新。

我想它必须以某种方式从 Adapter 类中完成，但我不知道该怎么做。

我的 Activity 文件如下所示（它通过“GetCollectionProducts”AsyncTask 从服务器获取产品数据，我在其中设置了适配器）：

public class ProductAisleActivity extends AppCompatActivity implements View.OnClickListener{
ListView productList;
Button participate;

ImageButton search;
EditText searchET;
TextView productsTotal;

Product[] colProducts;
RelativeLayout collectionHeader;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_product_aisle);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

    getSupportActionBar().setDisplayHomeAsUpEnabled(true);

    /* ...
       Irrelevant code to this question 
    */

    productsTotal = (TextView) findViewById(R.id.products_aisle_total);
    productsTotal.setText(
            getResources().getString(
                    R.string.productsTotal,
                    String.valueOf(0.00)
            )
    );

    productList = (ListView) findViewById(R.id.products_aisle_list);
    new GetCollectionProducts().execute();
}

private class GetCollectionProducts extends AsyncTask<Void,Void,JSONArray>{

    @Override
    protected JSONArray doInBackground(Void... voids) {
        /* Irrelevant code to this question */
    }

    @Override
    protected void onPostExecute(JSONArray jsonArray) {
        /* Irrelevant code to this question */
                productList.setAdapter(
                        new CollectionProductsAdapter(
                                ProductAisleActivity.this,
                                colProducts
                        )
                );
}
}

我的适配器文件如下所示：

public class CollectionProductsAdapter extends BaseAdapter {
Context context;
ProductAisleActivity.Product[] data;
private static LayoutInflater inflater = null;

public CollectionProductsAdapter(Context context, ProductAisleActivity.Product[] data) {
    this.context = context;
    this.data = data;
    inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
}

@Override
public int getCount() {
    return data.length;
}

@Override
public Object getItem(int i) {
    return data[i];
}

@Override
public long getItemId(int i) {
    return i;
}

@Override
public View getView(int i, View view, ViewGroup viewGroup) {
    View v = view;
    if (v == null) {
        v = inflater.inflate(R.layout.product_row_layout, null);
    }

    ProductAisleActivity.Product product = data[i];

    /* ...
       Irrelevant code to this question 
    */

    EditText productQuantity = (EditText) v.findViewById(R.id.productQuantity);
    productQuantity.setText("0");


    return v;
}

}

我被困在这一点上，任何帮助将不胜感激。

Answer 1

首先，您需要监听 EditText 中的任何更改，这样您就可以动态地处理事情，而无需显式使用提交按钮之类的东西。您可以使用 TextWatcher 执行此操作。

productQuanity.addTextChangedListener(new TextWatcher() {
        private double originalCost = 0.0;

        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {
            // Before we change the text, set the originalCost
            // so we can know what the change is after the edit
            originalCost = getCost(s.toString());
        }

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            // You don't need to utilize this method
        }

        @Override
        public void afterTextChanged(Editable s) {
             // After the change has taken place in the text,
             // get the new cost and calculate the difference
             double newCost = getCost(s.toString());
             double changeInCost = newCost - originalCost;
        }

        private double getCost(String input){
            String count = input.toString();
            if(TextUtils.isEmpty(count))
                return 0.0;
            else
                return (double) Integer.parseInt(count) * product.getPrice();
        }
    });

既然我们有了成本变化，我们该怎么办？我们需要通知活动我们有更改。我们可以使用观察者来做到这一点，这很好，但为了好玩，我们使用一个接口来实现一个监听器。

修改你的适配器类

public class CollectionProductsAdapter extends BaseAdapter {

    public interface CostChangedListener{
        void onCostChanged(double change);
    }

    Context context;
    ProductAisleActivity.Product[] data;
    private LayoutInflater inflater = null; // THIS SHOULDN'T BE STATIC
    CostChangedListener listener;

    public CollectionProductsAdapter(Context context, ProductAisleActivity.Product[] data, CostChangedListener listener) {
        this.context = context;
        this.data = data;
        inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        this.listener = listener;
    }

    // The rest of your code
}

现在，当我们在 TextWatcher 中更新成本时，我们可以调用

if(listener != null)
    listener.onCostChanged(changeInCost);

最后，为了确保我们正确使用它，我们需要在 CollectionProductsAdapter 构造函数中传递一个监听器

productList.setAdapter(new CollectionProductsAdapter(
            ProductAisleActivity.this, colProducts,
            new CostChangeListener(){
                @Override
                public void onCostChanged(double change){
                    double currentTotal = Double.valueOf(productTotal.getText());
                    double newTotal = currentTotal + change;
                    productTotal.setText(String.valueOf(newTotal));
                }));

显然，您可能需要对其进行一些调整以使其完美匹配，而且我还没有对其进行测试，因此有些事情可能会有些偏差，但这应该会让您朝着正确的方向前进。如果您有任何问题，请随时发表评论，我会尽力帮助您解决问题。

备注

1. 不要像使用布局充气器那样保留静态引用
2. 值得看看 RecyclerView 或至少是带有适配器的 ViewHolder 模式

Answer 2

您想添加一个 textChangedListener 以在用户更改 EditText 中的值时更改项目值。

您可以在这里使用 TextChangedListener：

EditText myEditTextField = new EditText(this);

myEditTextField.addTextChangedListener(new TextWatcher() {
    @Override
    public void beforeTextChanged(CharSequence s, int start, int count, int after) {

    }

    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {

    }

    @Override
    public void afterTextChanged(Editable s) {

    }
});

您可以根据需要执行任务。它有3种方法：

1.beforeTextChanged

2.onTextChanged

3.afterTextChanged

所以你可以在“afterTextChanged”的帮助下完成你的任务。你必须简单地调用你的计算价格的方法。当用户输入特定数字时，它会显示您想要的价格。

希望对您有所帮助！