Android TextView仿微信可折叠效果

2023-09-18 14:04:05 180

在微信朋友圈中，发送大量的文本信息时，在展示的时候微信会将该文本信息进行折叠处理，出现“全文”，“收起”的操作提示。当点击全文时，才能看到全部的文本信息，正好最近的项目中也提出了类似的需求，这里就对该自定义View的实现的方法进行了整理。

代码如下：

1.自定义的View：

importandroid.content.Context;
importandroid.content.res.TypedArray;
importandroid.util.AttributeSet;
importandroid.view.LayoutInflater;
importandroid.view.MotionEvent;
importandroid.view.View;
importandroid.view.ViewTreeObserver;
importandroid.widget.LinearLayout;
importandroid.widget.TextView;
/**
*可折叠的textview
*/
publicclassExpandTextViewextendsLinearLayout{
publicstaticfinalintDEFAULT_MAX_LINES=3;
privateTextViewcontentText;
privateTextViewtextPlus;
privateintshowLines;
privateExpandStatusListenerexpandStatusListener;
privatebooleanisExpand;

publicExpandTextView(Contextcontext){
super(context);
initView();
}

publicExpandTextView(Contextcontext,AttributeSetattrs){
super(context,attrs);
initAttrs(attrs);
initView();
}

publicExpandTextView(Contextcontext,AttributeSetattrs,intdefStyleAttr){
super(context,attrs,defStyleAttr);
initAttrs(attrs);
initView();
}

privatevoidinitAttrs(AttributeSetattrs){
TypedArraytypedArray=getContext().getTheme().obtainStyledAttributes(attrs,R.styleable.ExpandTextView,0,0);
try{
showLines=typedArray.getInt(R.styleable.ExpandTextView_showLines,DEFAULT_MAX_LINES);
}finally{
typedArray.recycle();
}
}

privatevoidinitView(){
setOrientation(LinearLayout.VERTICAL);
LayoutInflater.from(getContext()).inflate(R.layout.layout_magic_text,this);
contentText=(TextView)findViewById(R.id.contentText);
if(showLines>0){
contentText.setMaxLines(showLines);
}

textPlus=(TextView)findViewById(R.id.textPlus);
textPlus.setOnClickListener(newOnClickListener(){
@Override
publicvoidonClick(Viewview){
StringtextStr=textPlus.getText().toString().trim();
if("全文".equals(textStr)){
contentText.setMaxLines(Integer.MAX_VALUE);
textPlus.setText("收起");
setExpand(true);
}else{
contentText.setMaxLines(showLines);
textPlus.setText("全文");
setExpand(false);
}
//通知外部状态已变更
if(expandStatusListener!=null){
expandStatusListener.statusChange(isExpand());
}
}
});
}

publicvoidsetText(finalCharSequencecontent){

//在开始绘制contentText内容时，进行监听
contentText.getViewTreeObserver().addOnPreDrawListener(newViewTreeObserver.OnPreDrawListener(){

@Override
publicbooleanonPreDraw(){
//避免重复监听
contentText.getViewTreeObserver().removeOnPreDrawListener(this);
//获取当前文本的行数
intlinCount=contentText.getLineCount();
if(linCount>showLines){

if(isExpand){
contentText.setMaxLines(Integer.MAX_VALUE);
textPlus.setText("收起");
}else{
contentText.setMaxLines(showLines);
textPlus.setText("全文");
}
textPlus.setVisibility(View.VISIBLE);
}else{
textPlus.setVisibility(View.GONE);
}
returntrue;
}


});
contentText.setText(content);
}

publicvoidsetExpand(booleanisExpand){
this.isExpand=isExpand;
}

publicbooleanisExpand(){
returnthis.isExpand;
}

publicvoidsetExpandStatusListener(ExpandStatusListenerlistener){
this.expandStatusListener=listener;
}

publicinterfaceExpandStatusListener{
voidstatusChange(booleanisExpand);
}

@Override
publicbooleanonTouchEvent(MotionEventevent){
returntextPlus.dispatchTouchEvent(event);
}
}

2.相关布局文件

3.自定义属性

4.开始引用

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

Android TextView仿微信可折叠效果

热门推荐

随机推荐