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
    评论
专栏目录
安卓开发仿微博@#艾特功能
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) { ...
微博文本编辑器
12-07
微博文本编辑器代码及思路可以作为完整的课程设计，程序完整，无错误
自定义View之自定义EditText带删除内容按钮控件
橙如说的博客
06-04 1530
自定义View之自定义EditText带删除内容按钮控件
android editText一键清空功能! 详细步骤
weixin_57038660的博客
05-30 1884
有LinearLayout+EditText+ImageView 的组合 也有自己封装实现在xml中使用
android 自定义EditText 整合删除
Lighthouse
10-20 603
前言对常用组件进行封装可以使开发事半功倍，比如这篇介绍的带删除功能和字符串格式功能的EditText思路:对多个系统View 进行整合，将具有删除功能的img封装到EditText中，然后可以对字符进行格式化的功能以接口 形式对外暴露，具体实现给调用方。方便多项目移植并且达到功能上解耦。效果图如上图， 手机号码进行 344 分割，获取焦点后 删除img显示，失去光标则消失 删除img。看到这
jq 富文本一键选中一键取消
三千
01-09 279
此处省去了HTML代码 $('.select_all').click(function (){ var bool = false;//设置值来控制 $("input[name=weekly_id]").each(function(){//遍历checkbox if (!$(this).prop("checked")) {//如果有一个没选中就返回ture ...
Android 自定义view-仿新浪微博#话题#插入EditText
10-12
本主题将深入探讨如何实现一个自定义View，即仿照新浪微博中的“#话题#”插入EditText的功能。这个功能使得用户在输入文本时可以方便地插入话题标签，提升用户体验。 首先，我们需要创建一个新的类，继承自EditText...
android @人功能实现，整体删除
03-03
在Android应用开发中，@人功能是常见的社交交互方式，类似于微博或微信中的提及功能，可以让用户在消息中提到其他用户，并确保他们收到通知。在这个话题中，我们将深入探讨如何在Android应用程序中实现@人功能，包括...
Android #话题# @昵称 edittext textview 输入变色
07-27
Android #话题# @昵称 edittext textview 输入变色
完善的话题EdittextView
11-09
高仿知识星球话题输入，编辑，话题管理，个人原创代码份上
Android实现EditText的富文本编辑
08-29
在实现富文本元素插入到 EditText 中时，我们需要使用 ImageSpan来实现图片或视频的显示。实际上，ImageSpan 都是 BitmapDrawable。我们可以使用 View.inflate() 方法来 inflate 一个 View，然后将其添加到 EditText...
Android--EditText的富文本组件
07-27
在Android开发中，EditText是用于用户输入文本的基本控件，但有时我们可能需要更复杂的文本编辑功能，如插入图片、格式化文本等，这就是富文本编辑器的角色。本篇文章将详细探讨如何在Android中实现一个基于原生...
实现话题退格全删除
所有热爱的东西都要不余遗力
11-29 388
今天在实现需求时遇到一个问题 话题要实现退格全部删除，不能删一半，否则会出错。 最后发现了一个属性 contenteditable 可以在标签中添加“contenteditable=”false”，这个属性决定标签内的内容是否可编辑。默认为true，改为false即可实现。 ps： 因为我们项目中用的是富文本，所以是带标签的。 ...
仿新浪微博加＃话题的EditText实现
ZhangLei280的博客
03-20 1341
今天我的小伙伴让帮忙写一个仿新浪微博加＃话题的EditText，并给了我一篇文章的连接，如下：http://dwz.cn/I1Tm1 这篇文章虽说写的很详细，但我的看的是云里雾里的，没看太懂（只能怪我理解能力不行啦），所以只好根据这个作者的思路自己写一个了。写给大家伙看看微博的样子，如下（导的别人的图）： 由于是写一个demo而已，所以我这里是点击一个按钮添加一个蓝色字体块，大体说一下我的思路：1
通过自定义EditText 完成 @人 #话题# 等标签
lixiaoshuai_91的博客
12-17 961
近期整理了@人和#话题#等一些标签在输入框中实现的代码 主要思路是 继承 AppCompatEditText 利用SpannableString 和 一个指定的数据类型的Bean 实现后的效果如下 Android EditText利用SpannableString实现删除块 下面我们分析下具体的思路 1.我们首先继承AppCompatEditText 2.在我们需要插入@人的时候 其实是往EditText里面插入了一个数据块，名称(libleName) /Id(libleId...
四、小功能模块——发微博（增加删除标签）
小彩虹的博客
03-06 558
这个是简单版本的，适合新手，但是所有的复杂的都是在简单的基础上进行修饰，原理是一样的，越努力越优秀 先来讲一下思路： （1）在输入框中输入文字 （2）点击添加按钮，输入框的文字会变成一条数据自动添加到下面的框框里，并且最新插入的会放在最上面，就像微博一样 （3）点击红色的小X，会把一整条数据删除掉； 代码如下： &lt;!DOCTYPE html&gt; &lt;html&...
2022年04月 微信小程序-富文本和文本的使用
郊眠寺
05-17 814
前言 富文本格式（Rich Text Format）即RTF格式，又称多文本格式，是由微软公司开发的跨平台文档格式。大多数的文字处理软件都能读取和保存RTF文档。它是一种方便于不同的设备、系统查看的文本和图形文档格式。 RTF使用美国国内标准协会（ANSI）、 PC-8、 Macintosh（mac苹果），或 IBM 的 PC 字符设置控制显示形式和打印形式。在不同的操作系统下创建的RTF文档可以在多种操作系统和应用程序之间互相传输、查看。其作为 MS-DOS、 Microsoft Windows、 OS/
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、付费专栏及课程。

余额充值