Android Textview文字展开收起

最新推荐文章于 2024-08-12 04:01:02 发布

Azzero

最新推荐文章于 2024-08-12 04:01:02 发布

阅读量50

点赞数

文章标签： android

我整理的一些关于【状态图】的项目学习资料（附讲解～～）和大家一起分享、学习一下：

https://d.51cto.com/bLN8S1

Android TextView 文字展开与收起的实现

在Android开发中，常常需要处理文本内容的显示，尤其是当文本内容较长时，用户可能只希望看到部分内容，而不是全部。本文将介绍如何在Android中实现TextView的文字展开与收起功能，并给出相应的代码示例。

需求分析

在我们的应用中，有时需要显示大量的文本信息，而为了保持界面的整洁，我们通常只显示文本的一部分。当用户点击“展开”时，显示所有文本；而点击“收起”则只显示部分文本。通过这种方式，用户可以根据需要自由选择查看内容。

状态图

在实现文字展开与收起的功能时，我们需要对不同的状态进行管理。状态图可以帮助我们理解这两个过程的变化关系。

实现步骤

为了实现这个功能，主要步骤包括：

设计布局，添加TextView和Button。
在代码中处理点击事件，以控制TextView的显示状态。
切换文本内容并更新界面。

布局文件示例

在res/layout/activity_main.xml中，加入如下代码：

<LinearLayout 
    xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:maxLines="3"
        android:ellipsize="end"
        android:text="这里是长文本示例，展示文本内容可以根据需求来设置这个TextView的visibility和maxLines属性。"
        android:textSize="16sp" />

    <Button
        android:id="@+id/toggleButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="展开" />
</LinearLayout>

主程序代码示例

在MainActivity.java中，实现点击事件的处理逻辑：

import android.os.Bundle;
import android.text.method.LinkMovementMethod;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    private TextView textView;
    private Button toggleButton;
    private boolean isExpanded = false;

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

        textView = findViewById(R.id.textView);
        toggleButton = findViewById(R.id.toggleButton);

        toggleButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (isExpanded) {
                    collapseText();
                } else {
                    expandText();
                }
                isExpanded = !isExpanded;
            }
        });
    }

    private void expandText() {
        textView.setMaxLines(Integer.MAX_VALUE);
        toggleButton.setText("收起");
    }

    private void collapseText() {
        textView.setMaxLines(3);
        toggleButton.setText("展开");
    }
}

流程图

实现这个功能的流程图如下：

flowchart TD
    A[用户点击按钮] --> B{当前状态?}
    B -- 展开 --> C[设置TextView最大行数为无限]
    C --> D[更新按钮文本为“收起”]
    B -- 收起 --> E[设置TextView最大行数为3]
    E --> F[更新按钮文本为“展开”]