欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2022-05-02 21:14:05
本文为大家分享了android实现带动画效果的可点击展开textview 制作代码,效果图: 收起(默认)效果: 点击展开后的效果: 源码:...

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

收起(默认)效果:

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

点击展开后的效果:

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) {
  }
 }

}


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