很多时候我们的文字过长时,都会选择先展示几行,点击展开按钮的时候再展示全部内容,如图所示:
今天我们就是要实现这样一个功能的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