(转)可收缩、扩展的TextView

在一些应用中,比如腾讯的应用市场APP应用宝,关于某款应用的介绍文字,如果介绍文字过长,那么不是全部展现出来,而是显示三四行的开始部分(摘要),预知全部的内容,用户点击展开按钮即可查阅全部内容。
这样的设计有一定的优越性,毕竟用户的时间有限,注意力和关注力也有限,在使用APP时候,用户需要在最短时间内尽可能快速浏览和查阅到更主要内容,而不是一大堆泛泛而谈的文字内容。
在Android原生的TextView的基础上,我自己写了一个可收缩/扩展的TextView:PhilExpandableTextView。
实现原理:核心是控制TextView的max lines。在TextView的初始化阶段但尚未绘制出View的时候,使用ViewTreeObserver,监听onPreDraw事件,获取TextView正常显示需要显示的总行数,但只给TextView设置最大运行的行数(小于总行数),从而造成TextView的收缩摘要效果,当用户通过按钮或其他方式扩展时候,把TextView的最大行数设置为正常显示完全的行数+1(+1是保持余量,避免不足)。
最终,如图,图1是收缩状态:

图2是当用户点击了Button按钮后展开后的状态:

给出测试及全部源代码。

测试的主Activity MainActivity.java:

 1 package zhangphil.textview;
 2
 3 import android.app.Activity;
 4 import android.os.Bundle;
 5 import android.view.View;
 6 import android.widget.Button;
 7
 8 public class MainActivity extends Activity {
 9
10     private String test_str = "";
11
12     @Override
13     protected void onCreate(Bundle savedInstanceState) {
14         super.onCreate(savedInstanceState);
15         setContentView(R.layout.activity_main);
16
17         // 测试的字符串
18         for (int i = 0; i < 100; i++)
19                 test_str = test_str + " " + i;
20
21         final PhilExpandableTextView text = (PhilExpandableTextView) findViewById(R.id.text);
22         text.setText(test_str);
23
24         Button button = (Button) findViewById(R.id.button);
25         button.setOnClickListener(new View.OnClickListener() {
26
27             @Override
28             public void onClick(View v) {
29                 boolean b=text.getExpandableStatus();
30                 b=!b;
31                 text.setExpandable(b);
32             }
33         });
34     }
35 }

MainActivity.java需要的布局文件:

 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     tools:context="zhangphil.textview.MainActivity" >
 6
 7     <zhangphil.textview.PhilExpandableTextView
 8         android:id="@+id/text"
 9         android:layout_width="match_parent"
10         android:layout_height="wrap_content"
11         android:layout_alignParentTop="true"
12         android:background="#03a9f4" />
13
14     <Button
15         android:id="@+id/button"
16         android:layout_width="wrap_content"
17         android:layout_height="wrap_content"
18         android:layout_alignParentBottom="true"
19         android:layout_centerHorizontal="true"
20         android:text="Button" />
21
22 </RelativeLayout>

核心的PhilExpandableTextView.java:

 1 package zhangphil.textview;
 2
 3 import android.content.Context;
 4 import android.util.AttributeSet;
 5 import android.view.ViewTreeObserver;
 6 import android.widget.TextView;
 7
 8 public class PhilExpandableTextView extends TextView {
 9
10     // 最大的行,默认只显示3行
11     private final int MAX = 3;
12
13     // 如果完全伸展需要多少行?
14     private int lines;
15
16     private PhilExpandableTextView mPhilTextView;
17
18     // 标记当前TextView的展开/收缩状态
19     // true,已经展开
20     // false,以及收缩
21     private boolean expandableStatus = false;
22
23     public PhilExpandableTextView(Context context, AttributeSet attrs) {
24         super(context, attrs);
25
26         mPhilTextView = this;
27
28         init();
29     }
30
31     private void init() {
32
33         // ViewTreeObserver View观察者,在View即将绘制但还未绘制的时候执行的,在onDraw之前
34         final ViewTreeObserver mViewTreeObserver = this.getViewTreeObserver();
35
36         mViewTreeObserver.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
37
38             @Override
39             public boolean onPreDraw() {
40                 // 避免重复监听
41                 mPhilTextView.getViewTreeObserver().removeOnPreDrawListener(this);
42
43                 lines = getLineCount();
44                 // Log.d(this.getClass().getName(), lines+"");
45
46                 return true;
47             }
48         });
49
50         setExpandable(false);
51
52         //setEllipsize(TextUtils.TruncateAt.END);
53     }
54
55     // 是否展开或者收缩,
56     // true,展开;
57     // false,不展开
58     public void setExpandable(boolean isExpand) {
59         if (isExpand) {
60             setMaxLines(lines + 1);
61         } else
62             setMaxLines(MAX);
63
64         expandableStatus = isExpand;
65     }
66
67     public boolean getExpandableStatus() {
68         return expandableStatus;
69     }
70 }

本人转载于:http://blog.csdn.net/zhangphil/article/details/50088465

时间: 2024-09-30 15:05:52

(转)可收缩、扩展的TextView的相关文章

站在巨人的肩膀上---重新自定义 android- ExpandableListView 收缩类,实现列表的可收缩扩展

距离上次更新博客,时隔略长,诸事繁琐,赶在去广州答辩之前,分享下安卓 android 中的一个 列表收缩 类---ExpandableListView 先上效果图: 如果想直接看实现此页面的代码请下滑到 红线 下 关于这个类的具体各函数的使用说明,这里不作详细说明,提供一个链接http://www.apkbus.com/android-124715-1-1.html,里面有关于此类的详细介绍. 我在这里主要通过源代码的注释和必要的说明,说明如何实现自定义的收缩列表. 必要的函数: 0-> 1 E

用开源项目ExpandableTextView打造可以下拉扩展的TextView

这次还是用开源项目来实现效果,我个人觉得上面的这个效果还是很赞的.于是就记录下如何实现这个效果,其实相当简单.这就是开源项目写的好的例子,整个开源项目的代码十分清晰,逻辑和代码结构都很棒,接入自己的工程也十分方便,10分钟之内搞定. 一.下载开源项目,导入lib 项目地址:https://github.com/Manabu-GT/ExpandableTextView 这个项目是用Android Studio编写的,如果你是用eclipse来构建,就需要做一些修改.如果懒得修改,就用我在本文末尾分

可伸缩的textview

在Android原生的TextView的基础上,可收缩/扩展的TextView:PhilExpandableTextView. 实现原理:核心是控制TextView的max lines.在TextView的初始化阶段但尚未绘制出View的时候,使用ViewTreeObserver,监听onPreDraw事件,获取TextView正常显示需要显示的总行数,但只给TextView设置最大运行的行数(小于总行数),从而造成TextView的收缩摘要效果,当用户通过按钮或其他方式扩展时候,把TextVi

Android TextView跑马灯效果

TextView跑马灯简单效果 <!--简单示例--> <TextView android:text="@string/longWord" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/textView1" android:ellipsize="marquee&quo

如何修改TextView链接点击实现(包含链接生成与点击原理分析)

*这篇文章的主要目的是想要大家学习如何了解实现,修改实现,以达到举一反三,自行解决问题的目的. 某天遇到这么一个需求:在TextView中的文本链接要支持跳转,嗯,这个好办,TextView本身是支持的,我们只用添加一项属性就可以搞定: android:autoLink="web" 在添加后发现确实是有效果了.但是如果我们不想使用系统默认的浏览器,而是想要这个地址跳入某个页面或者自己应用内的浏览器该怎么办呢? 好,接下来就是我们要实现的步骤. 俗话说,知己知彼,百战不殆.所以将我们的步

Android之——自定义TextView

转载请注明出处:http://blog.csdn.net/l1028386804/article/details/47082241 在这一篇博文中,将向大家介绍如何以最简单的方式,来自定义Android中的控件,下面我们以自定义TextView为例来向大家介绍如何自定义Android中的控件. 首先,我们来简单说一下Android中自定义控件的原理:创建一个类,继承要自定义的控件类,重写父类的相关方法即可.原理说完了,是不是很简单呢?下面,我们就一起来自定义一个TextView控件吧. 1.创建

android源码大放送(实战开发必备),免费安卓demo源码,例子大全文件详细列表

免费安卓demo源码,例子大全文件详细列表 本列表源码永久免费下载地址:http://www.jiandaima.com/blog/android-demo 卷 yunpan 的文件夹 PATH 列表 卷序列号为 0000-73EC E:. │ jiandaima.com文件列表生成.bat │ 例子大全说明.txt │ 本例子永久更新地址~.url │ 目录列表2016.03.10更新.txt │ ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签

用TextPaint来绘制文字

TextPaint是paint的子类,用它可以很方便的进行文字的绘制,一般情况下遇到绘制文字的需求时,我们一般用TextPaint所提供的方法.开始学习如何绘制文字之前,我们必须要先了解下android中文字是怎么绘制到屏幕上的,文字的格式又是怎么样的. 一.FontMetrics 1.1 理论知识 它是一个Paint的内部类,作用是“字体测量”.它里面呢就定义了top,ascent,descent,bottom,leading五个成员变量其他什么也没有,和rect很相似.如果你不信,我们可以去

我的Android 4 学习系列之创建用户基本界面

目录 使用视图和布局 理解Fragment 优化布局 创建分辨率无关的用户界面 扩展.分组.创建和使用视图 使用适配器将数据绑定到视图 使用视图和布局 1. Android UI 几个基本概念 视图: 所有可视界面的元素(通常称为控件或者小组件)的基类.所有的UI控件(包括布局类)都是由 View 派生而来的. 视图组:视图类的扩展,可以包含多个子视图.通过扩展ViewGroup类,可以创建由多个相互连接的子视图组成复合控件:还可以通过扩展ViewGroup类来提供布局管理器,以帮助在Aciti