1

我有一个存储在 Firebase 中的标签列表。在我的片段之一中，MultiAutoCompleteTextView (MACTV) 允许用户选择相关标签。

目标，

  • 是使用 Firebase 中的标签填充数组（用于 MACTV 的 ArrayAdapter）。
  • 用户使用 OnItemClickListener 从 MACTV 选择相关标签后，需要将所选标签保存到 Firebase。

这是我尝试实施的方式。

为 MACTV 定义 ArrayAdapter：

ArrayAdapter<String> adapterMultiAutoComplete = new ArrayAdapter<>(getActivity(), android.R.layout.simple_list_item_1);

使用 AddValueEventListener 填充 ArrayAdapter

if (fbUser != null) {
  dbTags.addValueEventListener(new ValueEventListener() {
      @Override
      public void onDataChange(DataSnapshot dataSnapshot) {
      //Basically, this says "For each DataSnapshot *Data* in dataSnapshot, do what's inside the method.
          for (DataSnapshot tagNameSnapshot : dataSnapshot.getChildren()) {
          //Get the suggestion by childing the key of the string you want to get.
              String ValueTagName = tagNameSnapshot.child("tagName")).getValue(String.class);
          //Add ValueTagName to ArrayAdapter
              adapterMultiAutoComplete.add(ValueTagName);
          }
       }

       @Override
       public void onCancelled(DatabaseError databaseError) {/*Do Nothing*/}
   });
}

MACTV的代码

MultiAutoCompleteTextView articleTags = (MultiAutoCompleteTextView) findViewById(R.id.mactv_tags);
articleTags.requestFocus();
articleTags.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());
articleTags.setAdapter(adapterMultiAutoComplete);

将所选标签保存到 Firebase

List<String> ArticleTags = new ArrayList<>(Arrays.asList(articleTags.getText().toString().split(", ")));
DatabaseReference db = FirebaseDatabase.getInstance().getReference().child("tags").setValue(ArticleTags);

阈值定义为 2。不幸的是，当我开始输入 MACTV 时，没有弹出相关标签。

我哪里做错了？

4

1 回答 1

2

顺便说一句，好问题！这个月我见过的最有趣的。

首先，使用此代码将整个tags节点加载到设备。想象一下，你有 2M 个标签（有吗？），这段代码还能工作吗？;)

第二件事，内部代码onDataChange（以及所有 firebase 回调中的代码）在工作线程上调用，但适配器方法应该在 UI 线程中调用。

最后，这是我对解决方案的看法：

  1. 您需要使用查询（您可以在docs中阅读更多内容）

  2. 首先，我们需要按名称对标签进行排序。所以这是基本查询：

    DatabaseReference baseRef = FirebaseDatabase.getInstance().getReference().child("tags").orderByChild("tagName");

  3. 下一步 - 您必须使用以下代码附加TextWatcher到您的MultiAutoCompleteTextView

    articleTags.addTextChangedListener(new TextWatcher() {

    @Override public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {}

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

        if (charSequence.length <3) return;

        String searchTarget = charSequence.toString().toLowerCase();
        //Here magic happens)
        baseRef.startAt(searchTarget).endAt(searchTarget + "\uf8ff").limitToFirst(20).addValueEventListener(new ValueEventListener() {
            @Override
            public void onDataChange(DataSnapshot dataSnapshot) {
                //Handle executing this code in main thread yourself, answer will be too long with it
                adapterMultiAutoComplete.removeAll();
                for (DataSnapshot data: dataSnapshot.getChildren()) {
                     adapterMultiAutoComplete.add(data.getValue(String.class))
                }
                adapterMultiAutoComplete.notifyDatasetChanged();
            }

            @Override
            public void onCancelled(DatabaseError databaseError) {
               Log.wtf("What a terrible failure!", databaseError.toException());
            }
        });

    }

    @Override public void afterTextChanged(Editable editable) {}

});

PS：代码从未测试过，可能无法正常工作。但你明白了；）

于 2017-03-09T20:35:54.657 回答