如何在editText中处理imageSpan上的onClick事件？

Question

我正在开发一个应用程序,用户从库中选择一个图像,它将添加到editText中,现在我想如果用户点击editText中的图像,它应该在fullScreen中打开,我使用下面的代码: -

public void addToEdt(Bitmap bitmap){
    SpannableString ss = new SpannableString("abc");
    Drawable d = new BitmapDrawable(getResources(), bitmap);
    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);
    edt_note.setTransformationMethod(null);
    edt_note.getText().insert(edt_note.getSelectionStart(), ss);

    final int start = ss.getSpanStart(span);
    final int end = ss.getSpanEnd(span);

    ClickableSpan click_span = new ClickableSpan() {
        @Override
        public void onClick(View widget) {
                   Toast.makeText(getApplicationContext(),"Clicked",Toast.LENGTH_LONG).show();
        }
    };

    ClickableSpan[] click_spans = ss.getSpans(start, end,  ClickableSpan.class);

    if(click_spans.length != 0) {
        // remove all click spans
        for (ClickableSpan c_span : click_spans) {
            ss.removeSpan(c_span);
        }
    }

    ss.setSpan(click_span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
}

尝试上面的代码,但它没有收听onClick事件,现在,我怎么能听这个图像上的点击事件,并做进一步的任务？

Answer 1

可编辑跨度位于editText的相同开始和结束位置.

sb.setSpan(cs, imageStartSpan,imageEndSpan , Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

也

editText.setMovementMethod(LinkMovementMethod.getInstance());

我无法为你编写完整的代码.试试以下样本: -

public void addToEdt(Bitmap bitmap){
    SpannableString ss = new SpannableString();
    Drawable d = new BitmapDrawable(getResources(), bitmap);
    d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());
    ss.append("abc"); // Append the text here
    ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);
    ss.setSpan(span, 0, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); // start(0) and end (2) will create an image span over abc text
    ss.setSpan(new ClickableSpan() {
                @Override
                public void onClick(View widget) {
                    ss.delete(0, 2);
                    editText.setText(ss);
                }
            },0, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); // this will add a clickable span and on click will delete the span and text
    editText.setText(ss); // this will show your image/clickable span in edittext
}


editText.setMovementMethod(LinkMovementMethod.getInstance());

Answer 2

考虑到它引起的问题，我认为使用ClickableSpanand是不可接受的。setMovementMethod我不相信这些是打算在 EditText 控件中使用的。

另外，我需要知道用户在范围内单击的位置。我的图像范围右侧有一个 X 关闭按钮，我想知道用户是否单击了 X 而不是仅单击了标签。

所以我找到了另一种方法：

• 子类化ImageSpan并重写该draw方法以仅调用超级方法，而且还将 x/y/left/top 存储在成员变量中 - 所以，现在您知道跨度在 EditText 中的位置。
• 子类EditText和句柄onTouchEvent仅调用超级，但也获取您的跨度并点击测试每个跨度以查明用户是否点击了跨度（或跨度的一部分）。

就是这样，这个方法有效，没有副作用。