Android自定义控件之TextView的展开与折叠

最新推荐文章于 2021-12-04 16:05:14 发布
最新推荐文章于 2021-12-04 16:05:14 发布
阅读量699 收藏 1
点赞数 1
分类专栏： 代码
原文链接：https://blog.csdn.net/u014697083/article/details/49249087
版权

自定义控件 TextView 折叠展开 线程同步 Android开发
关键词由CSDN通过智能技术生成

还是先描述一下需求，这个在其余的app中应该也经常看见，就是当一个段文字很长的时候，我们往往为了展示的时候节约展示的空间，需要将我们的文字折叠起来，如果用户想看里面的详细内容话，则需要用户去点击一下改控件，然后TextView展开，显示全部的内容。由于我在本次的项目中有这个需求，所以我将其独立成了一个自定义控件，方便在以后的开发中能直接使用。下面是效果图

在这里插入图片描述
先来说说大致思路，其实也是很简单的一个控件，首先该控件是继承LinearLayout的，其中的布局文件包括一个TextView和一个下拉三角的ImageView，当用户在单击这个LinearLayout的时候，我会开一个子线程，让改线程睡20ms，睡完后再向主线程中发送一个handler，在主线程中重新设置一下TextView的显示行数，一次循环，直到显示全部内容为止，在折叠起来的时候设计思路也是一样的，当然在该控件中我用了一个isExp来标记该控件是否展开是否折叠。好了，大致的设计思路就是这样，很简单，接下来贴代码了，可以复制粘贴后直接使用

下面是布局文件

<?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:gravity="center_horizontal"
    android:orientation="vertical" >
 
    <TextView
        android:id="@+id/tvFold"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ellipsize="end"
        android:lineSpacingExtra="5dp"
        android:textColor="#666666"
        android:textSize="14sp" />
 
    <ImageView
        android:id="@+id/ivFold"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:src="@drawable/company_desc_expansion_icon"
        android:visibility="gone" />
 
</LinearLayout>

下面是页面处理的逻辑代码

package com.renrui.job.widget;
 
import com.renrui.job.R;
 
import android.annotation.TargetApi;
import android.content.Context;
import android.os.Build;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewTreeObserver;
import android.view.ViewTreeObserver.OnGlobalLayoutListener;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
 
/**
 * 可折叠的TextView
 */
public class FoldTextView extends LinearLayout
{
	FoldTextViewHolder mFoldTextViewHolder;
	View myView;
 
	/**
	 * 真实行数
	 */
	int realLineCounts = 0;
	
	/**
	 * 默认行数
	 */
	int defaultLineCounts = 4;
 
	/**
	 * 真实高度
	 */
	int realHeight = 0;
 
	/**
	 * 折叠后的高度
	 */
	int foldHeight = 0;
 
	boolean isFirstLoad = true;
 
	/**
	 * Icon状态 展开动画
	 */
	RotateAnimation expIconAnimation;
 
	/**
	 * Icon状态 折叠动画
	 */
	RotateAnimation foldIconAnimation;
 
	/**
	 * 当前是否展开
	 */
	boolean isExp = false;
	
	/**
	 * 展开TextView
	 */
	final int TEXT_OPEN = 1;
	
	/**
	 * 关闭TextView
	 */
	final int TEXT_CLOSE = 2;
 
	Handler mHander = new Handler()
	{
		LayoutParams layoutParma;
		public void handleMessage(android.os.Message msg)
		{
			int lines = (Integer) msg.obj;
			switch (msg.what)
			{
			case TEXT_OPEN:	//打开，增加高度
				mFoldTextViewHolder.tvFold.setMaxLines(lines);
				break;
			case TEXT_CLOSE://关闭，减少高度
				mFoldTextViewHolder.tvFold.setMaxLines(lines);
				break;
			}
		};
	};
 
	public FoldTextView(Context context)
	{
		super(context);
 
		init();
	}
 
	public FoldTextView(Context context, AttributeSet attrs)
	{
		super(context, attrs);
 
		init();
	}
 
	@TargetApi(Build.VERSION_CODES.HONEYCOMB)
	public FoldTextView(Context context, AttributeSet attrs, int defStyle)
	{
		super(context, attrs, defStyle);
 
		init();
	}
 
	private void init()
	{
		LayoutInflater inflater = (LayoutInflater) this.getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
 
		LayoutParams layoutParams = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
		myView = inflater.inflate(R.layout.view_widget_foldtextview, null);
		this.addView(myView, layoutParams);
 
		//设置小箭头展开时的旋转动画
		expIconAnimation = new RotateAnimation(0f, 180f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
		expIconAnimation.setDuration(300);
		expIconAnimation.setFillAfter(true);
 
		//设置小箭头关闭时的旋转动画
		foldIconAnimation = new RotateAnimation(180f, 0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
		foldIconAnimation.setDuration(300);
		foldIconAnimation.setFillAfter(true);
 
		mFoldTextViewHolder = new FoldTextViewHolder(this);
	}
 
	public void setText(String text)
	{
		mFoldTextViewHolder.tvFold.setText(text);
 
		ViewTreeObserver vto = mFoldTextViewHolder.tvFold.getViewTreeObserver();
		vto.addOnGlobalLayoutListener(new OnGlobalLayoutListener()
		{
			@Override
			public void onGlobalLayout()
			{
				if (!isFirstLoad)
				{
					return;
				}
 
				//获取真实行数
				realLineCounts = mFoldTextViewHolder.tvFold.getLineCount();
				realHeight = mFoldTextViewHolder.tvFold.getMeasuredHeight();
 
				//如果真实行数大于默认的显示行数，则默认将其折叠起来  isExp为false
				if (realLineCounts > defaultLineCounts)
				{
					mFoldTextViewHolder.tvFold.setMaxLines(defaultLineCounts);
					mFoldTextViewHolder.tvFold.measure(0, 0);
					foldHeight = mFoldTextViewHolder.tvFold.getMeasuredHeight();
					mFoldTextViewHolder.ivFold.setVisibility(View.VISIBLE);
 
					mFoldTextViewHolder.tvFold.setOnClickListener(FoldOnclick);
					mFoldTextViewHolder.ivFold.setOnClickListener(FoldOnclick);
					isExp = false;
				}
				//如果真实行数小于默认行数，则直接展示出来。isExp为true;
				else
				{
					mFoldTextViewHolder.ivFold.setVisibility(View.GONE);
					isExp = true;
				}
 
				isFirstLoad = false;
			}
		});
	}
 
	View.OnClickListener FoldOnclick = new OnClickListener()
	{
		@Override
		public void onClick(View v)
		{
			if (isExp)
			{
				new Thread(new Runnable()
				{
					@Override
					public void run()
					{
						int endcount = realLineCounts;
						while(endcount-- > defaultLineCounts){
							Message msg = Message.obtain();
							msg.what = TEXT_CLOSE;
							msg.obj = endcount;
							mHander.sendMessage(msg);
							try
							{
								Thread.sleep(20);
							} catch (InterruptedException e)
							{
								e.printStackTrace();
							}
							
						}
					}
				}).start();
				
				mFoldTextViewHolder.ivFold.setAnimation(foldIconAnimation);
				foldIconAnimation.startNow();
 
				isExp = false;
			} else
			{
				new Thread(new Runnable()
				{
					
					@Override
					public void run()
					{
						int startcount = defaultLineCounts;
						while(startcount++ < realLineCounts){
							Message msg = Message.obtain();
							msg.what = TEXT_OPEN;
							msg.obj = startcount;
							mHander.sendMessage(msg);
							try
							{
								Thread.sleep(20);
							} catch (InterruptedException e)
							{
								e.printStackTrace();
							}
						}
					}
				}).start();
				mFoldTextViewHolder.ivFold.setAnimation(expIconAnimation);
				expIconAnimation.startNow();
				isExp = true;
			}
		}
	};
 
	static class FoldTextViewHolder
	{
		TextView tvFold;
		ImageView ivFold;
 
		public FoldTextViewHolder(View v)
		{
			tvFold = (TextView) v.findViewById(R.id.tvFold);
			ivFold = (ImageView) v.findViewById(R.id.ivFold);
		}
	}
}

好了 以上就是该控件的全部代码了，不多，但是有时候还是挺好用的

林清溯
关注
专栏目录
Android：自定义控件：可折叠展开的TextView
misakanetcontroller的博客
09-25 1464
最近，写Android代码遇到的需求，需要文本可折叠，通过参考借鉴网上的资料和思路，自己写了一个。写篇博客记录下来，免得以后要用的时候，又要百度。 需求：在折叠状态下，文本如果大于最大显示行数，则在文本框能显示的最后一行加上“... 展开”，并与可显示的文本一起铺满整个文本框；在展开状态下，文本尾加上“ 折叠”。“展开”和“折叠”字体均为红色，且均可点击，点击后文本框变化到对应状态。 上代码（...
Android TextView展开与收缩
最新发布
weixin_42514949的博客
08-12 140
Android TextView展开与收缩的实现指南 在Android开发中，有时我们需要让用户能够展开和收缩一些文本内容，以节省屏幕空间，更好地优化用户体验。本篇文章将详细说明如何实现一个可以展开和收缩的TextView。下面是整件事情的流程： 步骤 描述 1 创建布局文件 2 初始化变量 3 设置...
android textView 折叠 展开 ExpandableTextView
weixin_33810006的博客
08-14 184
项目过程中可能会用到可以折叠和展开的TextView , 这里给出一种实现思路，自定义控件。 package com.example.expandtextviewdemo; import android.content.Context; import android.content.res.TypedArray; import android.text.SpannableStrin...
Android 实现视图文本TextView的展开与收缩功能
路宇的博客
07-09 1826
先看效果图： 步骤一： 创建ExpandTabTextView类拓展TextView 和 text_expand.xml 具体详解已经在代码中详细的注释了出来 public class ExpandTabTextView extends LinearLayout implements View.OnClickListener { //声明上下文对象 private Context context; //声明文本视图对象 private TextView text_view;
Android TextView多文本折叠展开效果
01-21
最近做项目，效果图要用到TextView的折叠，超过一定行数的时候，就会折叠起来，点击可以展开。网上找了一些效果，自己也稍作了修改。便拿来与网友分享分享。 参考文献：Android UI实现多行文本折叠展开效果 第一种：通过多个布局组合实现 大概步骤： – 定义布局，垂直的线性LinearLayout布局、TextView和ImageView。 在layout中定义基本组件。 – 设置TextView的高度为指定行数*行高。 不使用maxLine的原因是maxLine会控制显示文本的行数，不方便后边使用动画展开全部内容。因此这里TextView的高度也因该为wrap_content。
android 可折叠TextView 自定义控件
12-23
`android 可折叠TextView` 自定义控件就是为了解决这个问题而设计的。这种控件允许用户点击后展开或收起文本，从而节省屏幕空间，同时保持信息的完整性和易读性。 自定义的可折叠TextView通常是通过继承Android原生...
android ExpandableTextView-自定义可以动态展开/收缩显示长文本的TextView
热门推荐
Carbs的博客
07-28 1万+
前言：为了保持界面UI的整洁以及将尽可能多的内容显示在有限的空间中，往往需要将长度过长的TextView进行内容截取。本控件满足了TextView可在”完整内容”与”截取内容”两种模式下进行切换的需求，且可应用在ListView/RecyclerView中并可以动态更新内容。
android点击展开textview,Android如何实现可以展开的TextView
weixin_34640687的博客
05-26 463
Android如何实现可以展开的TextView发布时间：2021-04-16 12:29:30来源：亿速云阅读：62作者：小新这篇文章将为大家详细讲解有关Android如何实现可以展开的TextView，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。具体内容如下原理是通过点击的时候设置 setMaxLines(lineNum)来实现:publicclassE...
Android实现可点击展开的TextView
01-05
概述 Android开发过程中，经常遇到 Textview 展示不完全的情况。 遇到此情况，通常的处理是： 方案一 Textview 添加 android:ellipsize 属性，让展示不完的部分使用省略号代替。 方案二 Textview 采用走马灯效果，使其滚动展示全部文本内容。 对于方案一，如果想查看被省略后的内容，如何实现？通常情况下是在 TextView 文本后面或下边添加一个可点击的图标，来实现 TextView 的展开与收缩。如下图： 收缩状态 展开状态 实现原理 对于以上效果，大致的实现思路是： 对 TextView 添加视图高度监听 （addOnGlobalLay
Android实现可以展开的TextView
08-28
主要为大家详细介绍了Android实现可以展开的TextView，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android 自定义可展开的ExpandTextView
07-01
详情请查看博客： https://blog.csdn.net/qq_20785431/article/details/80873463
Android TextView展开动画效果
08-24
实现Android TextView 展开的动画效果，但是没有用到Animation
Android中TextView实现超过固定行数显示“…展开全部”
01-05
前言 大家都知道，如果要让TextView只显示一行，多出部分用省略号代替的话非常容易，只需要为xml文件中的TextView控件添加android:singleLine=true即可，那么如果我想让它显示多行的时候应该怎么做呢？ 废话不多说，先看效果图： 展开前： 展开后： 示例代码： 工具类： /** * 设置textView结尾...后面显示的文字和颜色 * @param context 上下文 * @param textView textview * @param minLines 最少的行数 * @param originText 原文本 * @para
Android 可折叠自定义ExpandTextView
Cheng
12-04 2682
参考自他人https://blog.csdn.net/Luckly452468460/article/details/103613471 通过自己实现CreateAppenderListener，可以自己定义 尾部追加的文字或者图片，或者文字加图片。 有注释，就不解释细节了。 使用： 折叠状态： 展开状态： <!--这里的宽度不能设置wrap_content,可以具体值或者match_parent--> <com.example.myapplication.ExpandTextView
Android实现TextView内容可展开收缩功能
u011228060的专栏
11-12 7496
        最近在开发中需要实现一个需求，某项东西的介绍文字超过三行默认要收起，点击末端下拉箭头可以展开查看更多，大致效果图如下：         咋一看需求还挺简单，GitHub上也有现成的ExpandableTextView控件可用，实现效果：         好像看起来差不多，不过UI验收的时候就过不去了，要求下拉箭头需要跟在文字后面，且要有省略号表示更多内容，那现成的控件是...
Android自定义展开收起的textview
往东还是往西的博客
07-19 2244
目前公司里有个展开收起的文本显示需求，这其实是一个非常普通的需求，蛮多的地方都会有用到，网上大多数的实现方式是都是依赖于Textview或者间接继承于Textview，比如首先有一段过长的文本内容，先给textview.settext（） 设置进去，然后给textview添加一个布局渲染监听，监听到以后通过textview.getLineCount()获取当前的总行数，然后再去截取。 这种方式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值