手机端高效实现群聊@提及、#微博话题功能

2023-10-09 00:37:07

在移动社交应用中使用自定义 EditText 实现 @提及和 # 话题功能

群聊 @提及

在现代移动社交应用中，群聊 @提及功能已成为不可或缺的交流方式。它允许用户在聊天会话中通过输入 "@" 符号，快速提及其他聊天参与者。当输入 "@" 时，应用会自动弹出包含所有群组成员的列表，方便用户选择和插入特定的用户名。

实现步骤：

创建一个继承自原生 EditText 控件的自定义 EditText。
重写 EditText 的 onTextChanged() 方法，以检测用户输入的文本是否包含 "@" 符号。
如果包含 "@"，则弹出群组成员列表，并根据用户输入的文本进行筛选。
当用户选择一个成员时，将该成员的用户名插入 EditText 中。

示例代码：

public class MentionEditText extends EditText {

    // 成员列表
    private List<String> members;

    // 初始化
    public MentionEditText(Context context) {
        super(context);
        init();
    }

    private void init() {
        // 获取群组成员列表
        members = new ArrayList<>();

        // 添加文本更改监听器
        addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                if (s.toString().contains("@")) {
                    // 弹出成员列表
                }
            }

            @Override
            public void afterTextChanged(Editable s) {
            }
        });
    }
}

#微博话题

#微博话题功能是微博等社交媒体平台上常用的交流机制。它允许用户通过在帖子中包含 "#" 符号后跟相关话题标签，将帖子与特定主题或讨论联系起来。当用户输入 "#" 时，应用会自动弹出热门话题列表，供用户选择和插入。

实现步骤：

创建一个继承自原生 EditText 控件的自定义 EditText。
重写 EditText 的 onTextChanged() 方法，以检测用户输入的文本是否包含 "#" 符号。
如果包含 "#"，则弹出热门话题列表，并根据用户输入的文本进行筛选。
当用户选择一个话题时，将该话题标签插入 EditText 中。

示例代码：

public class TopicEditText extends EditText {

    // 话题列表
    private List<String> topics;

    // 初始化
    public TopicEditText(Context context) {
        super(context);
        init();
    }

    private void init() {
        // 获取热门话题列表
        topics = new ArrayList<>();

        // 添加文本更改监听器
        addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                if (s.toString().contains("#")) {
                    // 弹出话题列表
                }
            }

            @Override
            public void afterTextChanged(Editable s) {
            }
        });
    }
}