TextView限定行数,点击按钮显示所有内容

最新推荐文章于 2021-12-04 22:29:59 发布

原创最新推荐文章于 2021-12-04 22:29:59 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#textview #展开显示全部

自定义view 专栏收录该内容

21 篇文章

订阅专栏

本文介绍如何使用TextView的setEllipsize属性实现文字展示的收缩和展开效果。通过设置maxLines和在点击事件中切换setEllipsize及setSingleLine属性，可以实现点击按钮显示所有内容或限制显示指定行数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在很多app上能看到文字展示收缩效果,点击展示全部,再点击收缩,显示指定行数的效果,如图:
默认状态:
这里写图片描述

保持显示不动,展开全部:
这里写图片描述

实现基本的TextView点击显示所有内容;一开始实现效果很low,基本是局部隐藏显示,这样很不好,后来看到了TextView的setEllipsize属性,一个TextView实现展示收缩功能,保持现实的不变,无卡顿.下面分享下实现代码:

一 xml布局文件

<TextView
android:id="@+id/tv_details"       android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="20sp"
android:textColor="#FF2043AC"
android:maxLines="2"
android:text="这是一个TextView展开效果演示demo,点击展开按钮实现文字全部显示,点击收缩按钮实现文字省略显示"/>
<ImageView
android:id="@+id/iv_details"
android:layout_below="@+id/tv_details"
android:layout_width="30dp"
android:layout_height="30dp"      android:layout_centerHorizontal="true"
android:src="@mipmap/details_open" />

android:maxLines=”2”这儿可以根据自己需要设置默认显示的行数;

二 activity中的代码:

public class MainActivity extends AppCompatActivity {
    private Boolean flag = true;
    private TextView tv_details;
    private ImageView iv_details;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv_details = (ImageView) findViewById(R.id.iv_details);
        tv_details = (TextView) findViewById(R.id.tv_details);
        iv_details.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (flag) {
                    flag = false;
                    tv_details.setEllipsize(null); // 展开
                    tv_details.setSingleLine(flag);
                    iv_details.setImageResource(R.mipmap.details_close);
                } else {
                    flag = true;
                    tv_details.setEllipsize(TextUtils.TruncateAt.END); // 收缩
                    tv_details.setMaxLines(2);
                    iv_details.setImageResource(R.mipmap.details_open);
                }
            }
        });
    }
}

设置一个Boolean类型的标志,当点击展开时调用:

    tv_details.setEllipsize(null); 
    tv_details.setSingleLine(flag);

则全部显示,设置setEllipsize为null,设置setSingleLine为FALSE;
当收缩时:

    tv_details.setEllipsize(TextUtils.TruncateAt.END); 
     tv_details.setMaxLines(2);

则收缩显示,设置setEllipsize为TextUtils.TruncateAt.END,设置setSingleLine为默认显示的行数; 这样就可以实现TextView展开显示全部的功能了;