Android 中的液体按钮

在本文中，我们将实现一个液体按钮库，可用于在按钮上显示动画。当用户完成一门课程或成功完成填写表单上的所有详细信息时，那么我们可以显示此液体按钮以很好的方式显示成功。让我们看看这个功能的实现。下面给出了一个示例 GIF，以了解我们将在本文中做什么。请注意，我们将使用Java语言来实现这个项目。

分步实施

第 1 步：创建一个新项目

要在 Android Studio 中创建新项目，请参阅如何在 Android Studio 中创建/启动新项目。请注意，选择Java作为编程语言。

第二步：添加依赖

导航到Gradle Scripts > build.gradle(Module:app)并在依赖项部分添加以下依赖项。

compile ‘com.gospelware.liquidbutton:liquidButtonLib:1.1.5’

步骤 3：使用 activity_main.xml 文件

导航到app > res > layout > activity_main.xml并将以下代码添加到该文件中。下面是activity_main.xml文件的代码。

第 4 步：使用MainActivity。 Java文件

转到主活动。 Java文件，参考如下代码。下面是MainActivity的代码。 Java文件。

Java

import android.os.Bundle;
import android.view.View;
import android.widget.Toast;
  
import androidx.appcompat.app.AppCompatActivity;
  
import com.gospelware.liquidbutton.LiquidButton;
  
public class MainActivity extends AppCompatActivity {
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final LiquidButton liquidButton = findViewById(R.id.button);
        liquidButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                LiquidButton btn = (LiquidButton) view;
                btn.startPour();
                btn.setFillAfter(true);
                btn.setAutoPlay(true);
            }
        });
        liquidButton.setPourFinishListener(new LiquidButton.PourFinishListener() {
            @Override
            public void onPourFinish() {
                Toast.makeText(MainActivity.this, "Finish", Toast.LENGTH_SHORT).show();
            }
  
            @Override
            public void onProgressUpdate(float progress) {
                liquidButton.changeProgress(progress);
            }
        });
    }
}

输出：