Android实现带动画效果的可点击展开TextView

发布时间 - 2026-01-11 02:16:21    点击率:

本文为大家分享了Android实现带动画效果的可点击展开TextView 制作代码,效果图:

收起(默认)效果:

点击展开后的效果:


源码:

布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 android:id="@+id/activity_main"
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical"
 >

 <ScrollView
  android:id="@+id/sv"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  >

  <LinearLayout
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:background="#f6f6f6"
   android:orientation="vertical"
   android:padding="5dp">

   <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"

    android:maxLines="1"
    android:text="简介"
    android:textColor="#000000"
    android:textSize="20sp"/>

   <TextView
    android:id="@+id/tv_des"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textColor="#666666"
    android:textSize="18sp"/>

   <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <ImageView
     android:id="@+id/iv_des_arrow"
     android:layout_width="20dp"
     android:layout_height="20dp"
     android:layout_alignParentEnd="true"
     android:background="@mipmap/arrow_down"/>
   </RelativeLayout>

  </LinearLayout>

 </ScrollView>
</LinearLayout>

功能实现:

package com.cnfol.demo;

import android.animation.Animator;
import android.animation.ValueAnimator;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewTreeObserver.OnGlobalLayoutListener;
import android.widget.ImageView;
import android.widget.ScrollView;
import android.widget.TextView;

public class MainActivity extends Activity implements View.OnClickListener {

 private TextView tv_des;

 private ImageView iv_des_arrow;

 private boolean isExpandDes = false;//是否展开整个描述

 private int minHeight = 0;
 private int maxHeight = 0;

 private ScrollView scrollView;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  scrollView = (ScrollView) findViewById(R.id.sv);

  tv_des = (TextView) findViewById(R.id.tv_des);
  tv_des.setOnClickListener(this);

  iv_des_arrow = (ImageView) findViewById(R.id.iv_des_arrow);
  iv_des_arrow.setOnClickListener(this);

  String s = "中华人民共和国,简称中国,位于亚洲东部,太平洋西岸, 是工人阶级领导的、以工农联盟为基础的人民民主专政的社会主义国家。\n" +
    "\n" +
    "1949年(己丑年)10月1日成立, 以五星红旗为国旗, 《义勇军进行曲》为国歌, 国徽内容包括国旗、天安门、齿轮和麦稻穗, 首都北京, 省级行政区划为23个省、5个自治区、4个直辖市、2个特别行政区, 是一个以汉族为主体民族,由56个民族构成的统一多民族国家,汉族占总人口的91.51%。\n" +
    "\n" +
    "新中国成立后随即开展经济恢复与建设,1953年开始三大改造, 到1956年确立了社会主义制度,进入社会主义探索阶段。 文化大革命之后开始改革开放,逐步确立了中国特色社会主义制度。中国陆地面积约960万平方公里,大陆海岸线1.8万多千米,岛屿岸线1.4万多千米,内海和边海的水域面积约470多万平方千米。海域分布有大小岛屿7600多个,其中台湾岛最大,面积35798平方千米。同14国接壤,与8国海上相邻。中国是四大文明古国之一, 有着悠久的历史文化。是世界国土面积第三大的国家,世界第一大人口国家,与英、法、美、俄并为联合国安理会五大常任理事国。\n" +
    "\n" +
    "中国是世界第二大经济体,世界第一贸易大国,世界第一大外汇储备国, 世界第一大钢铁生产国和世界第一大农业国,世界第一大粮食总产量国以及世界上经济成长最快的国家之一。";
  tv_des.setText(s);
  tv_des.setMaxLines(3);

  tv_des.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
   @Override
   public void onGlobalLayout() {
    //一般用完之后,立即移除该监听
    tv_des.getViewTreeObserver().removeGlobalOnLayoutListener(this);
    minHeight = tv_des.getMeasuredHeight();//获取3行时候的高度

    tv_des.setMaxLines(Integer.MAX_VALUE);//会全部显示内容
    tv_des.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
     @Override
     public void onGlobalLayout() {
      //一般用完之后,立即移除该监听
      tv_des.getViewTreeObserver().removeGlobalOnLayoutListener(this);
      maxHeight = tv_des.getMeasuredHeight();//获取总高度

      if (minHeight == maxHeight) {
       //最大高度和最小高度一样。说明设置的默认显示行数,已经可以把所有数据全部显示
       iv_des_arrow.setVisibility(View.GONE);
      }

      tv_des.getLayoutParams().height = minHeight;
      tv_des.requestLayout();//让tv_des显示为3行的高度
     }
    });
   }
  });

 }

 @Override
 public void onClick(View v) {

  switch (v.getId()) {

   case R.id.tv_des:
   case R.id.iv_des_arrow:
    ValueAnimator desAnimator = null;
    if (isExpandDes) {
     desAnimator = ValueAnimator.ofInt(maxHeight, minHeight);
    } else {
     desAnimator = ValueAnimator.ofInt(minHeight, maxHeight);
    }
    desAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
     @Override
     public void onAnimationUpdate(ValueAnimator animator) {
      int currentHeight = (Integer) animator.getAnimatedValue();
      tv_des.getLayoutParams().height = currentHeight;
      tv_des.requestLayout();

      //只有展开动画的时候才需要内容向上滚动,收缩动画的时候是不需要滚动的
      if (!isExpandDes) {
       int scrollY = currentHeight - minHeight;
       scrollView.scrollBy(0, scrollY);
      }
     }
    });
    desAnimator.setDuration(300);
    desAnimator.addListener(new DesAnimListener());
    desAnimator.start();
    break;

  }

 }

 /**
  * 描述区域动画的监听
  *
  * @author Administrator
  */
 class DesAnimListener implements Animator.AnimatorListener {
  @Override
  public void onAnimationCancel(Animator arg0) {
  }

  @Override
  public void onAnimationEnd(Animator arg0) {
   isExpandDes = !isExpandDes;
   iv_des_arrow.setBackgroundResource(isExpandDes ? R.mipmap.arrow_up : R.mipmap.arrow_down);
  }

  @Override
  public void onAnimationRepeat(Animator arg0) {
  }

  @Override
  public void onAnimationStart(Animator arg0) {
  }
 }

}


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


# Android点击可展开TextView  # ndroid动画点击展开TextView  # ndroid可展开TextView  # Android TextView多文本折叠展开效果  # Android TextView实现多文本折叠、展开效果  # Android实现可以展开的TextView  # Android实现可点击展开的TextView  # Android中TextView实现超过固定行数显示“...展开全部”  # 第一大  # 汉族  # 联合国安理会  # 用完  # 中国  # 文化大革命  # 移除  # 天安门  # 工农联盟  # 国是  # 是一个  # 多个  # 世界上  # 不需要  # 确立了  # 太平洋  # 三大  # 亚洲  # 西岸  # 五大 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】  黑客入侵网站服务器的常见手法有哪些?  如何在阿里云虚拟机上搭建网站?步骤解析与避坑指南  详解Nginx + Tomcat 反向代理 负载均衡 集群 部署指南  JavaScript Ajax实现异步通信  佛山网站制作系统,佛山企业变更地址网上办理步骤?  如何在沈阳梯子盘古建站优化SEO排名与功能模块?  Angular 表单中正确绑定输入值以确保提交与验证正常工作  七夕网站制作视频,七夕大促活动怎么报名?  长沙做网站要多少钱,长沙国安网络怎么样?  Python结构化数据采集_字段抽取解析【教程】  Laravel怎么实现观察者模式Observer_Laravel模型事件监听与解耦开发【指南】  Laravel如何使用Blade组件和插槽?(Component代码示例)  如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程  阿里云高弹*务器配置方案|支持分布式架构与多节点部署  Win10如何卸载预装Edge扩展_Win10卸载Edge扩展教程【方法】  用v-html解决Vue.js渲染中html标签不被解析的问题  香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化  php结合redis实现高并发下的抢购、秒杀功能的实例  宙斯浏览器视频悬浮窗怎么开启 边看视频边操作其他应用教程  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  深圳网站制作培训,深圳哪些招聘网站比较好?  为什么php本地部署后css不生效_静态资源加载失败修复技巧【技巧】  Windows10如何更改计算机工作组_Win10系统属性修改Workgroup  音响网站制作视频教程,隆霸音响官方网站?  Laravel怎么在Blade中安全地输出原始HTML内容  JS碰撞运动实现方法详解  晋江文学城电脑版官网 晋江文学城网页版直接进入  Laravel定时任务怎么设置_Laravel Crontab调度器配置  如何用AWS免费套餐快速搭建高效网站?  齐河建站公司:营销型网站建设与SEO优化双核驱动策略  香港服务器建站指南:外贸独立站搭建与跨境电商配置流程  Laravel Session怎么存储_Laravel Session驱动配置详解  Laravel如何使用Seeder填充数据_Laravel模型工厂Factory批量生成测试数据【方法】  零服务器AI建站解决方案:快速部署与云端平台低成本实践  Laravel如何编写单元测试和功能测试?(PHPUnit示例)  如何在阿里云完成域名注册与建站?  Laravel如何实现模型的全局作用域?(Global Scope示例)  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  Laravel与Inertia.js怎么结合_使用Laravel和Inertia构建现代单页应用  如何自定义建站之星模板颜色并下载新样式?  linux top下的 minerd 木马清除方法  动图在线制作网站有哪些,滑动动图图集怎么做?  如何快速启动建站代理加盟业务?  详解Oracle修改字段类型方法总结  Laravel怎么实现验证码(Captcha)功能  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  Laravel如何与Inertia.js和Vue/React构建现代单页应用  在线制作视频的网站有哪些,电脑如何制作视频短片?  Laravel如何将应用部署到生产服务器_Laravel生产环境部署流程