android使用Textview实现伸缩效果

 更新时间:2017年11月22日 10:27:54   作者:刘启刚  
这篇文章主要为大家详细介绍了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的伸缩就探讨到这里,有问题,大家可以留言。

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

相关文章

  • Android Studio导入项目不支持的两种解决方式

    Android Studio导入项目不支持的两种解决方式

    这篇文章主要介绍了Android Studio导入项目不支持的两种解决方式,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-11-11
  • 利用Flutter制作一个摸鱼桌面版App

    利用Flutter制作一个摸鱼桌面版App

    Win10商店上架了一款名为《摸鱼》的App,在下载打开之后,这个App会让你的电脑进入一个假更新的画面。本文将为大家介绍如何通过Flutter制作一个桌面版的摸鱼APP,快跟小编一起学习一下吧
    2021-12-12
  • Android 使用Zbar实现扫一扫功能

    Android 使用Zbar实现扫一扫功能

    这篇文章主要介绍了Android 使用Zbar实现扫一扫功能,本文用的是Zbar实现扫一扫,因为根据本人对两个库的使用比较,发现Zbar解码比Zxing速度要快,实现方式也简单,需要的朋友可以参考下
    2023-03-03
  • 详解Android .9.png “点九”图片的使用

    详解Android .9.png “点九”图片的使用

    这篇文章主要为大家详细介绍了Android .9.png “点九”图片的使用方法,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • Android中layout属性大全

    Android中layout属性大全

    这篇文章主要介绍了Android中layout属性含义及用法,较为详细的总结分析了layout属性相关用法,需要的朋友可以参考下
    2015-05-05
  • Android中activity处理返回结果的实现方式

    Android中activity处理返回结果的实现方式

    这篇文章主要介绍了Android中activity处理返回结果的实现方式,为了实现这个功能,Android提供了一个机制,跳转到其他activity时,再返回,可以接受到其他activity返回的值,无需再start新的当前activity。需要的朋友可以参考下
    2016-12-12
  • Android spinner下垃菜单用法实例详解

    Android spinner下垃菜单用法实例详解

    这篇文章主要介绍了Android spinner下垃菜单用法,详细分析了spinner下垃菜单的定义、布局及功能实现相关技巧,需要的朋友可以参考下
    2016-07-07
  • Android学习笔记之应用单元测试实例分析

    Android学习笔记之应用单元测试实例分析

    这篇文章主要介绍了Android学习笔记之应用单元测试,结合实例形式较为详细的分析了Android单元测试的实现原理与具体步骤,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • Android自定义View实现进度条动画

    Android自定义View实现进度条动画

    这篇文章主要为大家详细介绍了Android自定义View实现进度条动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • Android实现院系专业三级联动

    Android实现院系专业三级联动

    这篇文章主要为大家详细介绍了Android实现院系专业三级联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03

最新评论