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

我没有发现使用ClickableSpan和setMovementMethod可以接受它引起的问题。我不相信这些是用于EditText控件。

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

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

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

就是这样，这种方法没有任何副作用。

Answer 3

尝试

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

ClickableSpan click_span = new ClickableSpan() {
    @Override
    public void onClick(View widget) {

    }
};

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);

另外添加：

yourEditText.setMovementMethod(LinkMovementMethod.getInstance());

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

3 个答案: