android使用Textview实现伸缩效果

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

遇到此情况,通常的处理是:

方案一、Textview添加android:ellipsize属性,让展示不完的部分使用省略号代替。
方案二、Textview采用走马灯效果,使其滚动展示全部文本内容。

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

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

对于以上效果,实现思路如下:

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

xml文件内容为:

<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代码为:

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;
}
}
} 

}

下面为Demo示例下载链接,Textview伸缩

Textview的伸缩就探讨到这里,有问题,大家可以留言。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • 可伸缩的textview详解(推荐)

    在Android原生的TextView的基础上,可收缩/扩展的TextView:PhilExpandableTextView. 实现原理:核心是控制TextView的max lines.在TextView的初始化阶段但尚未绘制出View的时候,使用ViewTreeObserver,监听onPreDraw事件,获取TextView正常显示需要显示的总行数,但只给TextView设置最大运行的行数(小于总行数),从而造成TextView的收缩摘要效果,当用户通过按钮或其他方式扩展时候,把TextVi

  • Android TextView设置背景色与边框的方法详解

    1.在drawable文件夹下面创建setbar_bg.xml 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" >    <!-- 背景色 -->    <solid android:color="#FFE4B5&q

  • android实现上下滚动的TextView

    一 说明    这里重要应用类 AutoTextView,这是一个自定义的类,继承至TextSwitcher,下面临 AutoTextView类做简要说明: 1. 该类应用的重点,在于设置两个动画, setInAnimation(...)  和 setOutAnimation(...),分离是文字进入的动画和文字退出的动画: 2. 类中定义了一个外部类-Rotate3dAnimation,重要靠该类实现文字进出动画,该外部类继承至Animation.说来偶合,这个恰好是在apiDemo中看到了,

  • Android控件系列之TextView使用介绍

    学习目的: 1.了解在Android中如何使用TextView控件 2.掌握TextView控件重要属性 作用:TextView类似一般UI中的Label,TextBlock等控件,只是为了单纯的显示一行或多行文本 上图的XML布局如下: 复制代码 代码如下: <TextView android:id="@+id/tv" android:layout_width="wrap_content" android:layout_height="wrap_c

  • Android TextView字体颜色设置方法小结

    本文实例总结了Android TextView字体颜色设置方法.分享给大家供大家参考,具体如下: 对于setTextView(int a)这里的a是传进去颜色的值.例如,红色0xff0000是指0xff0000如何直接传入R.color.red是没有办法设置颜色的,只有通过文章中的第三种方法先拿到资源的颜色值再传进去. tv.setTextColor(this.getResources().getColor(R.color.red)); 关键字: android textview color T

  • android TextView加下划线的方法

    如果是在资源文件里,可以这样写. 复制代码 代码如下: < resources >       < string   name = "hello" > < u > phone: 1390123456 </ u > </ string >       < string   name = "app_name" > MyLink </ string >   </ resources

  • android TextView设置中文字体加粗实现方法

    英文设置加粗可以在xml里面设置: 复制代码 代码如下: <SPAN style="FONT-SIZE: 18px">android:textStyle="bold"</SPAN> 英文还可以直接在String文件里面直接这样填写: 复制代码 代码如下: <string name="styled_text">Plain, <b>bold</b>, <i>italic</

  • android TextView不用ScrollViewe也可以滚动的方法

    代码 复制代码 代码如下: TextView textview = (TextView) findViewById(R.id.text);            /**             *              * 只有调用了该方法,TextView才能不依赖于ScrollView而实现滚动的效果.             * 要在XML中设置TextView的textcolor,否则,当TextView被触摸时,会灰掉.             */ textview.setMov

  • Android编程开发之TextView文字显示和修改方法(附TextView属性介绍)

    本文实例讲述了Android编程开发之TextView文字显示和修改方法.分享给大家供大家参考,具体如下: 一. 新建一个Activity 和 Layout 首先在layout文件夹中新建一个activity_main.xml,在新建工程的时候一般默认会新建此xml文件,修改其代码如下: activity_main.xml 代码 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" x

  • android TextView多行文本(超过3行)使用ellipsize属性无效问题的解决方法

    布局文件中的TextView属性 复制代码 代码如下: <TextViewandroid:id="@+id/businesscardsingle_content_abstract"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="5dp"android:lineSpacingMu

随机推荐