Android EditText实现富文本编辑器

admin

在Android开发中，EditText是处理文本输入的基本组件。然而，当涉及到富文本编辑，即支持图文混排和样式自定义时，EditText的默认功能就显得捉襟见肘。
但是支持通过Spannable接口实现文本样式的动态修改。Spannable允许在文本的特定部分应用不同的样式，如字体大小、颜色、下划线等。
通过Spannable接口可以实现富文本编辑器.

实现图文混排

2.1 插入图片
要在EditText中插入图片，可以使用ImageSpan。以下是一个示例代码，展示如何将图片插入到EditText的指定位置：

EditText editText = findViewById(R.id.edit_text);
SpannableStringBuilder ssb = new SpannableStringBuilder(editText.getText());

// 加载图片
Drawable drawable = ContextCompat.getDrawable(this, R.drawable.ic_image);
drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());

// 创建ImageSpan
ImageSpan imageSpan = new ImageSpan(drawable);

// 插入图片
int insertionPosition = editText.getSelectionStart();
ssb.insert(insertionPosition, “ “);
ssb.setSpan(imageSpan, insertionPosition, insertionPosition + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

editText.setText(ssb);
editText.setSelection(insertionPosition + 1);
2.2 处理图片点击事件
为了使插入的图片可点击，可以使用ClickableSpan：

ssb.setSpan(new ClickableSpan() {
@Override
public void onClick(View widget) {
// 处理图片点击事件
Toast.makeText(MainActivity.this, “Image clicked!”, Toast.LENGTH_SHORT).show();
}
}, insertionPosition, insertionPosition + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

// 设置MovementMethod以支持点击事件
editText.setMovementMethod(LinkMovementMethod.getInstance());

样式自定义

3.1 字体样式
可以通过各种Span实现字体样式的自定义，如ForegroundColorSpan（文字颜色）、BackgroundColorSpan（背景颜色）、StyleSpan（粗体、斜体）等：

// 设置文字颜色
ssb.setSpan(new ForegroundColorSpan(Color.RED), start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

// 设置背景颜色
ssb.setSpan(new BackgroundColorSpan(Color.YELLOW), start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

// 设置粗体
ssb.setSpan(new StyleSpan(Typeface.BOLD), start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
3.2 自定义Span
如果内置的Span不足以满足需求，可以自定义Span。以下是一个自定义背景颜色的Span示例：

class CustomBackgroundSpan extends CharacterStyle {
private int backgroundColor;

public CustomBackgroundSpan(int backgroundColor) {    this.backgroundColor = backgroundColor;}@Overridepublic void updateDrawState(TextPaint tp) {    tp.bgColor = backgroundColor;}

}

// 使用自定义Span
ssb.setSpan(new CustomBackgroundSpan(Color.BLUE), start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);