小红书同款TextView打造：解锁自定义可展开收起，玩转@和#

2023-10-08 16:44:03

可展开收起 TextView：提升移动应用的互动体验

在移动应用程序中，文本交互正朝着更加丰富和吸引人的方向发展。用户希望在使用应用程序时获得更具交互性和身临其境般的体验。为满足这种需求，开发者们正在不断探索创新的方法来增强 TextView 组件。本文将深入探讨如何创建可展开收起、带有 @ 功能和 # 话题的 TextView，以帮助你构建令人印象深刻的社交互动体验。

可展开收起功能

可展开收起功能允许用户在不影响应用程序整体布局的情况下，根据需要显示或隐藏内容。这在展示大量文本或为用户提供分步说明时非常有用。要实现这一功能，我们可以创建一个自定义的 TextView 类，该类扩展了 TextView 类并实现了可折叠和展开的方法。

@ 功能

@ 功能允许用户在文本中标记其他用户。当用户点击一个被标记的用户时，应用程序可以显示该用户的个人资料或与他们开始对话。这对于促进用户之间的互动和建立社区意识非常有用。要实现这一功能，我们可以使用正则表达式来查找文本中以 "@" 开头的部分，并用包含相关内容的 SpannableString 替换它们。

# 话题

话题允许用户将相关内容分组并创建主题讨论。当用户点击一个话题时，应用程序可以显示与该话题相关的所有帖子或内容。这对于组织信息并帮助用户发现感兴趣的主题非常有用。要实现这一功能，我们可以使用正则表达式来查找文本中以 "#" 开头的部分，并用包含相关内容的 SpannableString 替换它们。

优化体验

为了优化用户体验，可折叠 TextView 应在展开时自动折叠多余的行。这有助于保持布局整洁，并防止用户滚动浏览过多的文本。此外，@ 功能和 # 话题应响应点击事件，以便用户可以轻松与标记的用户或讨论进行交互。

完整示例

下面是一个完整的代码示例，展示了如何使用可展开 TextView 创建具有 @ 功能和 # 话题的可折叠和展开 TextView：

public class MainActivity extends AppCompatActivity {

    private ExpandableTextView expandableTextView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        expandableTextView = findViewById(R.id.my_expandable_tv);
        expandableTextView.setText("这是可展开的 TextView，它可以折叠起来并展开，还可以 @ 用户（@小明）和添加 # 话题（# 安卓开发）。");
        expandableTextView.addAtSpan(expandableTextView.getText().toString());
        expandableTextView.addHashSpan(expandableTextView.getText().toString());

        expandableTextView.setOnExpandListener(new ExpandableTextView.OnExpandListener() {
            @Override
            public void onExpand() {
                // 展开时处理事件
            }

            @Override
            public void onCollapse() {
                // 收起时处理事件
            }
        });
    }
}