Android自定义FloatingText仿点赞+1特效

本文实例为大家分享了Android自定义View，可以仿点赞往上飘+1的一个特效，或者点击加入购物车商品抛物线特效。 FloatingText 是一个能够在任何控件之上执行漂浮效果动画的控件。 原文github地址 效果图 1. AndroidStudio使用 dependencies { compile 'com.ufreedom.uikit:FloatingTextLibrary:0.2.0' } 2. 使用 FloatingText floatingText = new FloatingText.FloatingTextBuilder(Activity) .textCo 在Android开发中，自定义View是一项重要的技能，它允许开发者创造出独特且富有创意的用户界面。本篇文章将探讨如何在Android应用中实现一个名为`FloatingText`的自定义View，该View可以模拟点赞+1的飘动动画效果，或者商品加入购物车时的抛物线效果。 `FloatingText`是一个轻量级的库，它可以附加到任何其他View之上，并在其上方执行动画效果。在Android Studio中，你可以通过添加以下依赖项来引入`FloatingText`库： ```groovy dependencies { compile 'com.ufreedom.uikit:FloatingTextLibrary:0.2.0' } ``` 要使用`FloatingText`，首先创建一个`FloatingTextBuilder`对象，然后设置相关属性，如字体颜色、大小、内容、位移偏移量以及动画效果。例如： ```java FloatingText floatingText = new FloatingText.FloatingTextBuilder(Activity) .textColor(Color.RED) // 设置字体颜色 .textSize(100) // 设置字体大小 .textContent("+1000") // 设置显示内容 .offsetX(100) // 设置水平偏移量 .offsetY(100) // 设置垂直偏移量 .floatingAnimatorEffect(FloatingAnimator) // 设置漂浮动画 .floatingPathEffect(FloatingPathEffect) // 设置漂浮路径 .build(); floatingText.attach2Window(); // 将FloatingText附加到Window上 floatingText.startFloating(View); // 对指定View启动漂浮效果 ``` 为了实现自定义的漂浮动画，你需要实现`FloatingAnimator`接口。这个接口允许你定义自己的动画逻辑，以控制文本如何在屏幕上移动。原GitHub仓库提供了更多关于如何自定义动画的详细信息。 同时，如果你想要改变`FloatingText`的运动路径，可以通过实现`FloatingPathEffect`和`FloatingPathAnimator`来实现。例如，你可以让文本按照特定的路径（如向上移动或放大）进行动画化。 ```java // +1 向上移动效果 final View layoutTranslateFloating = findViewById(R.id.layoutTranslateView); final View translateFloatingView = findViewById(R.id.translateView); final FloatingText translateFloatingText = new FloatingText.FloatingTextBuilder(MainActivity.this) .textColor(Color.RED) .textSize(100) .textContent("+1") .build(); translateFloatingText.attach2Window(); layoutTranslateFloating.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { translateFloatingText.startFloating(translateFloatingView); } }); // +1 放大效果 final View layoutScaleView = findViewById(R.id.layoutScaleView); final View scaleView = findViewById(R.id.scaleView); final FloatingText scaleFloatingText = new FloatingText.FloatingTextBuilder(MainActivity.this) .textColor(Color.parseColor("#7ED321")) .textSize(100) .offsetY(-100) .floatingAnimatorEffect(new ScaleFloatingAnimator()) // 实现自定义的放大动画 .textContent("+1") .build(); scaleFloatingText.attach2Window(); layoutScaleView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { scaleFloatingText.startFloating(scaleView); } }); ``` 在上面的代码片段中，我们为两个不同的事件设置了`FloatingText`的点击监听器：一个使得文本向上移动，另一个则使文本放大。这些都是通过实现自定义的`FloatingAnimator`实现的。 `FloatingText`提供了一种简单的方法来为Android应用增添动态和趣味性，比如模拟点赞或购物车添加的交互效果。开发者可以根据需求调整动画效果和路径，实现更丰富的视觉体验。通过学习并掌握这种自定义View的技巧，开发者可以在Android应用设计中展现出更多的创新和个性化。