自己实现一个可以折叠展开的TextView

很多时候我们的文字过长时,都会选择先展示几行,点击展开按钮的时候再展示全部内容,如图所示:
这里写图片描述
今天我们就是要实现这样一个功能的textview。

实现的功能

我们实现的可以折叠展开的TextView具有以下功能:
1.如果文字不超过三行,则显示文字真实的行数,并且不显示折叠展开的按钮;如果文字超过三行,则默认只显示3行文字(这个可以自己设置),显示折叠展开的按钮。
2.当按钮显示的时候,如果文字是展开状态,则使文字变为折叠状态,反之,如果文字是折叠状态,点击按钮变为展开状态。

思路

1.首先,我们需要用一个LinearLayout包裹一个TextView和ImageView。TextView用来显示文字,ImageView用来显示折叠展开的按钮。
2.接下来,我们要使TextView初始只显示3行文字(当然显示几行你可以自己定义)。这里我们在onMeasure之后,
可以通过mTextView.getLineCount()
得到TextView真正的行数
通过mTextView.getLineHeight()
得到TextView一行的高度
然后,当mTextView.getLineCount() >=3的时候,
通过mTextView.setHeight(mTextView.getLineHeight() * foldLines)
设置TextView的高度,这里的foldLines就是我们折叠时候的行数,我设的是3。
并且设置按钮可见
3.为按钮设置点击事件

mOpenBtn.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if(isOpen){
                    //to close
                    mTextView.setHeight(mTextView.getLineHeight() * foldLines);
                    mOpenBtn.setImageResource(R.drawable.icon_up_arrow);
                    isOpen = false;

                }else{
                    //to open
                    mTextView.setHeight(mTextView.getLineHeight() * mTextView.getLineCount());
                    mOpenBtn.setImageResource(R.drawable.icon_down_arrow);
                    isOpen = true;

                }
            }
        });

代码

ExpandableTextView:

package com.example.myapp.view;

import android.content.Context;
import android.graphics.Canvas;
import
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值