自定义TextView实现结尾加载动画

最近做项目，仿豆包和机器人对话的时候，机器人返回数据是流式返回的，需要在文本结尾添加加载动画，于是自己实现了自定义TextView控件。

在这里插入图片描述

源码如下：

import android.content.Context
import android.graphics.Canvas
import android.graphics.Color
import android.graphics.drawable.Animatable
import android.graphics.drawable.Drawable
import android.util.AttributeSet
import android.util.TypedValue
import androidx.annotation.Px
import androidx.appcompat.widget.AppCompatTextView
import kotlin.math.roundToIntclass LoadingTextView @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : AppCompatTextView(context, attrs, defStyleAttr) {var isLoading = trueset(value) {field = valueif (value) {startAnimation()} else {stopAnimation()}requestLayout()invalidate()}private lateinit var loadingDrawable: Drawableprivate var maxLineWidth: Float = 0finit {setLoadingDrawable(BallLoadingDrawable().also {it.color = Color.BLACK}, TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 36f, context.resources.displayMetrics).toInt(), TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 22f, context.resources.displayMetrics).toInt())}fun setLoadingDrawable(drawable: Drawable, @Px width: Int, @Px height: Int) {loadingDrawable = drawableloadingDrawable.setBounds(0, 0, width, height)requestLayout()invalidate()}override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {super.onMeasure(widthMeasureSpec, heightMeasureSpec)if (!isLoading) returnvar widthSize = MeasureSpec.getSize(widthMeasureSpec)var heightSize = MeasureSpec.getSize(heightMeasureSpec)val widthMode = MeasureSpec.getMode(widthMeasureSpec)val heightMode = MeasureSpec.getMode(heightMeasureSpec)layout?.apply {val loadingWidth = loadingDrawable.intrinsicWidthval loadingHeight = loadingDrawable.intrinsicHeightif (lineCount > 0) {val lastLine = lineCount - 1val top = getLineTop(0)val bottom = getLineBottom(lineCount - 1)val textHeight: Int = bottom - topfor (line in 0 until lineCount) {val width = getLineWidth(line)maxLineWidth = maxOf(maxLineWidth, width)}val end = getLineEnd(lastLine)val lastCharIndex = end - 1val lastCharX = getPrimaryHorizontal(lastCharIndex)if ((lastCharX + compoundDrawablePadding + loadingWidth) > maxWidth) {widthSize =(maxLineWidth.roundToInt() + compoundDrawablePadding + loadingWidth).coerceAtMost(maxWidth)heightSize = (loadingHeight + textHeight).coerceAtLeast(heightSize)} else {widthSize =(maxLineWidth.roundToInt() + compoundDrawablePadding + loadingWidth).coerceAtMost(maxWidth)heightSize = textHeight.coerceAtLeast(heightSize)}} else {widthSize = loadingWidthheightSize = loadingHeight}}setMeasuredDimension(MeasureSpec.makeMeasureSpec(widthSize, widthMode),MeasureSpec.makeMeasureSpec(heightSize, heightMode))}override fun onDraw(canvas: Canvas) {super.onDraw(canvas)if (isLoading) {drawLoading(canvas)} else {stopAnimation()}}private fun drawLoading(canvas: Canvas) {startAnimation()layout?.apply {val loadingWidth = loadingDrawable.intrinsicWidthval loadingHeight = loadingDrawable.intrinsicHeightif (lineCount > 0) {val lastLine = lineCount - 1val end = getLineEnd(lastLine)val lastCharIndex = end - 1val lastCharX = getPrimaryHorizontal(lastCharIndex)val top = getLineTop(lastLine)val bottom = getLineBottom(lastLine)val translateX: Floatval translateY: Floatif (lastCharX + compoundDrawablePadding + loadingWidth > maxWidth) {translateX = 0ftranslateY = bottom.toFloat()} else {translateX = lastCharX + compoundDrawablePaddingtranslateY = (bottom + top - loadingHeight) / 2f}canvas.save()canvas.translate(translateX, translateY)loadingDrawable.draw(canvas)canvas.restore()}}}override fun onAttachedToWindow() {super.onAttachedToWindow()startAnimation()}override fun onDetachedFromWindow() {stopAnimation()super.onDetachedFromWindow()}private fun startAnimation() {if (!isLoading || visibility != VISIBLE) {return}if (loadingDrawable is Animatable) {(loadingDrawable as Animatable).start()postInvalidate()}}private fun stopAnimation() {if (loadingDrawable is Animatable) {(loadingDrawable as Animatable).stop()postInvalidate()}}
}

其中BallLoadingDrawable是自定义Drawable，也可以换成其他自定义的Drawable实现不一样的动画效果。

import android.animation.ValueAnimator
import android.graphics.Canvas
import android.graphics.Color
import android.graphics.ColorFilter
import android.graphics.Paint
import android.graphics.PixelFormat
import android.graphics.Rect
import android.graphics.drawable.Animatable
import android.graphics.drawable.Drawableclass BallLoadingDrawable : Drawable(), Animatable {private val scaleFloats = floatArrayOf(1.0f, 1.0f, 1.0f)private var animators: ArrayList<ValueAnimator>? = nullprivate var drawBounds = Rect()private val paint = Paint()var color: Int = Color.WHITEset(value) {field = valuepaint.color = colorinvalidateSelf()}init {paint.color = Color.WHITEpaint.style = Paint.Style.FILLpaint.isAntiAlias = true}override fun draw(canvas: Canvas) {val circleSpacing = 4fval radius = (getWidth().coerceAtMost(getHeight()) - circleSpacing * 2) / 6val x = getWidth() / 2 - (radius * 2 + circleSpacing)val y = (getHeight() / 2).toFloat()for (i in 0..2) {canvas.save()val translateX = x + radius * 2 * i + circleSpacing * icanvas.translate(translateX, y)canvas.scale(scaleFloats[i], scaleFloats[i])canvas.drawCircle(0f, 0f, radius, paint)canvas.restore()}}fun getWidth(): Int {return drawBounds.width()}fun getHeight(): Int {return drawBounds.height()}override fun setAlpha(alpha: Int) {}override fun setColorFilter(colorFilter: ColorFilter?) {}override fun getOpacity(): Int {return PixelFormat.OPAQUE}override fun start() {if (isStarted()) {return}if (animators.isNullOrEmpty()) {animators = arrayListOf()val delays = intArrayOf(120, 240, 360)for (i in 0..2) {val scaleAnim = ValueAnimator.ofFloat(1f, 0.3f, 1f)scaleAnim.setDuration(750)scaleAnim.repeatCount = -1scaleAnim.startDelay = delays[i].toLong()scaleAnim.addUpdateListener { animation ->scaleFloats[i] = animation.animatedValue as FloatinvalidateSelf()}animators!!.add(scaleAnim)}}animators?.forEach {it.start()}}override fun stop() {animators?.forEach {it.end()}}override fun isRunning(): Boolean {return animators?.any { it.isRunning } ?: false}private fun isStarted(): Boolean {return animators?.any { it.isStarted } ?: false}override fun onBoundsChange(bounds: Rect) {drawBounds = Rect(bounds.left, bounds.top, bounds.right, bounds.bottom)}override fun getIntrinsicHeight(): Int {return drawBounds.height()}override fun getIntrinsicWidth(): Int {return drawBounds.width()}
}

对应的布局文件为：

<?xml version="1.0" encoding="utf-8"?>
<androidx.core.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".FirstFragment"><androidx.constraintlayout.widget.ConstraintLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:padding="16dp"><Buttonandroid:id="@+id/button_first"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/next"app:layout_constraintBottom_toTopOf="@id/textview_first"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" /><com.zhupeng.ai.pdf.gpt.LoadingTextViewandroid:id="@+id/textview_first"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="16dp"android:maxWidth="300dp"android:text="@string/lorem_ipsum"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@id/button_first" /></androidx.constraintlayout.widget.ConstraintLayout>
</androidx.core.widget.NestedScrollView>

注意：使用该控件必须设置android:maxWidth属性

感谢大家的支持，如有错误请指正，如需转载请标明原文出处！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/pingmian/53386.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Html、Css3动画效果

Html、Css3动画效果

文章目录 第九章 动画9.1 transform动画9.2 transition过渡动画9.3 定义动画 第九章 动画 9.1 transform动画 transform 2D变形 translate()&#xff1a;平移函数&#xff0c;基于X、Y坐标重新定位元素的位置 scale()&#xff1a;缩放函数&#xff0c;可以使任意元素对象尺…
阅读更多...
【系统架构设计师-2010年】综合知识-答案及详解

【系统架构设计师-2010年】综合知识-答案及详解

更多内容请见： 备考系统架构设计师-核心总结索引 文章目录 【第1题】【第2题】【第3题】【第4~5题】【第6题】【第7~8题】【第9题】【第10题】【第11题】【第12题】【第13题】【第14题】【第15题】【第16题】【第17题】【第18题】【第19题】【第20题】【第21题】【第22题】【第…
阅读更多...
高斯平面直角坐标讲解，以及地理坐标转换高斯平面直角坐标

高斯平面直角坐标讲解，以及地理坐标转换高斯平面直角坐标

高斯平面直角坐标系（Gauss-Krger 坐标系）是基于 高斯-克吕格投影 的一种常见的平面坐标系统，主要用于地理信息系统 (GIS)、测绘和工程等领域。该坐标系将地球表面的经纬度（地理坐标）通过一种投影方式转换为平面直角坐标，以便在二维平面中进行距离、面积和角度的计算。 一…
阅读更多...
自动化抢票 12306

自动化抢票 12306

自动化抢票 12306 1. 明确需求 明确采集的网站以及数据内容 网址: https://kyfw.12306.cn/otn/leftTicket/init数据: 车次相关信息 2. 抓包分析 通过浏览器开发者工具分析对应的数据位置 打开开发者工具 F12 或鼠标右键点击检查 刷新网页 点击下一页/下滑网页页面/点击搜…
阅读更多...
基于云原生向量数据库 PieCloudVector 的 RAG 实践

基于云原生向量数据库 PieCloudVector 的 RAG 实践

近年来&#xff0c;人工智能生成内容&#xff08;AIGC&#xff09;已然成为最热门的话题之一。工业界出现了各种内容生成工具&#xff0c;能够跨多种模态产生多样化的内容。这些主流的模型能够取得卓越表现&#xff0c;归功于创新的算法、模型规模的大幅扩展&#xff0c;以及海…
阅读更多...
HalconDotNet中的图像特征与提取详解

HalconDotNet中的图像特征与提取详解

文章目录 简介一、边缘特征提取二、角点特征提取三、区域特征提取四、纹理特征提取五、形状特征提取 简介 图像特征提取是图像处理中的一个重要步骤&#xff0c;用于从图像中提取有意义的特征&#xff0c;以便进行进一步的分析和处理。HalconDotNet提供了多种图像特征提取方法&…
阅读更多...
用Boot写mybatis的增删改查

用Boot写mybatis的增删改查

一、总览 项目结构&#xff1a; 图一 1、JavaBean文件 2、数据库操作 3、Java测试 4、SpringBoot启动类 5、SpringBoot数据库配置 二、配置数据库 在项目资源包中新建名为application.yml的文件&#xff0c;如图一。 建好文件我们就要开始写…
阅读更多...
【MySQL00】【 杂七杂八】

【MySQL00】【 杂七杂八】

文章目录 一、前言二、MySQL 文件1. 参数文件2. 日志文件3. 套接字文件4. pid 文件5. 表结构定义文件6. InnoDB 存储引擎文件 二、BTree 索引排序三、InnoDB 关键特性1. 插入缓冲1.1 Insert Buffer 和 Change Buffer1.1 缓冲合并 2. 两次写2. 自适应哈希索引3. 异步IO4. 刷新邻…
阅读更多...
江协科技STM32学习- P9 OLED调试工具

江协科技STM32学习- P9 OLED调试工具

&#x1f680;write in front&#x1f680; &#x1f50e;大家好&#xff0c;我是黄桃罐头&#xff0c;希望你看完之后&#xff0c;能对你有所帮助&#xff0c;不足请指正&#xff01;共同学习交流 &#x1f381;欢迎各位→点赞&#x1f44d; 收藏⭐️ 留言&#x1f4dd;​…
阅读更多...
# VMware 共享文件

# VMware 共享文件

VMware tools快速安装 VMware 提供了 open-vm-tools&#xff0c;这是 VMware 官方推荐的开源工具包&#xff0c;通常不需要手动安装 VMware Tools&#xff0c;因为大多数 Linux 发行版&#xff08;包括 Ubuntu、CentOS 等&#xff09;都包含了 open-vm-tools&#xff0c;并且已…
阅读更多...
Linux网络编程IO管理

Linux网络编程IO管理

网络 IO 涉及到两个系统对象&#xff0c;一个是用户空间调用 IO 的进程或者线程&#xff0c;一个是内核空间的内核系统&#xff0c;比如发生 IO 操作 read 时&#xff0c;它会经历两个阶段&#xff1a; 等待内核协议栈的数据准备就绪&#xff1b;将内核中的数据拷贝到用户态的…
阅读更多...
Kafka【八】如何保证消息发送的可靠性、重复性、有序性

Kafka【八】如何保证消息发送的可靠性、重复性、有序性

【1】消息发送的可靠性保证 对于生产者发送的数据&#xff0c;我们有的时候是不关心数据是否已经发送成功的&#xff0c;我们只要发送就可以了。在这种场景中&#xff0c;消息可能会因为某些故障或问题导致丢失&#xff0c;我们将这种情况称之为消息不可靠。虽然消息数据可能会…
阅读更多...
Spring框架基础介绍2.0

Spring框架基础介绍2.0

目录 AOP概述 面向切面思想 优点&#xff1a; 核心原理&#xff1a; 使用案例: AOP 的基本概念 springAOP 实现 AspectJ 中常用的通知 Spring事物管理 数据库事务管理? spring 事务管理? Spring中的事物管理分为两种形式&#xff1a; 1、编程式事物管理 2、声明…
阅读更多...
React入门教程：创建你的第一个React应用

React入门教程：创建你的第一个React应用

React 是由 Facebook 开发的用于构建用户界面的 JavaScript 库。它以其高效、灵活和组件化的特性受到开发者的广泛欢迎。如果你是前端开发新手&#xff0c;或是从其他框架转向 React&#xff0c;这篇文章将引导你创建一个简单的 React 应用&#xff0c;帮助你快速上手。 1. 环…
阅读更多...
低空经济如此火爆，新手如何分一杯羹？

低空经济如此火爆，新手如何分一杯羹？

低空经济的火爆为新手提供了诸多参与和分一杯羹的机会。以下是一些具体的建议&#xff0c;帮助新手在这一领域找到切入点&#xff1a; 1. 了解行业概况与趋势 定义与范围&#xff1a;低空经济是指在3000米以下空域内进行各种有人和无人驾驶航空器活动的经济形态&#xff0c;涉…
阅读更多...
dubbo的SPI机制

dubbo的SPI机制

一.dubbo的SPI机制 SPI机制是一个服务发现机制&#xff0c;通过接口的全限定名找到指定目录下对应的文件&#xff0c;然后加载对应的实现类注册到系统中进行使用。 在Java原生跟mysql的驱动加载也使用了这个机制&#xff0c;但是他们只能进行全部实现类的加载&#xff08;遍历…
阅读更多...
mysql创建新表，同步数据

mysql创建新表，同步数据

import os import argparse import glob import cv2 import numpy as np import onnxruntime import tqdm import pymysql import time import json from datetime import datetime os.environ[“CUDA_VISIBLE_DEVICES”] “0” # 使用 GPU 0 def get_connection(): “”“创…
阅读更多...
最新HTML5中的文件详解

最新HTML5中的文件详解

第5章 HTML5中的文件 5.1选择文件 可以创建一个file类型的input,添加multiple属性为true,可以实现多个文件上传。 5.1.1 选择单个文件 1.功能描述 创建file类型input元素&#xff0c;页面中不再有文本框&#xff0c;而是 选择文件 按钮&#xff0c;右侧是上次文件的名称&a…
阅读更多...
argodb自定义函数读取hdfs文件的注意点，避免FileSystem已关闭异常

argodb自定义函数读取hdfs文件的注意点，避免FileSystem已关闭异常

一、问题描述 一位同学反馈&#xff0c;他写的argo存过中调用了一个自定义函数&#xff0c;函数会加载hdfs上的一个文件&#xff0c;但有些节点会报FileSystem closed异常&#xff0c;同时有时任务会成功&#xff0c;有时会失败。 二、问题分析 argodb的计算引擎是基于spark…
阅读更多...
解析 MySQL 数据库的 Python 接口：`mysqlclient` 与 `django-mysql` 实战指南20240904

解析 MySQL 数据库的 Python 接口：`mysqlclient` 与 `django-mysql` 实战指南20240904

博客标题&#xff1a;深入解析 MySQL 数据库的 Python 接口&#xff1a;mysqlclient 与 django-mysql 实战指南 引言 在现代 Web 开发中&#xff0c;数据库与应用程序的交互是不可避免的核心环节。对于使用 Python 尤其是 Django 框架的开发者来说&#xff0c;如何有效地与 M…
阅读更多...
最新文章

Copyright @ 2022~2023