android Textview 使用之一：伸缩效果

装载：http://blog.csdn.net/improveyourself/article/details/28270139

转载没什么别的意思 只是为了自己留下笔记，遇到此类问题可以及时找到答案：

android开发过程中，经常遇到Textview展示不完全的情况。

遇到此情况，通常的处理是：

方案一、Textview添加android:ellipsize属性，让展示不完的部分使用省略号代替。

方案二、Textview采用走马灯效果，使其滚动展示全部文本内容。(android Textview 使用之二：走马灯效果 android
Textview 使用之二：走马灯效果 android
Textview 使用之二：走马灯效果)

对于方案一，如果想查看被省略后的内容，如何实现？微信的评论列表，豌豆荚视频详情介绍都有类似使用场景。

下面来看下Demo例子的收起效果，文本内容没有展示完全，使用省略号代替，提示“更多”和向下箭头标识，截图如下：

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

对于以上效果，实现思路如下：

1、设置Textview默认展示固定行，比如3行，内容展示不完全，在Textview尾部使用省略号代替。

xml文件内容为：

[html] view
plain copy







<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

tools:context=".MainActivity" >

<!-- 显示文本 -->

<TextView

android:id="@+id/text_content"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:ellipsize="end"

android:maxLines="3"

android:singleLine="false" />

<!-- 更多和箭头 -->

<RelativeLayout

android:id="@+id/show_more"

android:layout_below="@id/text_content"

android:layout_alignParentRight="true"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="3dip"

>

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:textSize="13sp"

android:textColor="#999"

android:layout_marginRight="34dip"

android:text="更多" />

<ImageView

android:id="@+id/spread"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:background="@drawable/ic_details_more" />

<ImageView

android:id="@+id/shrink_up"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:background="@drawable/ic_shrink_up"

android:visibility="gone" />

</RelativeLayout>

</RelativeLayout>

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

Java代码为：

[java] view
plain copy







package com.example.testdemo;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.ImageView;

import android.widget.RelativeLayout;

import android.widget.TextView;

public class MainActivity extends Activity implements OnClickListener {

private static final int VIDEO_CONTENT_DESC_MAX_LINE = 3;// 默认展示最大行数3行

private static final int SHOW_CONTENT_NONE_STATE = 0;// 扩充

private static final int SHRINK_UP_STATE = 1;// 收起状态

private static final int SPREAD_STATE = 2;// 展开状态

private static int mState = SHRINK_UP_STATE;//默认收起状态

private TextView mContentText;// 展示文本内容

private RelativeLayout mShowMore;// 展示更多

private ImageView mImageSpread;// 展开

private ImageView mImageShrinkUp;// 收起

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initView();

initData();

}

private void initView() {

mContentText = (TextView) findViewById(R.id.text_content);

mShowMore = (RelativeLayout) findViewById(R.id.show_more);

mImageSpread = (ImageView) findViewById(R.id.spread);

mImageShrinkUp = (ImageView) findViewById(R.id.shrink_up);

mShowMore.setOnClickListener(this);

}

private void initData() {

mContentText.setText(R.string.txt_info);

}

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

switch (v.getId()) {

case R.id.show_more: {

if (mState == SPREAD_STATE) {

mContentText.setMaxLines(VIDEO_CONTENT_DESC_MAX_LINE);

mContentText.requestLayout();

mImageShrinkUp.setVisibility(View.GONE);

mImageSpread.setVisibility(View.VISIBLE);

mState = SHRINK_UP_STATE;

} else if (mState == SHRINK_UP_STATE) {

mContentText.setMaxLines(Integer.MAX_VALUE);

mContentText.requestLayout();

mImageShrinkUp.setVisibility(View.VISIBLE);

mImageSpread.setVisibility(View.GONE);

mState = SPREAD_STATE;

}

break;

}

default: {

break;

}

}

}

}

上面的mContentText.requestLayout()：

requestLayout：当view确定自身已经不再适合现有的区域时，该view本身调用这个方法要求parent
view重新调用他的onMeasure onLayout来对重新设置自己位置。

特别的当view的layoutparameter发生改变，并且它的值还没能应用到view上，这时候适合调用这个方法。

invalidate：View本身调用迫使view重画。

下面为Demo示例下载链接，考虑大家积分问题，我把积分设置为0，大家放心下载。

http://download.csdn.net/detail/improveyourself/7455779