📜  Android中的Wave动画

📅  最后修改于: 2021-05-09 03:07:31             🧑  作者: Mango

Wave动画是Android应用程序中最常用的功能之一。您可以在大多数购物应用程序,音乐播放器应用程序等中看到此动画。使用此Wave动画使用户体验具有吸引力。在本文中,我们将了解如何在Android中实现Wave动画。下面给出了一个示例GIF,以使我们对本文中要做的事情有一个了解。

Android示例GIF中的Wave动画

Wave动画的应用

  • 用于在Android应用中提供装饰性动画效果。
  • 在初始屏幕上的大多数应用程序中都使用Wave动画。
  • 您可以在大多数“音乐应用程序”中看到此Wave动画。

Wave动画的属性

Attributes

Description

app:mwhWaveHeight Use to give height to the curves of the Wave.
app:mwhStartColor Use to give starting color of the wave animation.
app:mwhCloseColor Use to give closing color of the wave animation.
 app:mwhGradientAngle Use for giving angles to the curves.
app:mwhRunning Use for giving Animation.
app:mwhVelocity Use for displaying Velocity.
 app:mwhProgress Use for displaying the progress.
app:mwhWaves Use for displaying multiple waves.

分步实施

步骤1:创建一个新项目

要在Android Studio中创建新项目,请参阅如何在Android Studio中创建/启动新项目。

步骤2:在build.gradle文件中添加Wave Animation库的依赖项

然后导航到gradle脚本,然后到build.gradle(Module)级别。在依赖性部分的build.gradle文件中添加以下行。

现在单击“立即同步” ,它将同步build.gradle()中的所有文件。

步骤3:在您的activity_main.xml文件中创建一个新的Wave动画

导航到应用程序> res>布局以打开activity_main.xml文件。以下是activity_main.xml文件的代码。

XML


  
    
    
  
    
    
  


现在单击运行选项,将需要一些时间来构建Gradle 。之后,您将在设备上获得输出,如下所示。

输出:

想要一个节奏更快,更具竞争性的环境来学习Android的基础知识吗?
单击此处前往由我们的专家精心策划的指南,以使您立即做好行业准备!