(转)可收缩、扩展的TextView
2015-11-30 11:25
357 查看
在一些应用中,比如腾讯的应用市场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:
MainActivity.java需要的布局文件:
核心的PhilExpandableTextView.java:
本人转载于:http://blog.csdn.net/zhangphil/article/details/50088465
这样的设计有一定的优越性,毕竟用户的时间有限,注意力和关注力也有限,在使用APP时候,用户需要在最短时间内尽可能快速浏览和查阅到更主要内容,而不是一大堆泛泛而谈的文字内容。
在Android原生的TextView的基础上,我自己写了一个可收缩/扩展的TextView:PhilExpandableTextView。
实现原理:核心是控制TextView的max lines。在TextView的初始化阶段但尚未绘制出View的时候,使用ViewTreeObserver,监听onPreDraw事件,获取TextView正常显示需要显示的总行数,但只给TextView设置最大运行的行数(小于总行数),从而造成TextView的收缩摘要效果,当用户通过按钮或其他方式扩展时候,把TextView的最大行数设置为正常显示完全的行数+1(+1是保持余量,避免不足)。
最终,如图,图1是收缩状态:
图2是当用户点击了Button按钮后展开后的状态:
给出测试及全部源代码。
测试的主Activity MainActivity.java:
package zhangphil.textview; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.Button; public class MainActivity extends Activity { private String test_str = ""; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 测试的字符串 for (int i = 0; i < 100; i++) test_str = test_str + " " + i; final PhilExpandableTextView text = (PhilExpandableTextView) findViewById(R.id.text); text.setText(test_str); Button button = (Button) findViewById(R.id.button); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { boolean b=text.getExpandableStatus(); b=!b; text.setExpandable(b); } }); } }
MainActivity.java需要的布局文件:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="zhangphil.textview.MainActivity" > <zhangphil.textview.PhilExpandableTextView android:id="@+id/text" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:background="#03a9f4" /> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:text="Button" /> </RelativeLayout>
核心的PhilExpandableTextView.java:
package zhangphil.textview; import android.content.Context; import android.util.AttributeSet; import android.view.ViewTreeObserver; import android.widget.TextView; public class PhilExpandableTextView extends TextView { // 最大的行,默认只显示3行 private final int MAX = 3; // 如果完全伸展需要多少行? private int lines; private PhilExpandableTextView mPhilTextView; // 标记当前TextView的展开/收缩状态 // true,已经展开 // false,以及收缩 private boolean expandableStatus = false; public PhilExpandableTextView(Context context, AttributeSet attrs) { super(context, attrs); mPhilTextView = this; init(); } private void init() { // ViewTreeObserver View观察者,在View即将绘制但还未绘制的时候执行的,在onDraw之前 final ViewTreeObserver mViewTreeObserver = this.getViewTreeObserver(); mViewTreeObserver.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() { @Override public boolean onPreDraw() { // 避免重复监听 mPhilTextView.getViewTreeObserver().removeOnPreDrawListener(this); lines = getLineCount(); // Log.d(this.getClass().getName(), lines+""); return true; } }); setExpandable(false); //setEllipsize(TextUtils.TruncateAt.END); } // 是否展开或者收缩, // true,展开; // false,不展开 public void setExpandable(boolean isExpand) { if (isExpand) { setMaxLines(lines + 1); } else setMaxLines(MAX); expandableStatus = isExpand; } public boolean getExpandableStatus() { return expandableStatus; } }
本人转载于:http://blog.csdn.net/zhangphil/article/details/50088465
相关文章推荐
- import javax.servlet.http.HttpServletRequest;
- UIview图层的技术
- ubuntu“apt-get -f install”问题解决
- mysql alter table add foreign (errno: 150)添加外键150错误
- javascript 打开页面window.location和window.open的区别
- Linux中的内存管理基础-转
- WPF自定义控件与样式(6)-ScrollViewer与ListBox自定义样式
- Tuning “enq:TX – row lock contention” events
- 编写高质量代码[读书笔记]
- Textview显示文字时格式参差不齐的解决方式
- Delphi 窗体无边框全屏不遮挡任务栏-最完美的解决方法
- Git Patch生成和应用指南
- iOS图片编辑(CIFilter)
- 我也要谈谈大型网站架构之系列(3)——死了都要说的缓存
- Struts2:国际化
- HttpClient 中文编码问题
- 使用gulp-compass时,指定relative_assets无效
- centos7.0 php-fpm 安装ImageMagic php扩展imagick
- 不确定个数的元素在水平方向上平均分布
- MSSQL 2012 拒绝了对对象 'extended_properties' (数据库 'mssqlsystemresource',架构 'sys')的 SELECT 权限