Textview的展开和收缩功能

这里写图片描述
先看看效果
主要是一个超过三行默认收缩,点击可以展开全部文本的功能,带了一点动画过渡效果

好啦,直接上类吧

package com.ytt.bargraph.huaweipaydemo;

import android.content.Context;
import android.support.annotation.Nullable;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewTreeObserver;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;
import android.view.animation.Transformation;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

/**
 * Created by ytt on 2017/12/14.
 */

public class MyLinearLayout extends LinearLayout {
    private TextView item_expand_textview;
    private TextView item_expand;
    private ImageView imageview;
    private LinearLayout item_expand_ll;
    //是否需要显示展开和折叠
    private boolean isNeed;
    //是否展开
    private boolean isExpand;
    private int thisLineCount;

    private int maxLines = 3;

    public MyLinearLayout(Context context) {
        this(context, null);
    }

    public MyLinearLayout(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MyLinearLayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView();
    }
    private void initView() {
        View view = LayoutInflater.from(getContext()).inflate(R.layout.item_expand_child, null);
        LinearLayout.LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
        addView(view, params);
        item_expand_textview = (TextView) view.findViewById(R.id.item_expand_textview);
        item_expand = (TextView) view.findViewById(R.id.item_expand);
        imageview = (ImageView) view.findViewById(R.id.item_expand_imageview);
        item_expand_ll = (LinearLayout) view.findViewById(R.id.item_expand_ll);
        item_expand_ll.setOnClickListener(new MyTurnListener());
    }

    public void setText(String text, int childMaxLines, boolean isNeed) {
        this.isNeed = isNeed;
        this.maxLines = childMaxLines;
        item_expand_textview.setText(text == null ? "" : text);
        if (isNeed) {
            ViewTreeObserver vto = item_expand_textview.getViewTreeObserver();
            vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
                @Override
                public boolean onPreDraw() {
                    int lineCount = item_expand_textview.getLineCount();
                    Log.i("ytp", "总共有几行:" + lineCount);
                    if (lineCount > thisLineCount) {
                        thisLineCount = lineCount;
                    }
                    if (lineCount > maxLines && item_expand_textview.getMaxLines() != thisLineCount) {
                        if(item_expand_ll.getVisibility()!=View.VISIBLE){
                            item_expand_ll.setVisibility(View.VISIBLE);
                        }
                        if (!isExpand) {
                            item_expand_textview.setMaxLines(maxLines);
                          //  item_expand_textview.setEllipsize(TextUtils.TruncateAt.END);
                        } else {
                            item_expand_textview.setMaxLines(thisLineCount);
                        }
                    } else {
                    }
                    return true;
                }
            });
        } else {
            item_expand_textview.setMaxLines(maxLines);
            item_expand_textview.setEllipsize(TextUtils.TruncateAt.END);
            item_expand_ll.setVisibility(View.GONE);
        }
    }

    private class MyTurnListener implements View.OnClickListener {
        // boolean isExpand;  //是否翻转
        @Override
        public void onClick(View v) {
            isExpand = !isExpand;
            item_expand_textview.clearAnimation();  //清除动画
            item_expand.clearAnimation();
            final int tempHight;
            final int startHight = item_expand_textview.getHeight();  //起始高度
            int durationMillis = 500;

            if (!isExpand) {
                /**
                 * 折叠效果,从长文折叠成短文
                 */
                tempHight = item_expand_textview.getLineHeight() * maxLines - startHight;
                //翻转icon的180度旋转动画
                RotateAnimation animation = new RotateAnimation(0, 180, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
                animation.setDuration(durationMillis);
                animation.setFillAfter(true);
                imageview.startAnimation(animation);
                item_expand.setText("展开更多");
            } else {
                /**
                 * 展开效果,从短文展开成长文
                 */
                tempHight = item_expand_textview.getLineHeight() * thisLineCount - startHight;
                //翻转icon的180度旋转动画
                RotateAnimation animation = new RotateAnimation(180, 0, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
                animation.setDuration(durationMillis);
                animation.setFillAfter(true);
                imageview.startAnimation(animation);
                item_expand.setText("收起全部");
            }

            Animation animation = new Animation() {
                //interpolatedTime 为当前动画帧对应的相对时间,值总在0-1之间
                protected void applyTransformation(float interpolatedTime, Transformation t) { //根据ImageView旋转动画的百分比来显示textview高度,达到动画效果
                    item_expand_textview.setHeight((int) (startHight + tempHight * interpolatedTime));//原始长度+高度差*(从0到1的渐变)即表现为动画效果

                }
            };
            animation.setDuration(durationMillis);
            item_expand_textview.startAnimation(animation);
        }
    }

}

xml文件

<?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="wrap_content"
    android:orientation="vertical">

   <TextView
       android:id="@+id/item_expand_textview"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:textSize="13sp"
       android:textColor="#8b8b8b"
       android:text=""
       />

   <LinearLayout
       android:id="@+id/item_expand_ll"
       android:layout_width="wrap_content"
       android:visibility="gone"
       android:layout_height="wrap_content"
       android:layout_gravity="right"
       android:orientation="horizontal">

      <TextView
          android:id="@+id/item_expand"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="展开更多"
          android:textSize="13sp"
          android:textColor="#f00" />

      <ImageView
          android:id="@+id/item_expand_imageview"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="center_vertical"
          android:layout_marginLeft="3dp"
          android:src="@mipmap/expand" />
   </LinearLayout>
</LinearLayout>

直接调用
这里写图片描述

MyLinearLayout mylinearlayout= (MyLinearLayout) findViewById(R.id.mylinearlayout);
        mylinearlayout.setText("我要为冬天点赞\n" +
                "心桥\n" +
                "不必将太多人请进生命\n" +
                "初雪\n" +
                "梦想\n" +
                "我的太阳\n" +
                "青春真是难忘啊\n" +
                "梦\n" +
                "回乡\n" +
                "灵魂必须翱翔在蓝天白云之上\n" +
                "乡愁\n" +
                "与你一起看雪",4,true);

简单实现的功能就是这样了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值