zoukankan      html  css  js  c++  java
  • (转)可收缩、扩展的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

  • 相关阅读:
    500. 键盘行
    657. 判断路线成圈
    771. 宝石与石头
    461. 汉明距离
    Java 基本数据类型
    Windows下的DOM操作
    jQuery学习笔记
    Java(16-19)
    Java(1-15)
    总结
  • 原文地址:https://www.cnblogs.com/zzw1994/p/5006693.html
Copyright © 2011-2022 走看看