android c编辑器,Android 图文编辑器

原先项目用的github上的一个richtext图文编辑器,但是不太符合我的输入习惯,因此改进了一下,只支持简单的文字和图片输入,其他功能可以自己加,代码如下:

Glide.with(this)

.asBitmap()

.load(it)

.into(object : SimpleTarget() {

override fun onResourceReady(resource: Bitmap, transition: Transition?) {

Dialog.instance.dismiss()

val mWidth: Int = resource.width

val mHeight: Int = resource.height

val matrix = Matrix()

val mEditRealWidth = mEdit.width - mEdit.paddingStart - mEdit.paddingEnd

val scale = mEditRealWidth.toFloat() / mWidth.toFloat()

if (mWidth > mEditRealWidth) {

matrix.postScale(scale, scale)

} else {

matrix.postScale(1F, 1F)

}

val tempUrl = if (scale > 1.25) {

" "

} else {

" \r\n"

}

val bitmap = Bitmap.createBitmap(resource, 0, 0, mWidth, mHeight, matrix, true)

val imageSpan = ImageSpan(this@InsEditActivity, bitmap)

val spannableString = SpannableString(tempUrl)

val clickableSpan = object : ClickableSpan() {

override fun onClick(widget: View?) {

//点击图片预览

val regex = ""

val imageList = Regex(regex).findAll(mEdit.text.toString()).toList()

val position = imageList.map { it.groups[1]?.value }.indexOf(it)

PictureSelector.create(this@InsEditActivity).themeStyle(R.style.picture_white_style).openExternalPreview(position, Environment.getDataDirectory().path + "/jubianshi/",

imageList.map { bean ->

LocalMedia().apply {

cutPath = bean.groups[1]?.value

path = bean.groups[1]?.value

}

})

}

}

spannableString.setSpan(imageSpan, 1, tempUrl.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)

spannableString.setSpan(clickableSpan, 1, tempUrl.length - 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)

val cursorIndex = mEdit.selectionStart

val editableText = mEdit.editableText

if (cursorIndex < 0 || cursorIndex >= mEdit.length()) {

editableText.append(spannableString)

} else {

editableText.insert(cursorIndex, spannableString)

}

mEdit.movementMethod = LinkMovementMethod.getInstance()

}

})

it是图片路径,这是伪代码,没有封装,需要的可以封装,上面是输入的,下面是回显输入:

mEdit.post {

if (info != null) {

Logger.d(info)

val span = SpannableStringBuilder(info)

val regex = ""

val imageList = Regex(regex).findAll(info).toList()

imageList.forEachIndexed { index, it ->

val imageUrl = it.groups[1]?.value

val range = it.groups[0]?.range

Glide.with(this)

.asBitmap()

.load(imageUrl)

.into(object : SimpleTarget() {

override fun onResourceReady(resource: Bitmap, transition: Transition?) {

val mWidth: Int = resource.width

val mHeight: Int = resource.height

val mEditRealWidth = mEdit.width - mEdit.paddingStart - mEdit.paddingEnd

val matrix = Matrix()

if (mWidth > mEditRealWidth) {

val scale = mEditRealWidth.toFloat() / mWidth.toFloat()

matrix.postScale(scale, scale)

} else {

matrix.postScale(1F, 1F)

}

val bitmap = Bitmap.createBitmap(resource, 0, 0, mWidth, mHeight, matrix, true)

val clickableSpan = object : ClickableSpan() {

override fun onClick(widget: View?) {

//点击图片预览

PictureSelector.create(this@InsEditActivity).themeStyle(R.style.picture_white_style).openExternalPreview(index, Environment.getDataDirectory().path + "/jubianshi/",

imageList.map { bean ->

LocalMedia().apply {

cutPath = bean.groups[1]?.value

path = bean.groups[1]?.value

}

})

}

}

val imageSpan = ImageSpan(this@InsEditActivity, bitmap)

span.setSpan(imageSpan, range!!.first, range.last + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)

span.setSpan(clickableSpan, range.first, range.last + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)

mEdit.text = span

mEdit.setSelection(mEdit.length())

mEdit.movementMethod = LinkMovementMethod.getInstance()

}

})

}

}

}

info是文本内容,回显编辑的时候,需要post处理一下,不然编辑框的宽度拿不到,仅此记录一下

最后封装成几个扩展函数,供项目调用,kotlin大法好:

/**

* TextView 显示图文信息

*/

fun TextView.setImageText(text: String) {

post {

this.text = Html.fromHtml(text, Html.ImageGetter { source ->

val mDrawable = LevelListDrawable()

Glide.with(this).asBitmap().load(source).into(object : SimpleTarget() {

override fun onResourceReady(resource: Bitmap, transition: Transition?) {

val mWidth: Int

val mHeight: Int

val mTextRealWidth = width - paddingStart - paddingEnd

if (resource.width > mTextRealWidth) {

mWidth = mTextRealWidth

mHeight = (resource.height / resource.width) * mTextRealWidth

} else {

mWidth = resource.width

mHeight = resource.height

}

val drawable = BitmapDrawable(resource)

mDrawable.addLevel(1, 1, drawable)

mDrawable.setBounds(0, 0, mWidth, mHeight)

mDrawable.level = 1

invalidate()

setText(getText())

}

})

mDrawable

}, null)

}

}

调用:

text?.let { mTextView.setImageText(it) }

Editext的,

/**

* Edittext 显示图文信息

*/

fun EditText.setImageText(text: String) {

post {

val span = SpannableStringBuilder(text)

val regex = ""

val imageList = Regex(regex).findAll(text).toList()

imageList.forEachIndexed { index, it ->

val imageUrl = it.groups[1]?.value

val range = it.groups[0]?.range

Glide.with(this)

.asBitmap()

.load(imageUrl)

.into(object : SimpleTarget() {

override fun onResourceReady(resource: Bitmap, transition: Transition?) {

val mWidth: Int = resource.width

val mHeight: Int = resource.height

val mEditRealWidth = width - paddingStart - paddingEnd

val matrix = Matrix()

if (mWidth > mEditRealWidth) {

val scale = mEditRealWidth.toFloat() / mWidth.toFloat()

matrix.postScale(scale, scale)

} else {

matrix.postScale(1F, 1F)

}

val bitmap = Bitmap.createBitmap(resource, 0, 0, mWidth, mHeight, matrix, true)

val clickableSpan = object : ClickableSpan() {

override fun onClick(widget: View?) {

//点击图片预览

PictureSelector.create(context as Activity).themeStyle(R.style.picture_white_style).openExternalPreview(index, Environment.getDataDirectory().path + "/jubianshi/",

imageList.map { bean ->

LocalMedia().apply {

cutPath = bean.groups[1]?.value

path = bean.groups[1]?.value

}

})

}

}

val imageSpan = ImageSpan(context, bitmap)

span.setSpan(imageSpan, range!!.first, range.last + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)

span.setSpan(clickableSpan, range.first, range.last + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)

setText(span)

setSelection(length())

movementMethod = LinkMovementMethod.getInstance()

}

})

}

}

}

调用:

text?.let { mEdit.post { mEdit.setImageText(it) } }

编辑Edittext:

/**

* EditText 编辑图文信息

*/

fun EditText.appendImageText(url:String, onPictureReady: (() -> Unit)? =null){

Glide.with(this)

.asBitmap()

.load(url)

.into(object : SimpleTarget() {

override fun onResourceReady(resource: Bitmap, transition: Transition?) {

onPictureReady?.invoke()

val mWidth: Int = resource.width

val mHeight: Int = resource.height

val matrix = Matrix()

val mEditRealWidth = width - paddingStart - paddingEnd

val scale = mEditRealWidth.toFloat() / mWidth.toFloat()

if (mWidth > mEditRealWidth) {

matrix.postScale(scale, scale)

} else {

matrix.postScale(1F, 1F)

}

val tempUrl = if (scale > 1.25) {

" "

} else {

" \r\n"

}

val bitmap = Bitmap.createBitmap(resource, 0, 0, mWidth, mHeight, matrix, true)

val imageSpan = ImageSpan(context, bitmap)

val spannableString = SpannableString(tempUrl)

val clickableSpan = object : ClickableSpan() {

override fun onClick(widget: View?) {

val regex = ""

val imageList = Regex(regex).findAll(text.toString()).toList()

val position = imageList.map { it.groups[1]?.value }.indexOf(url)

PictureSelector.create(context as Activity).themeStyle(R.style.picture_white_style).openExternalPreview(position, Environment.getDataDirectory().path + "/jubianshi/",

imageList.map { bean ->

LocalMedia().apply {

cutPath = bean.groups[1]?.value

path = bean.groups[1]?.value

}

})

}

}

spannableString.setSpan(imageSpan, 1, tempUrl.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)

spannableString.setSpan(clickableSpan, 1, tempUrl.length - 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)

val cursorIndex = selectionStart

val editableText = editableText

if (cursorIndex < 0 || cursorIndex >= length()) {

editableText.append(spannableString)

} else {

editableText.insert(cursorIndex, spannableString)

}

movementMethod = LinkMovementMethod.getInstance()

}

})

}

调用:

mEdit.appendImageText(url) {Dialog.instance.dismiss()}