Android自定义控件——ExpandTextView

本文介绍一个这样婶儿的TextView，如图：

 

点击的时候TextView会伸缩，有种Clip的感觉，原理也很简单，就是把两个TextView重叠起来，一个现实固定的行数的文本，另一个现实全部的文本，初始化的时候，容器的高度等于固定文本的高度，完全展开时的高度等于文本显示全的高度，过程用一个动画控制就可以了。下面贴代码：

ExpandTextView.java

 

[java] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. import android.content.Context;  
  2. import android.graphics.Color;  
  3. import android.text.TextUtils;  
  4. import android.util.AttributeSet;  
  5. import android.view.ViewGroup;  
  6. import android.view.animation.Animation;  
  7. import android.view.animation.Transformation;  
  8. import android.widget.FrameLayout;  
  9. import android.widget.RelativeLayout;  
  10. import android.widget.TextView;  
  11.   
  12. /** 
  13.  * Created by mingwei on 1/20/16. 
  14.  */  
  15. public class ExpandTextView extends RelativeLayout {  
  16.   
  17.     private TextView mText;  
  18.   
  19.     private TextView mExpandText;  
  20.   
  21.     private int mTextColor = Color.GRAY;  
  22.   
  23.     private int mTextLine = 1;  
  24.   
  25.     private int mStart;  
  26.   
  27.     private int mEnd;  
  28.   
  29.     private boolean isFirst = true;  
  30.   
  31.     private boolean isExpand = false;  
  32.   
  33.     public ExpandTextView(Context context) {  
  34.         this(context, null);  
  35.     }  
  36.   
  37.     public ExpandTextView(Context context, AttributeSet attrs) {  
  38.         this(context, attrs, 0);  
  39.     }  
  40.   
  41.     @Override  
  42.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
  43.         super.onMeasure(widthMeasureSpec, heightMeasureSpec);  
  44.         final ViewGroup.LayoutParams params = getLayoutParams();  
  45.         if (isFirst) {  
  46.             isFirst = false;  
  47.             mText.post(new Runnable() {  
  48.                 @Override  
  49.                 public void run() {  
  50.                     mStart = mText.getLineHeight() * mText.getLineCount();  
  51.                     params.height = mStart;  
  52.                     setLayoutParams(params);  
  53.                 }  
  54.             });  
  55.             mExpandText.post(new Runnable() {  
  56.                 @Override  
  57.                 public void run() {  
  58.                     mEnd = mExpandText.getLineHeight() * mExpandText.getLineCount();  
  59.                 }  
  60.             });  
  61.   
  62.         }  
  63.   
  64.     }  
  65.   
  66.     public ExpandTextView(Context context, AttributeSet attrs, int defStyleAttr) {  
  67.         super(context, attrs, defStyleAttr);  
  68.         FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(LayoutParams.MATCH_PARENT,  
  69.                 LayoutParams.WRAP_CONTENT);  
  70.         mText = new TextView(context, attrs);  
  71.         mText.setTextColor(mTextColor);  
  72.         mText.setEllipsize(TextUtils.TruncateAt.END);  
  73.         mText.setMaxLines(mTextLine);  
  74.         addView(mText, params);  
  75.         mExpandText = new TextView(context);  
  76.         mExpandText.setTextColor(Color.TRANSPARENT);  
  77.         addView(mExpandText, params);  
  78.     }  
  79.   
  80.     public void setText(String text) {  
  81.         isFirst = true;  
  82.         mText.setText(text);  
  83.         mExpandText.setText(text);  
  84.         requestLayout();  
  85.     }  
  86.   
  87.     public void setTextColor(int color) {  
  88.         mTextColor = color;  
  89.         mText.setTextColor(color);  
  90.     }  
  91.   
  92.     public void setTextSize(int size) {  
  93.         isFirst = true;  
  94.         mText.setTextSize(size);  
  95.         mExpandText.setTextSize(size);  
  96.         requestLayout();  
  97.     }  
  98.   
  99.     public void setTextMaxLine(int num) {  
  100.         mTextLine = num;  
  101.         mText.setMaxLines(num);  
  102.     }  
  103.   
  104.     public void setGravity(int gravity) {  
  105.         mText.setGravity(gravity);  
  106.         mExpandText.setGravity(gravity);  
  107.     }  
  108.   
  109.     public void setEllipsize(TextUtils.TruncateAt ell) {  
  110.         mText.setEllipsize(ell);  
  111.     }  
  112.   
  113.     public void setTextLineSpacingExtra(float spac) {  
  114.         mText.setLineSpacing(spac, 1.0f);  
  115.         mExpandText.setLineSpacing(spac, 1.0f);  
  116.     }  
  117.   
  118.     public TextView text() {  
  119.         return mText;  
  120.     }  
  121.   
  122.     public TextView expandText() {  
  123.         return mExpandText;  
  124.     }  
  125.   
  126.     public int line() {  
  127.         return mTextLine;  
  128.     }  
  129.   
  130.     public boolean isExpand() {  
  131.         return isExpand;  
  132.     }  
  133.   
  134.     public void expand() {  
  135.         if (!isExpand) {  
  136.             isExpand = true;  
  137.             mText.setTextColor(Color.TRANSPARENT);  
  138.             mExpandText.setTextColor(mTextColor);  
  139.             Animation animation = new Animation() {  
  140.                 @Override  
  141.                 protected void applyTransformation(float interpolatedTime, Transformation t) {  
  142.                     ViewGroup.LayoutParams params = ExpandTextView.this.getLayoutParams();  
  143.                     params.height = mStart + (int) ((mEnd - mStart) * interpolatedTime);  
  144.                     setLayoutParams(params);  
  145.                 }  
  146.             };  
  147.             animation.setDuration(500);  
  148.             startAnimation(animation);  
  149.         }  
  150.   
  151.     }  
  152.   
  153.     @Override  
  154.     public void setLayoutParams(ViewGroup.LayoutParams params) {  
  155.         super.setLayoutParams(params);  
  156.     }  
  157.   
  158.     public void shrink() {  
  159.         if (isExpand) {  
  160.             isExpand = false;  
  161.             Animation animation = new Animation() {  
  162.                 @Override  
  163.                 protected void applyTransformation(float interpolatedTime, Transformation t) {  
  164.                     ViewGroup.LayoutParams params = ExpandTextView.this.getLayoutParams();  
  165.                     params.height = mStart + (int) ((mEnd - mStart) * (1 - interpolatedTime));  
  166.                     setLayoutParams(params);  
  167.                 }  
  168.             };  
  169.             animation.setAnimationListener(new Animation.AnimationListener() {  
  170.                 @Override  
  171.                 public void onAnimationStart(Animation animation) {  
  172.   
  173.                 }  
  174.   
  175.                 @Override  
  176.                 public void onAnimationEnd(Animation animation) {  
  177.                     mText.setTextColor(mTextColor);  
  178.                     mExpandText.setTextColor(Color.TRANSPARENT);  
  179.                 }  
  180.   
  181.                 @Override  
  182.                 public void onAnimationRepeat(Animation animation) {  
  183.   
  184.                 }  
  185.             });  
  186.             animation.setDuration(500);  
  187.             startAnimation(animation);  
  188.         }  
  189.     }  
  190.   
  191.     public void switchs() {  
  192.         if (isExpand) {  
  193.             shrink();  
  194.         } else {  
  195.             expand();  
  196.         }  
  197.     }  
  198.   
  199.   
  200. }  



 

使用：

 

[html] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     xmlns:tools="http://schemas.android.com/tools"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent"  
  6.     android:paddingBottom="@dimen/activity_vertical_margin"  
  7.     android:paddingLeft="@dimen/activity_horizontal_margin"  
  8.     android:paddingRight="@dimen/activity_horizontal_margin"  
  9.     android:paddingTop="@dimen/activity_vertical_margin"  
  10.     tools:context="com.ming.expandtextview.MainActivity">  
  11.   
  12.   
  13.     <Button  
  14.         android:id="@+id/expand"  
  15.         android:layout_width="wrap_content"  
  16.         android:layout_height="wrap_content"  
  17.         android:layout_alignParentLeft="true"  
  18.         android:layout_alignParentStart="true"  
  19.         android:layout_alignParentTop="true"  
  20.         android:text="Expand" />  
  21.   
  22.     <Button  
  23.         android:id="@+id/strink"  
  24.         android:layout_width="wrap_content"  
  25.         android:layout_height="wrap_content"  
  26.         android:layout_alignParentTop="true"  
  27.         android:layout_toEndOf="@+id/expand"  
  28.         android:layout_toRightOf="@+id/expand"  
  29.         android:text="Strink" />  
  30.   
  31.     <com.ming.expandtextview.ExpandTextView  
  32.         android:id="@+id/expandtextview"  
  33.         android:layout_width="match_parent"  
  34.         android:layout_height="wrap_content"  
  35.         android:layout_below="@+id/expand">  
  36.     </com.ming.expandtextview.ExpandTextView>  
  37. </RelativeLayout>  


Activity.java

 

 

[java] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. public class MainActivity extends AppCompatActivity {  
  2.   
  3.     private Button mBtnExpand;  
  4.     private Button mBtnStrink;  
  5.     private ExpandTextView mExpandTextview;  
  6.   
  7.     @Override  
  8.     protected void onCreate(Bundle savedInstanceState) {  
  9.         super.onCreate(savedInstanceState);  
  10.         setContentView(R.layout.activity_main);  
  11.         mBtnExpand = (Button) findViewById(R.id.expand);  
  12.         mBtnStrink = (Button) findViewById(R.id.strink);  
  13.         mExpandTextview = (ExpandTextView) findViewById(R.id.expandtextview);  
  14.         mExpandTextview.setTextColor(Color.BLACK);  
  15.         mExpandTextview.setTextSize(18);  
  16.         mExpandTextview.setTextMaxLine(2);  
  17.         mExpandTextview.setText("科技本身蕴含着一种碾压一切的力量，而这种力量会导致我们加速奔向某种设定好的结局。" +  
  18.                 "这篇文章尝试预测未来最可能的5种结局：黄金时代，虚拟世界，冷平衡，生化人，大寂灭。");  
  19.         mBtnExpand.setOnClickListener(new View.OnClickListener() {  
  20.             @Override  
  21.             public void onClick(View v) {  
  22.                 mExpandTextview.expand();  
  23.   
  24.                 //或者mExpandTextview.switchs();  
  25.             }  
  26.         });  
  27.         mBtnStrink.setOnClickListener(new View.OnClickListener() {  
  28.             @Override  
  29.             public void onClick(View v) {  
  30.                 mExpandTextview.shrink();  
  31.             }  
  32.         });  
  33.     }  
  34. }  


下载：http://download.csdn.net/detail/u013045971/9416672

posted @ 2017-04-26 13:54  天涯海角路  阅读(497)  评论(0)    收藏  举报