Android实现文字消除效果

 更新时间:2021年06月24日 09:22:21   作者:萝卜枣  
由于项目和语音识别相关,有时候人在不经意间交流的无效音频会被识别出来,并展示于界面,为了美观,客户要求我们将这些无效的识别文本用一个从右到左的动画给清除,于是便有了下述的技术实现。感兴趣的朋友可以参考下

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

先看效果图:

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

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

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 文字消除效果的资料请关注脚本之家其它相关文章!

相关文章

  • Android开发之App widget用法实例分析

    Android开发之App widget用法实例分析

    这篇文章主要介绍了Android开发之App widget用法,结合实例形式详细分析了Android开发中使用App widget组件的具体步骤与相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • 详解Android开发中硬件加速支持的使用方法

    详解Android开发中硬件加速支持的使用方法

    这篇文章主要介绍了Android应用开发中硬件加速支持的使用方法,主要针对图形绘制时的硬件加速与OpenGL调用,需要的朋友可以参考下
    2016-02-02
  • 基于Android实现一个常用的布局吸顶效果

    基于Android实现一个常用的布局吸顶效果

    这篇文章给大家介绍一个布局吸顶效果,一般出现在内容较长页面还嵌套着分类页面的情况,比如电商的详情页嵌套分类,在页面滑动到tab的时候我们希望tab还能保留在页面顶部而不被顶上去,文中有详细的代码示例,需要的朋友可以参考下
    2023-09-09
  • Android实现3D翻转动画效果

    Android实现3D翻转动画效果

    这篇文章主要为大家详细介绍了Android实现3D翻转动画效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Android编程实现自定义系统菜单背景的方法

    Android编程实现自定义系统菜单背景的方法

    这篇文章主要介绍了Android编程实现自定义系统菜单背景的方法,涉及Android菜单menu的实现及背景图片的相关操作技巧,需要的朋友可以参考下
    2016-01-01
  • Android编程实现动态更新ListView的方法

    Android编程实现动态更新ListView的方法

    这篇文章主要介绍了Android编程实现动态更新ListView的方法,结合实例形式详细分析了ListView的布局及动态更新实现方法,需要的朋友可以参考下
    2016-02-02
  • 详解Android中AsyncTask的使用方法

    详解Android中AsyncTask的使用方法

    本篇文章主要介绍了Android中AsyncTask的使用方法,有兴趣的同学可以了解一下。
    2016-11-11
  • 限时抢购秒杀系统架构分析与实战

    限时抢购秒杀系统架构分析与实战

    这篇文章主要介绍了限时抢购秒杀系统架构分析与实战 的相关资料,需要的朋友可以参考下
    2016-01-01
  • Android实现从本地图库/相机拍照后裁剪图片并设置头像

    Android实现从本地图库/相机拍照后裁剪图片并设置头像

    玩qq或者是微信的盆友都知道,这些聊天工具里都要设置头像,一般情况下大家的解决办法是从本地图库选择图片或是从相机拍照,然后根据自己的喜爱截取图片,接下来通过本文给大家介绍Android实现从本地图库/相机拍照后裁剪图片并设置头像,需要的朋友参考下
    2016-02-02
  • android视频截屏&手机录屏实现代码

    android视频截屏&手机录屏实现代码

    本篇文章主要介绍了android视频截屏&手机录屏实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-07-07

最新评论