Xoá Spanable Image khỏi EditText

Nhiều lúc chúng ta muốn thêm hình ảnh vào EditText ví dụ như bạn viết chương trình chat bạn muốn thay chữ "hello" bằng hình ảnh smiley chẳn hạn thì đoạn chương trình sau đây sẽ hữu ích:
SpannableString ss = new SpannableString("hello@");
Drawable d = img.getDrawable();
d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());
ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);
ss.setSpan(span, 0, 3, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
editT.setText(ss);
Bạn hãy hiện thực TextWatcher bằng Activity chứa EdiText hiện tại. Trong sự kiện afterTextChange bạn đặt đoạn chương trình trên sau khi bạn nhận được đoạn text là "hello".
Tuy nhiên lúc này có một vấn đề khác là làm sao để xoá hình khi người dùng nhấn phím "Back" trên Soft Keyboard. Vì khi nhấn phím này thì hình sẽ bị xoá nhưng khi nhập vào ký tự bất kỳ thì hình lại hiện ra và các ký tự nhập vào biến đâu mất.
Để giải quyết bài toán này bạn hãy hiện thực Activity hiện tại interface OnKeyListener. Trong hàm onKey bạn kiểm tra View có phải là EditText, keycode có bằng KEYCODE_DEL và keyevent có action là ACTION_DOWN hay không. Nếu đúng vậy thì bạn sử dụng đoạn mã sau để xoá hình:
   Editable buffer = ((EditText) view).getText();
 // If the cursor is at the end of a RecipientSpan then remove the whole span
 int start = Selection.getSelectionStart(buffer);
 int end = Selection.getSelectionEnd(buffer);
 if (start == end) {
 ImageSpan[] img = buffer.getSpans(start, end, ImageSpan.class);
if (img.length > 0) {
 buffer.replace(
 buffer.getSpanStart(img[0]),
 buffer.getSpanEnd(img[0]),
 ""
 );
 buffer.removeSpan(img[0]);
return true;
 }
}

Bài viết liên quan