如何获得类似于Facebook应用程序的MultiAutoCompleteTextView分词器?

10

我正在创建一个应用程序,它有一个“收件人”字段,就像Facebook应用程序的“新消息”功能一样。

从下拉列表中选择项目后,我创建了一个图像片段并将其添加到MultiAutoCompleteTextView中。我对此视图使用了SpaceTokenizer。问题是,当我点击退格键时,光标首先移动到空格(即Tokenizer)上,然后再次点击退格键时,整个单词被删除... 我希望在第一次点击退格键时就像Facebook应用程序一样立即删除整个单词...

这是我的SpaceTokenizer代码

     multiContentText.setTokenizer(new Tokenizer(){
     public int findTokenStart(CharSequence text, int      cursor) {
        int i = cursor;
        if(i>0){
            Log.d("textchar ",""+text.charAt(i - 1));
        }

        while (i > 0 && text.charAt(i - 1) != ' ') {
            i--;
        }
        while (i < cursor && text.charAt(i) == ' ' || text.charAt(i - 1) == '\n') {
            i++;
        }

        return i;
    }

    public int findTokenEnd(CharSequence text, int cursor) {
        int i = cursor;
        int len = text.length();

        while (i < len) {
            if (text.charAt(i) == ' ' || text.charAt(i - 1) == '\n') {
                return i;
            } else {
                i++;
            }
        }

        return len;
    }

    public CharSequence terminateToken(CharSequence text) {
        int i = text.length();
        while (i > 0 && text.charAt(i - 1) == ' ' || text.charAt(i - 1) == '\n') {
            i--;
        }

        if (i > 0 && text.charAt(i - 1) == ' ' || text.charAt(i - 1) == '\n') {
            return text;
        } else {
            if (text instanceof Spanned) {                               
                SpannableString sp = new SpannableString(text + " ");
                TextUtils.copySpansFrom((Spanned) text, 0, text.length(),
                                        Object.class, sp, 0);
                return sp;
            } else {                                 
                return text+" ";
            }
        }
    }
});

我正在使用这段代码在我的多内容文本中创建一个TextView

SpannableStringBuilder ssb = new SpannableStringBuilder(multiContentText.getText());
String c="text from the list";
TextView textView = (TextView) inflater.inflate(R.layout.chips_edittext, null);
textView.setText(c); // set text
int spec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
textView.measure(spec, spec);
textView.layout(0, 0, textView.getMeasuredWidth(), textView.getMeasuredHeight());
Bitmap b = Bitmap.createBitmap(textView.getWidth(), textView.getHeight(),Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(b);
canvas.translate(-textView.getScrollX(), -textView.getScrollY());
textView.draw(canvas);
textView.setDrawingCacheEnabled(true);
Bitmap cacheBmp = textView.getDrawingCache();
Bitmap viewBmp = cacheBmp.copy(Bitmap.Config.ARGB_8888, true); 
textView.destroyDrawingCache();  // destory drawable
// create bitmap drawable for imagespan
BitmapDrawable bmpDrawable = new BitmapDrawable(viewBmp);               
bmpDrawable.setBounds(0, 0,bmpDrawable.getIntrinsicWidth(),bmpDrawable.getIntrinsicHeight());
// create and set imagespan 
ssb.setSpan(new ImageSpan(bmpDrawable),0 ,c.length() , Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
// set chips span 
multiContentText.setText(ssb);      
multiContentText.setSelection(multiContentText.getText().length());

我不确定是否使用Tokenizer是这种行为的正确选项...任何帮助或指针都将不胜感激...

以下是更好理解的屏幕截图....

enter image description here

我有一个文本,后面跟着一个空格和光标...如果我按退格键,它首先移动到空格,只有当我再次按退格键时整个文本才会被删除....

以下是另一个屏幕截图..

enter image description here

这里的光标不完全在两个TextView之间,与Facebook应用程序不同,这可能导致一些插入文本的问题...


你尝试过在获取CharSequence文本长度之前修剪它吗? - Snehal Poyrekar
是的..我尝试过缩短长度..但这样做会使光标立即出现在文本视图之后,导致建议列表消失,因为没有空间..我已经在问题中添加了截图,请查看以获得更好的理解。 - VijayRaj
你好,你解决了这个问题吗?如果有的话,能否请提供示例代码。@VijayRaj - Roster
如果您希望使用Google的代码,请查看此链接:https://plus.google.com/+RichHyndman/posts/TSxaARVsRjF,代码在此处:https://android.googlesource.com/platform/frameworks/ex/+/android-sdk-support_r11 - android developer
@VijayRaj 你好,你解决了你的问题吗?因为你的答案对我不起作用。请给我一些建议。 - dipali
3个回答

4

找到了解决方案...

将这个textwatcher添加到multiautocompletetextview中

private TextWatcher textWather = new TextWatcher() {
    int noOfCharAdded=0;int noOfCharDeleted=0;
    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {
        startIdx=start;
    }
    @Override
    public void beforeTextChanged(CharSequence s, int start, int count,int after) {
        noOfCharAdded=after;
        noOfCharDeleted=count;
    }
    @Override
    public void afterTextChanged(Editable s) {
        Editable buffer = s;
        int start = multiContentText.getSelectionStart()<0?0:multiContentText.getSelectionStart();
        int end = multiContentText.getSelectionEnd()<0?0:multiContentText.getSelectionEnd();
                if(noOfCharAdded==0 && noOfCharDeleted==1){ //if space is deleted
                        if (start == end && delPrevText) {                          
                            ImageSpan link[] = buffer.getSpans(start, end,ImageSpan.class);
                            if (link.length > 0) {                                  
                                buffer.replace(buffer.getSpanStart(link[0]),buffer.getSpanEnd(link[0]),"");
                                buffer.removeSpan(link[0]);
                            }
                        }
                        delPrevText=true; 
                        multiContentText.setSelection(multiContentText.getText().length());
                }
                else if(noOfCharAdded==0 && noOfCharDeleted>1){//if the whole word is deleted
                        if(buffer.length()>0){                                           
                            if(start<buffer.length()){
                               delPrevText=false;                                  
                               if(buffer.charAt(start)==' '){                                       
                                  buffer.replace(start,start+1,"");
                               }
                            }
                        }                      
                }               

    }
};

我无法将光标放置在每行编辑文本的最后一个芯片上...你能帮我吗...@Vijay Raj - AndroidDev
жҲ‘е·Із»Ҹзј–иҫ‘дәҶжҲ‘зҡ„зӯ”жЎҲ...жҲ‘еңЁafterTextChangeж–№жі•дёӯж·»еҠ дәҶmultiContentText.setSelection(multiContentText.getText().length()); - VijayRaj
谢谢回复,我已经添加了上面的代码行。我的问题是,我已经在编辑文本中插入了4个联系人,然后所有气泡都出现在编辑文本的2行中。如果我将光标放在第一行最后一个芯片上,那么光标会准确地放置在芯片之后,而不是令牌之后。但它应该在令牌之后。@Vijay Raj - AndroidDev
当您从建议列表中单击项目时,请将文本与起始位置一起存储在哈希映射中...您将知道删除文本的起始位置,然后可以从哈希映射中检索文本。 - VijayRaj
谢谢。在不获取精确存储文本的情况下,如何知道删除文本的起始位置。请回复@Vijay Raj。 - AndroidDev
显示剩余4条评论

2
Editable buffer = s;
int start = multiContentText.getSelectionStart()<0?0:multiContentText.getSelectionStart();
int end = multiContentText.getSelectionEnd()<0?0:multiContentText.getSelectionEnd();
if(noOfCharAdded==0 && noOfCharDeleted==1){ //if space is deleted
    if (start == end && delPrevText) {                          
        ImageSpan link[] = buffer.getSpans(start, end,ImageSpan.class);
        if (link.length > 0) {
            for(int i=0;i<contentArray.size();i++){
                JSONObject jo=contentArray.get(i);
                try {
                    int keyValue=jo.getInt("startIndx");//No i18N                                                                               
                    if(keyValue==buffer.getSpanStart(link[0])){                                                 
                           jo.put("isRemoved", true);   
                           contentArray.set(i,jo);                                              
                    }
                } catch (JSONException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
             }
            buffer.replace(buffer.getSpanStart(link[0]),buffer.getSpanEnd(link[0]),"");
            buffer.removeSpan(link[0]);
        }
    }
    delPrevText=true;
            multiContentText.setSelection(multiContentText.getText().length());                 
}
else if(noOfCharAdded==0 && noOfCharDeleted>1){//if the whole word is deleted
    if(buffer.length()>0){                                           
        if(start<buffer.length()){
           delPrevText=false;
           for(int i=0;i<contentArray.size();i++){
                JSONObject jo=contentArray.get(i);
                try {
                    int keyValue=jo.getInt("startIndx");//No i18N                                                                               
                    if(keyValue==start){                                
                           jo.put("isRemoved", true);   
                           contentArray.set(i,jo);                                              
                    }
                } catch (JSONException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
            }
           if(buffer.charAt(start)==' '){                                       
              buffer.replace(start,start+1,"");
           }
        }
    }              
}

如何在TextView中为不同的项目添加ClickListener以删除文本。 - Nambi

2
尝试向MultiAutoCompleteTextView添加一个TextWatcher。保存当前文本并检查最后一个空格是否被删除。如果是,则删除最后一个标记。

我已经为MultiAutoCompleteTextView设置了TextWatcher...并尝试了各种方法,但是找不到解决方案...如果您能分享代码,那将是一个很大的帮助。 - VijayRaj
你也在为这个问题苦恼吗?我遇到了一个问题,就是在不同分辨率的移动设备上,EditText中的光标无法闪烁。如果您已经解决了这类问题,请告诉我@VijayRaj。 - Roster
是的...我也遇到了同样的问题,光标在edittext中根本不可见...我还看到Google+应用程序中,他们不允许在两个文本之间放置光标..不知道他们是如何做到的... - VijayRaj

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接