自己实现一个可以折叠展开的TextView

很多时候我们的文字过长时，都会选择先展示几行，点击展开按钮的时候再展示全部内容，如图所示：

今天我们就是要实现这样一个功能的textview。

实现的功能

我们实现的可以折叠展开的TextView具有以下功能：
1.如果文字不超过三行，则显示文字真实的行数，并且不显示折叠展开的按钮；如果文字超过三行，则默认只显示3行文字（这个可以自己设置），显示折叠展开的按钮。
2.当按钮显示的时候，如果文字是展开状态，则使文字变为折叠状态，反之，如果文字是折叠状态，点击按钮变为展开状态。

思路

1.首先，我们需要用一个LinearLayout包裹一个TextView和ImageView。TextView用来显示文字，ImageView用来显示折叠展开的按钮。
2.接下来，我们要使TextView初始只显示3行文字（当然显示几行你可以自己定义）。这里我们在onMeasure之后，
可以通过mTextView.getLineCount()
得到TextView真正的行数
通过mTextView.getLineHeight()
得到TextView一行的高度
然后，当mTextView.getLineCount() >=3的时候，
通过mTextView.setHeight(mTextView.getLineHeight() * foldLines)
设置TextView的高度，这里的foldLines就是我们折叠时候的行数，我设的是3。
并且设置按钮可见
3.为按钮设置点击事件

mOpenBtn.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {if(isOpen){//to closemTextView.setHeight(mTextView.getLineHeight() * foldLines);mOpenBtn.setImageResource(R.drawable.icon_up_arrow);isOpen = false;}else{//to openmTextView.setHeight(mTextView.getLineHeight() * mTextView.getLineCount());mOpenBtn.setImageResource(R.drawable.icon_down_arrow);isOpen = true;}}});

代码

ExpandableTextView：

package com.example.myapp.view;import android.content.Context;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;import com.example.myapp.R;/*** Created by yanru.zhang on 16/7/26.* Email:yanru.zhang@renren-inc.com*/
public class ExpandableTextView extends LinearLayout {private TextView mTextView;private ImageView mOpenBtn;private boolean isOpen = false;private int foldLines = 3; //大于3行的时候折叠private int lineCounts;public ExpandableTextView(Context context) {this(context, null);}public ExpandableTextView(Context context, AttributeSet attrs) {this(context, attrs, 0);}public ExpandableTextView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);}private void initView() {lineCounts = mTextView.getLineCount();if(lineCounts <= foldLines){mOpenBtn.setVisibility(GONE);}if(isOpen && mTextView.getHeight() != lineCounts * mTextView.getLineHeight()){mTextView.setHeight(mTextView.getLineHeight() * mTextView.getLineCount());}else if(!isOpen && mTextView.getHeight() != foldLines * mTextView.getLineHeight()){mTextView.setHeight(mTextView.getLineHeight() * foldLines);}mOpenBtn.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {if(isOpen){//to closemTextView.setHeight(mTextView.getLineHeight() * foldLines);mOpenBtn.setImageResource(R.drawable.icon_up_arrow);isOpen = false;}else{//to openmTextView.setHeight(mTextView.getLineHeight() * mTextView.getLineCount());mOpenBtn.setImageResource(R.drawable.icon_down_arrow);isOpen = true;}}});}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);Log.d("zyr","onMeasure");initView();}@Overrideprotected void onFinishInflate() {super.onFinishInflate();Log.d("zyr","onFinishInflate");if(mTextView==null || mOpenBtn == null){mTextView = (TextView)getChildAt(0);mOpenBtn = (ImageView)getChildAt(1);}}
}

ExpandableTvActivity:

package com.example.myapp.activity;import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;import com.example.myapp.R;
import com.example.myapp.view.ExpandableTextView;/*** Created by yanru.zhang on 16/7/22.* Email:yanru.zhang@renren-inc.com*/
public class ExpandableTvActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_expandable_tv);}
}

activity_expandable_tv.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="match_parent"android:layout_height="match_parent"><com.example.myapp.view.ExpandableTextViewandroid:id="@+id/expandable_tv"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><TextView android:id="@+id/text_view"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="相思 \n王维\n红豆生南国，\n春来发几枝。\n愿君多采撷，\n此物最相思。"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="right"android:padding="10dp"android:src="@drawable/icon_up_arrow"/></com.example.myapp.view.ExpandableTextView><com.example.myapp.view.ExpandableTextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:text="O(∩_∩)O哈哈哈~"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="right"android:padding="10dp"android:src="@drawable/icon_up_arrow"/></com.example.myapp.view.ExpandableTextView>
</LinearLayout>

自己实现一个可以折叠展开的TextView相关推荐

Flutter折叠展开列表的使用
flutter中官方其实已经封装好了折叠展开列表:ExpansionPanel,但是官方的可定制性太差,我今天主要说下如何简单实现一个自己的折叠展开列表. 状态控制折叠展开列表,每一个父列表 ...
可展开/折叠的Android TextView：ExpandableTextView
可展开/折叠的Android TextView:ExpandableTextView
android textView 折叠展开 ExpandableTextView
项目过程中可能会用到可以折叠和展开的TextView , 这里给出一种实现思路,自定义控件. package com.example.expandtextviewdemo;import android ...
Android多行文本折叠展开效果
转自:http://blog.csdn.net/qiaoidea/article/details/45568653 [导航] - 单行文本水平触摸滑动效果通过EditText实现TextView单 ...
三层嵌套gridview 的折叠展开
三层嵌套gridview 的折叠展开在asp.net 2.0中,gridview也同样可以很多花样,比如做一个三层嵌套GRIDVIEW的展开.就是说,一般是主从关系的,现在是三层关系了, 可以点A, ...
java列表展开折叠,jQuery Datatables rowGroup折叠/展开
首先添加状态以跟踪折叠组: var collapsedGroups = {}; 接下来,将其添加到Datatable初始化以启用rowGroup插件 . 它通过检查 collapapsedGroups ...
Android展开的TextView和点击底部滚动到顶部
小功能,希望后来者拿去就能用一:展开的TextView,继承linerlayout,直接上代码了 public class ExpandTextView extends LinearLayout { ...
element-ui之el-collapse-transition（折叠展开动画）源码解析学习
2019独角兽企业重金招聘Python工程师标准>>> 项目中发现同事使用了element-ui的el-collapse-transition来做折叠展开效果,打开源码看了下发现挺有 ...
有关列表折叠展开的问题
在有列表展开的页面,实现列表展开折叠效果,最常用的就是获取列表的索引值(列表从后台获取数据,利用循环渲染到前端),通过点击事件获取当前的索引值与循环产生的索引值比对,看是否匹配,匹配则展开,否则不展开 ...

自己实现一个可以折叠展开的TextView

实现的功能

思路

代码

自己实现一个可以折叠展开的TextView相关推荐

最新文章

热门文章