高仿微信聊天消息列表自由复制文字,双击查看文本内容,用法超级简单~

Overview

SelectTextHelper-高仿微信聊天消息列表自由复制文字,双击查看文本内容

掘金地址 github地址

SelectTextHelper打造一个全网最逼近微信聊天消息自由复制,双击查看文本内容框架。 汇聚底层TextView框架、原理并加以整理得出的一个实用的Helper。 仅用两个类实现便实现如此强大的功能,用法也超级简单。

项目演示

消息页全选 消息页自由复制放大镜
demo_1.jpg demo_2.jpg
消息页选中文本 查看内容
demo_3.jpg demo_4.jpg

更多效果图请看掘金

特点功能:

  • 支持自由选择文本
  • 支持自定义文本有:游标颜色、游标大小、选中文本颜色
  • 支持默认全选文字或选2个文字
  • 支持滑动依然显示弹窗
  • 支持放大镜功能
  • 支持全选情况下自定义弹窗
  • 支持操作弹窗:每行个数、图片、文字、监听回调、弹窗颜色、箭头图片

Demo

下载 APK-Demo

如何添加

Gradle添加:

1.在Project的build.gradle中添加仓库地址

allprojects {
    repositories {
        ...
        maven { url "https://jitpack.io" }
    }
}

2.在Module目录下的build.gradle中添加依赖

dependencies {
    implementation 'com.github.ITxiaoguang:SelectTextHelper:xxx'
}

传送门

主要实现

通过 仿照的例子 并改进弹窗坐标位置、大小加上EventBus实现

简单用例

1.导入代码

把该项目里的selecttext Module放入你的项目里面 或者 按照Gradle添加的步骤导入依赖。

2.给你的TextView创建Helper和加监听

SelectTextHelper mSelectableTextHelper=new SelectTextHelper
    .Builder(textView)// 放你的textView到这里!!
    .setCursorHandleColor(0xFF1379D6/*mContext.getResources().getColor(R.color.colorAccent)*/)// 游标颜色 default 0xFF1379D6
    .setCursorHandleSizeInDp(24)// 游标大小 单位dp default 24
    .setSelectedColor(0xFFAFE1F4/*mContext.getResources().getColor(R.color.colorAccentTransparent)*/)// 选中文本的颜色 default 0xFFAFE1F4
    .setSelectAll(true)// 初次选中是否全选 default true
    .setScrollShow(true)// 滚动时是否继续显示 default true
    .setSelectedAllNoPop(true)// 已经全选无弹窗,设置了true在监听会回调 onSelectAllShowCustomPop 方法 default false
    .setMagnifierShow(true)// 放大镜 default true
    .setPopSpanCount(5)// 设置操作弹窗每行个数 default 5
    .setPopStyle(R.drawable.shape_color_4c4c4c_radius_8/*操作弹窗背*/, R.drawable.ic_arrow/*箭头图片*/)// 设置操作弹窗背景色、箭头图片
    .addItem(0/*item的图标*/,"复制"/*item的描述*/, // 操作弹窗的每个item
    ()->Log.i("SelectTextHelper","复制")/*item的回调*/)
    .build();

    mSelectableTextHelper.setSelectListener(new SelectTextHelper.OnSelectListener(){
    /**
     * 点击回调
     */
    @Override
    public void onClick(View v){
        // clickTextView(textView.getText().toString().trim());
    }

    /**
     * 长按回调
     */
    @Override
    public void onLongClick(View v){
        // postShowCustomPop(SHOW_DELAY);
    }

    /**
     * 选中文本回调
     */
    @Override
    public void onTextSelected(CharSequence content){
        // selectedText = content.toString();
    }

    /**
     * 弹窗关闭回调
     */
    @Override
    public void onDismiss(){
    }

    /**
     * 点击TextView里的url回调
     */
    @Override
    public void onClickUrl(String url){
    }

    /**
     * 全选显示自定义弹窗回调
     */
    @Override
    public void onSelectAllShowCustomPop(){
        // postShowCustomPop(SHOW_DELAY);
    }

    /**
     * 重置回调
     */
    @Override
    public void onReset(){
        // SelectTextEventBus.getDefault().dispatch(new SelectTextEvent("dismissOperatePop"));
    }

    /**
     * 解除自定义弹窗回调
     */
    @Override
    public void onDismissCustomPop(){
        // SelectTextEventBus.getDefault().dispatch(new SelectTextEvent("dismissOperatePop"));
    }

    /**
     * 是否正在滚动回调
     */
    @Override
    public void onScrolling(){
        // removeShowSelectView();
    }
});

3.demo中提供了查看文本内容的SelectTextDialog和 消息列表自由复制MainActivity

查看文本内容方法:

  • 该方法比较简单,将textView参照步骤2放入SelectTextHelper中,在dismiss调用SelectTextHelperreset()即可。
@Override
public void dismiss(){
    mSelectableTextHelper.reset();
    super.dismiss();
}

高仿微信聊天消息列表自由复制方法:

  • recycleView + adapter + 多布局的使用在这里不阐述,请看本项目demo。

  • adapter里text类型ViewHolder中的textView参照步骤2放入SelectTextHelper中,注册SelectTextEventBus

  • SelectTextEventBus类特别说明、原理: SelectTextEventBusEventBus基础上加功能。在register时记录下类和方法,方便在Activity/Fragment Destroyunregister所有SelectTextEventBusEventBus

  • text类型ViewHolder 添加EventBus监听

/**
 * 自定义SelectTextEvent 隐藏 光标
 */
@Subscribe(threadMode = ThreadMode.MAIN)
public void handleSelector(SelectTextEvent event){
    if(null==mSelectableTextHelper){
        return;
    }
    String type=event.getType();
    if(TextUtils.isEmpty(type)){
        return;
    }
    switch(type){
        case"dismissAllPop":
            mSelectableTextHelper.reset();
        break;
        case"dismissAllPopDelayed":
            postReset(RESET_DELAY);
        break;
    }
}
  • 重写adapter里的onViewRecycled方法,该方法在回收View时调用
@Override
public void onViewRecycled(@NonNull RecyclerView.ViewHolder holder){
    super.onViewRecycled(holder);
    if(holder instanceof ViewHolderText){
        // 注销
        SelectTextEventBus.getDefault().unregister(holder);
    }
}
  • 防抖
/**
 * 延迟显示CustomPop
 * 防抖
 */
private void postShowCustomPop(int duration){
    textView.removeCallbacks(mShowCustomPopRunnable);
    textView.postDelayed(mShowCustomPopRunnable,duration);
}

private final Runnable mShowCustomPopRunnable=
        ()->showCustomPop(text_rl_container,textMsgBean);

/**
 * 延迟重置
 * 为了支持滑动不重置
 */
private void postReset(int duration){
    textView.removeCallbacks(mShowSelectViewRunnable);
    textView.postDelayed(mShowSelectViewRunnable,duration);
}

private void removeShowSelectView(){
    textView.removeCallbacks(mShowSelectViewRunnable);
}

private final Runnable mShowSelectViewRunnable=
        ()->mSelectableTextHelper.reset();
You might also like...
Comments
  • 文本选择遇到/n换行的时候,选择会有问题

    文本选择遇到/n换行的时候,选择会有问题

    如题,当我想选中如图所示的一句话时,当它是一段的结尾并且有换行时,就会强制把/n选中,这个倒是也可以自己做处理,但是selectTextHelper的游标hander显示会出错,体验不是特别好!

    理应handle在一句话的结尾而不是换行之后。如下两张图

    Screenshot_2022-08-07-17-00-57-930_com.magicalstory.reader.jpg

    Screenshot_2022-08-07-17-05-30-318_com.magicalstory.reader.jpg

    opened by 9292922 3
  • 游标拖动到文本末尾依然有问题

    游标拖动到文本末尾依然有问题

    如题。 ①当刚好拖动到文本的末尾,是没有问题的。(图一)

    ②但是这个时候继续往右滑居然还可以继续滑动一个空格这个时候游标已经不正常显示了。(如图二)

    ③然后上下滑动文本,右侧游标就会出现选中异常了(图三)

    这已是昨天应用了修复游标异常的代码后还发现的问题,亦可以看文末的GIF动画(有点模糊)

    图一: Screenshot_2022-08-09-09-18-42-396_com.magicalstory.reader.jpg

    图二: Screenshot_2022-08-09-09-18-49-485_com.magicalstory.reader.jpg

    图三: Screenshot_2022-08-09-09-18-53-871_com.magicalstory.reader.jpg

    GIF展示: Video_20220809_092154_494.gif

    opened by 9292922 4
  • 如下

    如下

    添加2个文本的item类型,数据均超过一屏幕,长按文本类型,会显示全选,然后下滑动RV使文本下面的光标超出底部,然后上滑使上面的光标超出上屏,然后往上滑,再次长按文本,弹出pop,上面的pop会先闪一下,再消失,具体查看以下视频。

    https://user-images.githubusercontent.com/27824757/165697081-cdbbbf5b-dc3f-4209-b41d-0fd95561de16.mp4

    opened by 987654321ff 0
Releases(1.0.1)
Owner
ITxiaoguang from China.
null