Android TextView仿微信可折疊效果

更新時間：2017年12月29日 14:18:59 作者：yuminfeng728

這篇文章主要為大家詳細介紹了Android TextView仿微信可折疊效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下

在微信朋友圈中，發(fā)送大量的文本信息時，在展示的時候微信會將該文本信息進行折疊處理，出現(xiàn)“全文”，“收起”的操作提示。當點擊全文時，才能看到全部的文本信息，正好最近的項目中也提出了類似的需求，這里就對該自定義View的實現(xiàn)的方法進行了整理。

代碼如下：

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);
        }
        //通知外部狀態(tài)已變更
        if(expandStatusListener != null){
          expandStatusListener.statusChange(isExpand());
        }
      }
    });
  }

  public void setText(final CharSequence content){

    //在開始繪制contentText內容時，進行監(jiān)聽
    contentText.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {

      @Override
      public boolean onPreDraw() {
        // 避免重復監(jiān)聽
        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"/>

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: