您的位置: 首页  >  文章  >  Textview 使用之一：伸缩效果

Textview 使用之一：伸缩效果

分类: 文章 • 2024-02-22 18:04:04

android开发过程中，经常遇到Textview展示不完全的情况。
遇到此情况，通常的处理是：
方案一、Textview添加android:ellipsize属性，让展示不完的部分使用省略号代替。
方案二、Textview采用走马灯效果，使其滚动展示全部文本内容。(android Textview 使用之二：走马灯效果 android Textview 使用之二：走马灯效果 android Textview 使用之二：走马灯效果)

对于方案一，如果想查看被省略后的内容，如何实现？微信的评论列表，豌豆荚视频详情介绍都有类似使用场景。
下面来看下Demo例子的收起效果，文本内容没有展示完全，使用省略号代替，提示“更多”和向下箭头标识，截图如下：

Textview 使用之一：伸缩效果


当点击“更多”和向下箭头时，被省略的内容全部展示出来，提示“更多”和向上收起标识箭头，截图如下：

Textview 使用之一：伸缩效果

对于以上效果，实现思路如下：
1、设置Textview默认展示固定行，比如3行，内容展示不完全，在Textview尾部使用省略号代替。
xml文件内容为：

[html] view plain copy
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent"  
  5.     tools:context=".MainActivity" >  
  6.   
  7.     <!-- 显示文本 -->  
  8.     <TextView  
  9.         android:id="@+id/text_content"  
  10.         android:layout_width="fill_parent"  
  11.         android:layout_height="wrap_content"  
  12.         android:ellipsize="end"  
  13.         android:maxLines="3"  
  14.         android:singleLine="false" />  
  15.   
  16.     <!-- 更多和箭头 -->  
  17.     <RelativeLayout  
  18.         android:id="@+id/show_more"  
  19.         android:layout_below="@id/text_content"  
  20.         android:layout_alignParentRight="true"  
  21.         android:layout_width="wrap_content"  
  22.         android:layout_height="wrap_content"  
  23.         android:layout_marginTop="3dip"  
  24.         >  
  25.   
  26.         <TextView  
  27.             android:layout_width="wrap_content"  
  28.             android:layout_height="wrap_content"  
  29.             android:layout_alignParentRight="true"  
  30.             android:textSize="13sp"  
  31.             android:textColor="#999"  
  32.             android:layout_marginRight="34dip"  
  33.             android:text="更多" />  
  34.   
  35.   
  36.         <ImageView  
  37.             android:id="@+id/spread"  
  38.             android:layout_width="wrap_content"  
  39.             android:layout_height="wrap_content"  
  40.             android:layout_alignParentRight="true"  
  41.             android:background="@drawable/ic_details_more" />  
  42.   
  43.         <ImageView  
  44.             android:id="@+id/shrink_up"  
  45.             android:layout_width="wrap_content"  
  46.             android:layout_height="wrap_content"  
  47.             android:layout_alignParentRight="true"  
  48.             android:background="@drawable/ic_shrink_up"  
  49.             android:visibility="gone" />  
  50.     </RelativeLayout>  
  51. </RelativeLayout>  


2、点击“更多”和向下箭头时，通过Textview的setMaxLines()方法改变Textview的最大行数。即可实现上述效果。

Java代码为：
[java] view plain copy
  1. package com.example.testdemo;  
  2. import android.app.Activity;  
  3. import android.os.Bundle;  
  4. import android.view.View;  
  5. import android.view.View.OnClickListener;  
  6. import android.widget.ImageView;  
  7. import android.widget.RelativeLayout;  
  8. import android.widget.TextView;  
  9.   
  10. public class MainActivity extends Activity implements OnClickListener {  
  11.   
  12. private static final int VIDEO_CONTENT_DESC_MAX_LINE = 3;// 默认展示最大行数3行  
  13. private static final int SHOW_CONTENT_NONE_STATE = 0;// 扩充  
  14. private static final int SHRINK_UP_STATE = 1;// 收起状态  
  15. private static final int SPREAD_STATE = 2;// 展开状态  
  16. private static int mState = SHRINK_UP_STATE;//默认收起状态  
  17.   
  18. private TextView mContentText;// 展示文本内容  
  19. private RelativeLayout mShowMore;// 展示更多  
  20. private ImageView mImageSpread;// 展开  
  21. private ImageView mImageShrinkUp;// 收起  
  22.   
  23. @Override  
  24. protected void onCreate(Bundle savedInstanceState) {  
  25. super.onCreate(savedInstanceState);  
  26. setContentView(R.layout.activity_main);  
  27.   
  28. initView();  
  29. initData();  
  30. }  
  31.   
  32. private void initView() {  
  33. mContentText = (TextView) findViewById(R.id.text_content);  
  34. mShowMore = (RelativeLayout) findViewById(R.id.show_more);  
  35. mImageSpread = (ImageView) findViewById(R.id.spread);  
  36. mImageShrinkUp = (ImageView) findViewById(R.id.shrink_up);  
  37. mShowMore.setOnClickListener(this);  
  38.   
  39. }  
  40.   
  41. private void initData() {  
  42. mContentText.setText(R.string.txt_info);  
  43. }  
  44.   
  45. @Override  
  46. public void onClick(View v) {  
  47. // TODO Auto-generated method stub  
  48. switch (v.getId()) {  
  49. case R.id.show_more: {  
  50. if (mState == SPREAD_STATE) {  
  51. mContentText.setMaxLines(VIDEO_CONTENT_DESC_MAX_LINE);  
  52. mContentText.requestLayout();  
  53. mImageShrinkUp.setVisibility(View.GONE);  
  54. mImageSpread.setVisibility(View.VISIBLE);  
  55. mState = SHRINK_UP_STATE;  
  56. } else if (mState == SHRINK_UP_STATE) {  
  57. mContentText.setMaxLines(Integer.MAX_VALUE);  
  58. mContentText.requestLayout();  
  59. mImageShrinkUp.setVisibility(View.VISIBLE);  
  60. mImageSpread.setVisibility(View.GONE);  
  61. mState = SPREAD_STATE;  
  62. }  
  63. break;  
  64. }  
  65. default: {  
  66. break;  
  67. }  
  68. }  
  69. }  
  70.   
  71. }  

相关推荐