EditText 富文本学习七-实现微博热门话题@，#选择好友，整体删除，整体选中功能（思路，简单实例，提取于其他库）

最新推荐文章于 2023-05-30 14:09:39 发布
最新推荐文章于 2023-05-30 14:09:39 发布
阅读量2.7k 收藏 1
点赞数 1
分类专栏： android基础 Android 富文本学习 文章标签： 富文本 @#功能 整体删除 整体选中功能
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010126792/article/details/93202770
版权

1首先看效果（有点粗糙）

整体删除：
在这里插入图片描述
整体选择：
在这里插入图片描述
@#符号监听：
在这里插入图片描述

2 实现代码

整体删除功能，要删除一个热门话题需要整体进行删除：

 mEditText.setOnKeyListener(new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
            //监听删除操作，找到最靠近删除的一个Span，然后整体选中
                if (keyCode == KeyEvent.KEYCODE_DEL && event.getAction() == KeyEvent.ACTION_DOWN) {
                    final int selectionStart = Selection.getSelectionStart(mEditText.getText());
                    final int selectionEnd = Selection.getSelectionEnd(mEditText.getText());

                    final ForegroundColorSpan spans[] = mEditText.getText().getSpans(selectionStart, selectionEnd, ForegroundColorSpan.class);
                    for (ForegroundColorSpan span : spans) {
                        if (span == null) {
                            continue;
                        }
                        if (mEditText.getText().getSpanEnd(span) == selectionStart) {
                            final int spanStart = mEditText.getText().getSpanStart(span);
                            final int spanEnd = mEditText.getText().getSpanEnd(span);
                            Selection.setSelection(mEditText.getText(), spanStart, spanEnd);
                            return selectionStart == selectionEnd;
                        }
                    }
                    return false;
                }
                return false;
            }
        });

整体选择，选择文本时需要整体选择，类似上面的删除：
mEditText.setEditableFactory(new NoCopySpanEditableFactory(new MySpanWatcher()));
利用setEditableFactory设置SpanWatcher来监听选择。

public class NoCopySpanEditableFactory extends Editable.Factory {

    private final NoCopySpan[] mSpans;

    public NoCopySpanEditableFactory(NoCopySpan... spans ) {
        this.mSpans = spans;
    }

    @Override
    public Editable newEditable( CharSequence source ) {
        final SpannableStringBuilder builder = SpannableStringBuilder.valueOf( source );
        if ( mSpans != null && mSpans.length > 0 ) {
            for ( NoCopySpan span : mSpans ) {
                if ( span == null ) {
                    continue;
                }
                builder.setSpan( span, 0, source.length(), Spanned.SPAN_INCLUSIVE_INCLUSIVE );
            }
        }
        return builder;
    }
}

public class MySpanWatcher implements SpanWatcher {
    @Override
    public void onSpanAdded(Spannable text, Object what, int start, int end) {

    }

    @Override
    public void onSpanRemoved(Spannable text, Object what, int start, int end) {

    }

    private int selectStart = 0;
    private int selectEnd = 0;

    @Override
    public void onSpanChanged( Spannable text, Object what, int ostart, int oend, int nstart, int nend ) {

        if ( what == Selection.SELECTION_END && selectEnd != nstart ) {
            selectEnd = nstart;
            ForegroundColorSpan spans[] = text.getSpans( nstart, nend, ForegroundColorSpan.class );
            if ( spans != null && spans.length > 0 ) {
                ForegroundColorSpan span = spans[0];
                if ( span != null ) {
                    final int spanStart = text.getSpanStart( span );
                    final int spanEnd = text.getSpanEnd( span );
                    int index = Math.abs( selectEnd - spanEnd ) > Math.abs( selectEnd - spanStart ) ? spanStart : spanEnd;
                    Selection.setSelection( text, Selection.getSelectionStart( text ), index );
                }
            }
        }

        if ( what == Selection.SELECTION_START && selectStart != nstart ) {
            selectStart = nstart;
            ForegroundColorSpan spans[] = text.getSpans( nstart, nend, ForegroundColorSpan.class );
            if ( spans != null && spans.length > 0 ) {
                ForegroundColorSpan span = spans[0];
                if ( span != null ) {
                    final int spanStart = text.getSpanStart( span );
                    final int spanEnd = text.getSpanEnd( span );
                    int index = Math.abs( selectStart - spanEnd ) > Math.abs( selectStart - spanStart ) ? spanStart : spanEnd;
                    Selection.setSelection( text, index, Selection.getSelectionEnd( text ) );
                }
            }
        }
    }
}

@#符号监听：

  mEditText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            //参数解释原有的文本s中，从start开始的count个字符替换长度为before的旧文本，如果输入@，一般是从start开始替换before为0的1一个字符
            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
            //选中最后一个输入的字符，是@或者#打开新的页面
                if ( before == 0 && count > 0 ) {
                    int selectionStart = Selection.getSelectionStart(mEditText.getText()) == -1 ? 0 :  Selection.getSelectionStart(mEditText.getText());
                    int selectionEnd =  Selection.getSelectionEnd(mEditText.getText()) == -1 ? 0 :  Selection.getSelectionEnd(mEditText.getText());
                    //当前没有被选中的文本
                    if ( selectionStart != selectionEnd ) {
                        return;
                    }
                    if ( selectionStart == 0 ) {
                        return;
                    }
                    final CharSequence seq = s.subSequence( selectionStart - 1, selectionStart );
                    if ( TextUtils.isEmpty( seq ) ) {
                        return;
                    }

                    if (seq .toString().equals("#")){
                        Toast.makeText(DeleteSpanActivity.this,"输入了#，弹起界面",Toast.LENGTH_SHORT).show();
                    }

                    if (seq .toString().equals("@")){
                        Toast.makeText(DeleteSpanActivity.this,"输入了@，弹起界面",Toast.LENGTH_SHORT).show();
                    }

                } 
            }

            @Override
            public void afterTextChanged(Editable s) {

            }
        });

3 完整代码

Activity

public class DeleteSpanActivity extends AppCompatActivity {
    EditText mEditText;
    TextView mTextView;
    View mShow;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_delete_span);
        mEditText = findViewById(R.id.edit_text);
        mTextView = findViewById(R.id.text_view);
        mTextView.setMovementMethod(LinkMovementMethod.getInstance());
        mShow = findViewById(R.id.text_show);
        mShow.setOnClickListener(v -> {
            Intent intent = new Intent(this, VideoPlayerActivity.class);
            startActivity(intent);
        });

        mEditText.setEditableFactory(new NoCopySpanEditableFactory(new MySpanWatcher()));

        mEditText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            //参数解释原有的文本s中，从start开始的count个字符替换长度为before的旧文本，如果输入@，一般是从start开始替换before为0的1一个字符
            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                if ( before == 0 && count > 0 ) {
                    int selectionStart = Selection.getSelectionStart(mEditText.getText()) == -1 ? 0 :  Selection.getSelectionStart(mEditText.getText());
                    int selectionEnd =  Selection.getSelectionEnd(mEditText.getText()) == -1 ? 0 :  Selection.getSelectionEnd(mEditText.getText());
                    if ( selectionStart != selectionEnd ) {
                        return;
                    }
                    if ( selectionStart == 0 ) {
                        return;
                    }
                    final CharSequence selectionPrevCharSeq = s.subSequence( selectionStart - 1, selectionStart );
                    if ( TextUtils.isEmpty( selectionPrevCharSeq ) ) {
                        return;
                    }

                    if (selectionPrevCharSeq.toString().equals("#")){
                        Toast.makeText(DeleteSpanActivity.this,"输入了#，弹起界面",Toast.LENGTH_SHORT).show();
                    }

                    if (selectionPrevCharSeq.toString().equals("@")){
                        Toast.makeText(DeleteSpanActivity.this,"输入了@，弹起界面",Toast.LENGTH_SHORT).show();
                    }

                } else if ( before > 0 && count == 0 ) {

                }
            }

            @Override
            public void afterTextChanged(Editable s) {

            }
        });
        mEditText.setOnKeyListener(new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                if (keyCode == KeyEvent.KEYCODE_DEL && event.getAction() == KeyEvent.ACTION_DOWN) {
                    final int selectionStart = Selection.getSelectionStart(mEditText.getText());
                    final int selectionEnd = Selection.getSelectionEnd(mEditText.getText());

                    final ForegroundColorSpan spans[] = mEditText.getText().getSpans(selectionStart, selectionEnd, ForegroundColorSpan.class);
                    for (ForegroundColorSpan span : spans) {
                        if (span == null) {
                            continue;
                        }
                        if (mEditText.getText().getSpanEnd(span) == selectionStart) {
                            final int spanStart = mEditText.getText().getSpanStart(span);
                            final int spanEnd = mEditText.getText().getSpanEnd(span);
                            Selection.setSelection(mEditText.getText(), spanStart, spanEnd);
                            return selectionStart == selectionEnd;
                        }
                    }
                    return false;
                }
                return false;
            }
        });

        mTextView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mEditText != null && mEditText.getText() != null) {
                    String newText = "我是Span";
                    SpannableStringBuilder spannableString = new SpannableStringBuilder(mEditText.getText());
                    spannableString.append(newText);
                    ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.RED);
                    spannableString.setSpan(colorSpan, spannableString.length() - newText.length(), spannableString.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                    mEditText.setText(spannableString);
                    mEditText.setSelection(spannableString.length());
                }
            }
        });
    }
}

XML文件：

<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".DeleteSpanActivity">

    <EditText
        android:id="@+id/edit_text"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:gravity="start|top"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <TextView
        android:id="@+id/text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/edit_text"
        android:layout_marginRight="20dp"
        android:text="添加Span"/>

    <TextView
        android:id="@+id/text_show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toRightOf="@+id/text_view"
        app:layout_constraintTop_toBottomOf="@+id/edit_text"
        android:visibility="gone"
        android:text="显示播放器"/>

</android.support.constraint.ConstraintLayout>

**NoCopySpanEditableFactory **

public class NoCopySpanEditableFactory extends Editable.Factory {

    private final NoCopySpan[] mSpans;

    public NoCopySpanEditableFactory(NoCopySpan... spans ) {
        this.mSpans = spans;
    }

    @Override
    public Editable newEditable( CharSequence source ) {
        final SpannableStringBuilder builder = SpannableStringBuilder.valueOf( source );
        if ( mSpans != null && mSpans.length > 0 ) {
            for ( NoCopySpan span : mSpans ) {
                if ( span == null ) {
                    continue;
                }
                builder.setSpan( span, 0, source.length(), Spanned.SPAN_INCLUSIVE_INCLUSIVE );
            }
        }
        return builder;
    }
}

**MySpanWatcher **

public class MySpanWatcher implements SpanWatcher {
    @Override
    public void onSpanAdded(Spannable text, Object what, int start, int end) {

    }

    @Override
    public void onSpanRemoved(Spannable text, Object what, int start, int end) {

    }

    private int selectStart = 0;
    private int selectEnd = 0;

    @Override
    public void onSpanChanged( Spannable text, Object what, int ostart, int oend, int nstart, int nend ) {

        if ( what == Selection.SELECTION_END && selectEnd != nstart ) {
            selectEnd = nstart;
            ForegroundColorSpan spans[] = text.getSpans( nstart, nend, ForegroundColorSpan.class );
            if ( spans != null && spans.length > 0 ) {
                ForegroundColorSpan span = spans[0];
                if ( span != null ) {
                    final int spanStart = text.getSpanStart( span );
                    final int spanEnd = text.getSpanEnd( span );
                    int index = Math.abs( selectEnd - spanEnd ) > Math.abs( selectEnd - spanStart ) ? spanStart : spanEnd;
                    Selection.setSelection( text, Selection.getSelectionStart( text ), index );
                }
            }
        }

        if ( what == Selection.SELECTION_START && selectStart != nstart ) {
            selectStart = nstart;
            ForegroundColorSpan spans[] = text.getSpans( nstart, nend, ForegroundColorSpan.class );
            if ( spans != null && spans.length > 0 ) {
                ForegroundColorSpan span = spans[0];
                if ( span != null ) {
                    final int spanStart = text.getSpanStart( span );
                    final int spanEnd = text.getSpanEnd( span );
                    int index = Math.abs( selectStart - spanEnd ) > Math.abs( selectStart - spanStart ) ? spanStart : spanEnd;
                    Selection.setSelection( text, index, Selection.getSelectionEnd( text ) );
                }
            }
        }
    }
}
lidongxiu0714
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2022年04月 微信小程序-富文本和文本的使用
郊眠寺
05-17 814
前言 富文本格式（Rich Text Format）即RTF格式，又称多文本格式，是由微软公司开发的跨平台文档格式。大多数的文字处理软件都能读取和保存RTF文档。它是一种方便于不同的设备、系统查看的文本和图形文档格式。 RTF使用美国国内标准协会（ANSI）、 PC-8、 Macintosh（mac苹果），或 IBM 的 PC 字符设置控制显示形式和打印形式。在不同的操作系统下创建的RTF文档可以在多种操作系统和应用程序之间互相传输、查看。其作为 MS-DOS、 Microsoft Windows、 OS/
Android @ 话题 输入框自定义view
qq_39243376的博客
12-31 1412
https://gitee.com/Pino_W/ait.git 记录一下 mBinding.atEdittext.addTextChangedListener(new TextWatcher() { @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { // 从start开始的count个字符将会被一个新的长度为after的文本替换，注意这里是将被替换，还没有被替换 Editab
安卓开发仿微博@#艾特功能
07-10
仿微博@人名，#话题 功能，获取其中的id，需要按照html格式书写 这个是安卓项目的看清楚了其他相关开发请自己注意
RichEditeText——android图文混排富文本文章编辑器实现详解
热门推荐
时雨续之风
09-10 1万+
需求：android 实现富文本编辑器，并且实现html解析和生成。 功能点： 字体加粗，斜体，下划线，删除线 字体设置大小   默认大（18px），中（16px）,小（14px） 字体设置颜色 换行插入图片 编辑内容生成html 解析html并且显示 主要实现方式 EditText + Span 的实现方式 WebView + JavaScript 的实现方式 webview方...
Android EditText中插入话题模块的删除处理方法
12-08 349
在 EditText 中添加话题 或者是 @某人 时 看起来挺简单，实际操作会有很多坑爹的问题 private String mTopic； //光标保持在话题的末尾 mInputEdit.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { ...
Android--EditText的富文本组件
07-27
一个基于Android原生的EditText的富文本组件，支持文字输入，可以插入图片
自定义View之自定义EditText带删除内容按钮控件
橙如说的博客
06-04 1530
自定义View之自定义EditText带删除内容按钮控件
android editText一键清空功能! 详细步骤
weixin_57038660的博客
05-30 1885
有LinearLayout+EditText+ImageView 的组合 也有自己封装实现在xml中使用
Android 自定义view-仿新浪微博#话题#插入EditText
10-12
本主题将深入探讨如何实现一个自定义View，即仿照新浪微博中的“#话题#”插入EditText的功能。这个功能使得用户在输入文本时可以方便地插入话题标签，提升用户体验。 首先，我们需要创建一个新的类，继承自EditText...
android @人功能实现，整体删除
03-03
在Android应用开发中，@人功能是常见的社交交互方式，类似于微博或微信中的提及功能，可以让用户在消息中提到其他用户，并确保他们收到通知。在这个话题中，我们将深入探讨如何在Android应用程序中实现@人功能，包括...
Android实现EditText的富文本编辑
08-29
在实现富文本元素插入到 EditText 中时，我们需要使用 ImageSpan来实现图片或视频的显示。实际上，ImageSpan 都是 BitmapDrawable。我们可以使用 View.inflate() 方法来 inflate 一个 View，然后将其添加到 EditText...
js实现span文本选中效果
夏末、阳光依然耀眼...˜˜羽悠﹏ˇ⊙ˇ
11-13 9716
function selectText() { if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById('selectable'));
Android富文本编辑器，支持图文混排，支持插入和删除图片
shuyou612的专栏
10-26 9449
XRichText一个Android富文本类库，支持编辑和预览，支持插入和删除图片。 GitHub地址：https://github.com/sendtion/XRichText截图预览 使用方式1、作为类库 把xrichtext作为一个module导入你的工程。 或者 把xrichtext中的文件拷贝到你的工程，可以在你的工程中建一个xrichtextming包名，并把文件拷贝进去
Android 富文本编辑器RichTextEditor 支持图文混排 支持插入和删除图片
little762的博客
03-14 4325
实现原理： 使用ScrollView作为最外层布局，里面填充EditText和ImageView。 删除的时候，根据光标的位置，删除EditText和ImageView。 生成的数据为list集合，可自定义处理数据格式。 效果图： RichTextEditor源码： public class RichTextEditor extends ScrollView { p...
tinymce富文本一次性删除响应式监听不到问题
m0_67987829的博客
03-31 907
中间试了很多方法，包括监听键盘事件全选删除重新赋值、绑定的值重写watch监听（全选删除watch监听不到），还有很多人说的用ref获取tinymce组件赋值，都不行。最后成功方法是在编辑修改提交前window.tinymce.get(this.tinymceId).getContent()重新获取到值赋值给给后端的那个字段就行了。问题描述：使用了tinymce单个文字一个个删除可以监听到变化，文字全选后点击一次删除清空，发给后端的还是上一次删除前的值。
TextView/EditText显示GIF图片富文本
u011956004的博客
01-09 1680
TextView/EditText显示GIF图片富文本 由于产品要求,app的对话页面中,需要让对话页面中显示动态的gif表情 我查询了一些资料,已找到了很好的解决方案,并编写了GifEmoticonHelper工具类. 具体Demo项目我已上传github,地址: https://github.com/shuihuadx/GifEmoticonDemo 欢迎各位提出意见,相互探讨,共同进步. ...
通过自定义EditText 完成 @人 #话题# 等标签
lixiaoshuai_91的博客
12-17 962
近期整理了@人和#话题#等一些标签在输入框中实现的代码 主要思路是 继承 AppCompatEditText 利用SpannableString 和 一个指定的数据类型的Bean 实现后的效果如下 Android EditText利用SpannableString实现删除块 下面我们分析下具体的思路 1.我们首先继承AppCompatEditText 2.在我们需要插入@人的时候 其实是往EditText里面插入了一个数据块，名称(libleName) /Id(libleId...
android 开发文档编辑,Android实现EditText的富文本编辑
weixin_36088159的博客
05-26 713
Android实现EditText的富文本编辑发布时间：2020-09-13 16:13:49来源：脚本之家阅读：179作者：LeoLeoHan前言本文是我之前写的这篇文章《Android图文混排－实现EditText图文混合插入上传》的升级版，除了在EditText实现了图片上传之外，还包含了视频上传、云盘文件上传、录音上传以及显示上传进度。目前应用于蜜蜂-集结号-任务模块。首先介绍一下该功能的...
java做安卓文本编辑器_Android端富文本编辑器（EditText+Span）开源+实例+详解+细节...
最新发布
06-02
很高兴收到你的问题。关于在Java中开发Android端的富文本编辑器，以下是一些思路和注意事项： 1. 使用EditText作为文本编辑框架，可以通过设置其输入类型为文本或者HTML来实现富文本编辑。同时，可以通过使用SpannableString类来实现富文本的样式设置，比如字体颜色、大小、加粗、下划线等。 2. 在处理富文本时，需要注意一些细节问题，例如处理文本中的特殊字符、处理文本中的图片、处理文本的撤销和重做操作等。 3. 为了方便用户操作，可以添加一些常用的富文本编辑工具，比如加粗、下划线、删除线、插入图片等，可以通过自定义工具栏来实现。 4. 为了提高用户体验，可以添加一些编辑器的功能，比如自动保存、自动换行、自动缩进、自动纠错等，可以通过使用一些第三方库来实现。 5. 在开发过程中，可以参考一些已经开源的富文本编辑器项目，比如RichEditor、Android-Rich-text、RichEditorView等，可以从中学习到一些开发技巧和经验。 希望以上思路和注意事项能够对你有所帮助。如果你有任何问题，可以随时向我提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值