iis服务器助手广告
返回顶部
首页 > 资讯 > 移动开发 >Android实现文字消除效果
  • 850
分享到

Android实现文字消除效果

2024-04-02 19:04:59 850人浏览 独家记忆
摘要

今天和大家分享一个如何从右到左消除文本的动画。 先看效果图: 由于项目和语音识别相关,有时候人在不经意间交流的无效音频会被识别出来,并展示于界面,为了美观,客户要求我们将这些无效的

今天和大家分享一个如何从右到左消除文本的动画。

先看效果图:

由于项目和语音识别相关,有时候人在不经意间交流的无效音频会被识别出来,并展示于界面,为了美观,客户要求我们将这些无效的识别文本用一个从右到左的动画给清除,于是便有了下述的技术实现。

嗯,效果做完后发现原理及其简单,仅此记录一下。

1、layout文件先在这儿贴一下


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="Http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="44dp"
        android:text="百日不到处,青春恰自来。苔花如米小,也学牡丹开。"
        android:ellipsize="none"
        android:singleLine="true"
        android:background="#ff00ff"
        android:layout_marginTop="10dp"
        android:id="@+id/tv_text"/>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btn_click"
        android:text="点击清除"/>
        
  <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btn_click1"
        android:text="点击恢复"/>
</LinearLayout>

btn_click1是为了演示方便而设计的,可不计考虑。注意TextView中需要:


android:ellipsize="none"
android:singleLine="true"

两个属性,该效果只针对一行的文本。

2、贴一下java代码


public class MainActivity extends AppCompatActivity {
    private TextView textView;
    private Button btn_click;
    private Button btn_click1;
    private Handler mHandler;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mHandler = new Handler();
        textView = findViewById(R.id.tv_text);
        btn_click = findViewById(R.id.btn_click);
        btn_click1 = findViewById(R.id.btn_click1);
        btn_click.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showAsrAnim();
            }
        });

        btn_click1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                textView.setVisibility(View.VISIBLE);
                textView.setText("百日不到处,青春恰自来" +"苔花如米小,也学牡丹开。");
            }
        });
    }

    private void showAsrAnim() {
        mHandler.post(new Runnable() {
            @Override
            public void run() {
                //在这里我们利用ValueAnimator.ofInt创建了一个值从textView的宽度到2的动画,动画时长是400ms,然后让动画开始
                //第一步:创建ValueAnimator实例
                ValueAnimator animator = ValueAnimator.ofInt(textView.getWidth(), 2);
                animator.setInterpolator(new LinearInterpolator());
                animator.setDuration(4000);

                //第二步:添加监听
                animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                    @Override
                    public void onAnimationUpdate(ValueAnimator animation) {
                        //获取ValueAnimator在运动时,当前运动点的值
                        int width = (int) animation.getAnimatedValue();
                        changeLayout(width);
                        if (width == 2) {
                            textView.setText("");
                            textView.setVisibility(View.INVISIBLE);
                            ViewGroup.LayoutParams params = textView.getLayoutParams();
                            params.width = ViewGroup.LayoutParams.WRAP_CONTENT;
                            textView.setLayoutParams(params);
                        }
                    }
                });
                animator.start();
            }
        });
    }

    private void changeLayout(int width) {
        ViewGroup.LayoutParams params = textView.getLayoutParams();
        params.width = width;
        textView.setLayoutParams(params);
    }}
}

代码中已经有了注释,创建一个ValueAnimator实例,添加监听,通过运动改变TextView的宽度,当达到最小宽度2dp时将文本设置为空且不可见,从而实现该功能。

以上就是Android实现文字消除效果的详细内容,更多关于Android 文字消除效果的资料请关注编程网其它相关文章!

--结束END--

本文标题: Android实现文字消除效果

本文链接: https://www.lsjlt.com/news/129008.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android实现文字消除效果
    今天和大家分享一个如何从右到左消除文本的动画。 先看效果图: 由于项目和语音识别相关,有时候人在不经意间交流的无效音频会被识别出来,并展示于界面,为了美观,客户要求我们将这些无效的...
    99+
    2024-04-02
  • Android自定义Span实现文字渐变效果
    目录前言ForegroundColorSpan解析文本颜色动画渐变样式实现小结前言 Android提供一些Span设置文本样式外,开发者若希望实现一些新特性也是能自定义开发实现的。只...
    99+
    2024-04-02
  • 如何使用CSS实现文字删除效果
    在网页设计中,我们可能需要一些特殊效果来增加页面的美观度和趣味性。例如,我们可能需要一些文字效果来突出一些重要的信息或强调某些内容。其中之一便是文字删除,即在一些文本中添加删除线来表示它们已不再是有效或相关的内容。本文将介绍如何使用CSS来...
    99+
    2023-05-14
  • Android实现消息提醒小红点效果
    本人分享一下,自己写的一个消息提醒小红点控件,支持圆、矩形、椭圆、圆角矩形、正方形五种图形样式,可带文字,支持链式操作。先看一下实现效果,随便测了几个控件(TextView、ImageView、RadioButton、LinearLayou...
    99+
    2023-05-30
    android 消息提醒 roi
  • Android基于ViewFilpper如何实现文字LED显示效果
    小编给大家分享一下Android基于ViewFilpper如何实现文字LED显示效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!具体如下:这里给出来自Android官方API DEMO中动画效果实例。public&nbs...
    99+
    2023-05-30
    android
  • 在Android中icon+控件实现文字的多种效果
    这篇文章给大家介绍在Android中icon+控件实现文字的多种效果,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。第一步 自定义属性  在res/values/目录下新建attrs.xml文件, 添...
    99+
    2023-05-31
    android icon+ roi
  • Android实现文字动态高亮读取进度效果
    本文实例为大家分享了Android实现文字动态高亮读取进度的具体代码,供大家参考,具体内容如下 1、效果图 类似歌词的效果。播放下面文字的音频,同时音频播放的进度和文字高亮进度保持一...
    99+
    2024-04-02
  • vue实现文字滚动效果
    本文实例为大家分享了vue实现文字滚动效果的具体代码,供大家参考,具体内容如下 项目需求:系统公告,要从右忘左循环播放的牛皮广告效果。 实现: 方案一:使用定时器和CSS3的过渡属性...
    99+
    2024-04-02
  • android实现QQ微信侧滑删除效果
    最近由于项目需求,需要做一个listview中的item策划删除的效果,与是查找资料和参考了一些相关的博客,终于完美实现了策划删除的效果。先看一下效果图(研究了半天竟然没研究出来真机上gif图怎么做,大家将就看一下吧)。 &nbs...
    99+
    2023-05-30
  • Android开发中怎么实现一个文字倒影效果
    这期内容当中小编将会给大家带来有关Android开发中怎么实现一个文字倒影效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。布局文件中增加如下代码<com.tc.reflect.ReflectTex...
    99+
    2023-05-31
    android roi
  • CSS3如何实现文字浮雕效果,镂刻效果,火焰文字
    这篇文章主要介绍了CSS3如何实现文字浮雕效果,镂刻效果,火焰文字,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。要做出这个效果,首先必须知道css的一个属性:text-sha...
    99+
    2023-06-08
  • Android okHttp-sse 实现chatgpt逐字逐句效果
    1. 什么是SSE Server-Send Events 服务器发送事件,简称SSE。服务器主动向客户端推送消息,我们常见的有 WebSocket (SignalR) ,SSE 也是其中一种。     SSE 是HTML5规范的一部分,该规...
    99+
    2023-09-16
    okhttp
  • Android下Button实现图文混排效果
    Button实现图文混排效果,具体内容如下一、简介本文介绍两种图文混排方式android:drawableTop="@drawable/star"实现文字上有图片当然有上下左右等等SpannableString的ImageSpan实现图文混...
    99+
    2023-05-30
    android button 图文混排
  • 纯CSS3怎么实现文字效果
    这篇文章主要介绍了纯CSS3怎么实现文字效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。今天我们来研究几款文字效果,主要利用text-shadow、webkit内核的几个独...
    99+
    2023-06-15
  • js实现文字滚动的效果
    本文实例为大家分享了js实现文字滚动的效果的具体代码,供大家参考,具体内容如下 在之前小编已经和大家介绍了一些常用的js动画效果,在此,和大家介绍一种可能不太常用的动画效果。该动画效...
    99+
    2024-04-02
  • Android如何实现文字动态高亮读取进度效果
    小编给大家分享一下Android如何实现文字动态高亮读取进度效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!具体内容如下1、效果图类似歌词的效果。播放下面文字的音频,同时音频播放的进度和文字高亮进度保持一致。2、代码结构...
    99+
    2023-06-15
  • Three.js+React实现3D文字悬浮效果
    目录背景效果实现资源引入DOM结构设置状态网格背景场景初始化创建材质创建文字模型创建几何体模型鼠标事件监听背景色切换后期渲染动画缩放适配双击全屏总结 背景 在 Three....
    99+
    2024-04-02
  • css文字划线效果怎么实现
    这篇文章主要介绍“css文字划线效果怎么实现”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“css文字划线效果怎么实现”文章能帮助大家解决问题。 一、文字中划线CS...
    99+
    2024-04-02
  • C#实现会移动的文字效果
    本文实例为大家分享了C#实现会移动的文字效果的具体代码,供大家参考,具体内容如下 1 题目描述 (1)Form1窗体设计界面如下: (2)窗体左侧为一个靠左停靠的panel,其中包...
    99+
    2024-04-02
  • HTML如何实现滚动文字效果
    小编给大家分享一下HTML如何实现滚动文字效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在HTML中,可以使用marquee标签实现滚动文字效果,该标签可以向...
    99+
    2023-06-15
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作