欢迎来到代码驿站!

Android代码

当前位置:首页 > 移动开发 > Android代码

Android TextView仿微信可折叠效果

时间:2022-05-15 07:46:15|栏目:Android代码|点击:

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

上一篇:Tablayout简单使用方法总结

栏    目:Android代码

下一篇:Android5.0中多种水波纹效果的实现代码

本文标题:Android TextView仿微信可折叠效果

本文地址:http://www.codeinn.net/misctech/201921.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有