首页 > 系统 > Android > 正文

Android TextView仿微信可折叠效果

2019-10-22 18:18:02
字体:
来源:转载
供稿:网友

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

代码如下:

1.自定义的View:

import android.content.Context;import android.content.res.TypedArray;import android.util.AttributeSet;import android.view.LayoutInflater;import android.view.MotionEvent;import android.view.View;import android.view.ViewTreeObserver;import android.widget.LinearLayout;import android.widget.TextView;/** * 可折叠的textview */public class ExpandTextView extends LinearLayout {  public static final int DEFAULT_MAX_LINES = 3;  private TextView contentText;  private TextView textPlus;  private int showLines;  private ExpandStatusListener expandStatusListener;  private boolean isExpand;  public ExpandTextView(Context context) {    super(context);    initView();  }  public ExpandTextView(Context context, AttributeSet attrs) {    super(context, attrs);    initAttrs(attrs);    initView();  }  public ExpandTextView(Context context, AttributeSet attrs, int defStyleAttr) {    super(context, attrs, defStyleAttr);    initAttrs(attrs);    initView();  }  private void initAttrs(AttributeSet attrs) {    TypedArray typedArray = getContext().getTheme().obtainStyledAttributes(attrs, R.styleable.ExpandTextView, 0, 0);    try {      showLines = typedArray.getInt(R.styleable.ExpandTextView_showLines, DEFAULT_MAX_LINES);    }finally {      typedArray.recycle();    }  }  private void initView() {    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(new OnClickListener() {      @Override      public void onClick(View view) {        String textStr = 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());        }      }    });  }  public void setText(final CharSequence content){    //在开始绘制contentText内容时,进行监听    contentText.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {      @Override      public boolean onPreDraw() {        // 避免重复监听        contentText.getViewTreeObserver().removeOnPreDrawListener(this);        //获取当前文本的行数        int linCount = 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);        }        return true;      }    });    contentText.setText(content);  }  public void setExpand(boolean isExpand){    this.isExpand = isExpand;  }  public boolean isExpand(){    return this.isExpand;  }  public void setExpandStatusListener(ExpandStatusListener listener){    this.expandStatusListener = listener;  }  public interface ExpandStatusListener{    void statusChange(boolean isExpand);  }  @Override  public boolean onTouchEvent(MotionEvent event) {    return textPlus.dispatchTouchEvent(event);  }}

2.相关布局文件

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"       android:layout_width="match_parent"       android:layout_height="match_parent"       android:orientation="vertical">  <TextView    android:id="@+id/contentText"    android:textSize="18sp"    android:textColor="#000000"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:text=""/>  <TextView    android:id="@+id/textPlus"    android:textSize="18sp"    android:textColor="#666666"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_marginTop="15dp"    android:text=""/></LinearLayout>

3.自定义属性

<declare-styleable name="ExpandTextView">    <attr name="showLines" format="integer"/></declare-styleable>

4.开始引用

<mo.yumf.com.myviews.ExpandTextView    android:id="@+id/expandTextView"    android:layout_width="match_parent"    android:layout_height="wrap_content"    app:showLines="4"/>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持VEVB武林网。


注:相关教程知识阅读请移步到Android开发频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表