Il testo è incasinato con ImageSpan in EditText

Question

Sto costruendo una semplice app di chat in cui l'utente ha la possibilità di inviare testo ed emoticon. Posso inviare sia testo che emoticon a un altro telefono. I miei problemi sono:

1. Quando digito qualcosa e aggiungere un emoticon:

Poi non riesco a digitare il testo a destra prima e subito dopo l'immagine. Posso scrivere prima della lettera "o". Il sistema "vede" che digito, quindi, anche se digito "Honey", dopo lo smiley, non riesco a vedere, ma l'EditText registra e il messaggio viene inviato:

2.Quando Aggiungo solo un'emoticon all'Edittext, quindi lo cancello., Non riesco a digitare nulla perché appare l'emoticon cancellata. Appare solo una volta, quindi non importa quanti caratteri io digiti, l'EditText sembra appena prima che io abbia cancellato l'emoticon, MA il testo viene inviato senza emoticon, proprio come in tutti e tre i casi.

3.Quando ho digitare "qualcosa" nel EditText quindi inserire un emoticon dopo "qualche":

poi ho messo il cursore dopo l'emoticon ed eliminarlo, ecco cosa rimane :

Ma il messaggio corretto viene inviato quando si preme il pulsante di invio:

Questo è quello che c'è dentro il pulsante ascoltatore del emoticon (questo metodo viene attivato quando clicco sul emoticon per aggiungere al EditText).

ib_happy.setOnClickListener(new View.OnClickListener() { 

    @Override 
    public void onClick(View v) { 

     int cursorPosition = mOutEditText.getSelectionStart(); 
      mOutEditText.getText().insert(cursorPosition, smileys[0]); 
     SpannableStringBuilder ssb = new SpannableStringBuilder(mOutEditText.getText()); 
     ssb.setSpan(new ImageSpan(bitmapArray.get(0), ImageSpan.ALIGN_BASELINE), cursorPosition, cursorPosition+2, Spannable.SPAN_INCLUSIVE_INCLUSIVE); 
     mOutEditText.setText(ssb, BufferType.SPANNABLE); 
      mOutEditText.setSelection(cursorPosition+2); 
     dialog_emoticon.dismiss(); 
    } 
}); 

Answer 1

Ho trovato la soluzione. Tutto quello che dovevo fare era cambiare Spannable.SPAN_INCLUSIVE_INCLUSIVE in Spannable.SPAN_EXCLUSIVE_EXCLUSIVE

Answer 2

vorrei aggiungere un textwatcher a quella EditText e vedere come l'utente, in questo modo posso riposizionare le immagini/impostare il testo/apportare correzioni/convalidare l'input/etc.

editText.addTextChangedListener(textWatcher); 

textWatcher = new TextWatcher() { 
    public void afterTextChanged(Editable s) { 
     //editText.doStuffHere 
     //reposition your image/etc. 
    } 
    public void beforeTextChanged(CharSequence s, int start, int count, int after) { } 
    public void onTextChanged(CharSequence s, int start, int before, int count) { } 
};