Android TextView展开与收缩

王王介

于 2024-08-12 04:01:02 发布

阅读量49

点赞数

文章标签： android github git

Android TextView展开与收缩的实现指南

在Android开发中，有时我们需要让用户能够展开和收缩一些文本内容，以节省屏幕空间，更好地优化用户体验。本篇文章将详细说明如何实现一个可以展开和收缩的TextView。下面是整件事情的流程：

步骤	描述
1	创建布局文件
2	初始化变量
3	设置TextView和Button
4	编写展开与收缩的逻辑
5	运行测试

步骤详解

1. 创建布局文件

首先，我们需要在res/layout目录下创建一个XML布局文件，命名为activity_main.xml。在该布局文件中，我们会添加一个TextView和一个Button。

<?xml version="1.0" encoding="utf-8"?>
<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="在这里填写您的长文本..."
        android:textSize="16sp"/>

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

2. 初始化变量

接下来，在MainActivity.java中初始化必要的变量。

public class MainActivity extends AppCompatActivity {
    
    private TextView textView;
    private Button button;
    private boolean isExpanded = false; // 用于控制展开与收缩的状态

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        textView = findViewById(R.id.textView);
        button = findViewById(R.id.button);
        
        // 设置按钮的点击事件监听器
        button.setOnClickListener(v -> toggleTextView());
    }
}

以上代码中，isExpanded属性用于判断当前TextView是展开还是收缩状态。

3. 设置TextView和Button

在onCreate方法中，我们设置TextView和Button的点击事件，触发后调用toggleTextView()方法来处理展开与收缩的逻辑。

4. 编写展开与收缩的逻辑

现在我们来实现toggleTextView()方法：

private void toggleTextView() {
    if (isExpanded) {
        textView.setMaxLines(3); // 收缩到最多三行
        textView.setEllipsize(TextUtils.TruncateAt.END); // 显示省略号
        button.setText("展开"); // 改变按钮文本
    } else {
        textView.setMaxLines(Integer.MAX_VALUE); // 展开显示所有行
        textView.setEllipsize(null); // 不显示省略号
        button.setText("收缩"); // 改变按钮文本
    }
    isExpanded = !isExpanded; // 切换状态
}