如何让浮动操作按钮在每次点击时旋转

Question

我希望 fab 每次点击它时都会旋转。 但是经过尝试，我实现了旋转效果。 但我遇到的问题是它只能工作一次。 即在应用程序启动时。 请帮忙，我是这方面的初学者。 下面是我使用的完整代码。

活动_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    tools:context=".MainActivity">

    <com.google.android.material.bottomappbar.BottomAppBar
        android:id="@+id/bottom_app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:gravity="bottom"
        android:backgroundTint="@color/design_default_color_background"
        app:fabCradleMargin="15dp"
        app:menu="@menu/app_bar_layout"
        app:fabCradleVerticalOffset="20dp"
        app:fabCradleRoundedCornerRadius="40dp"/>


    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab_generate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:backgroundTint="#1D6837"
        android:src="@drawable/generate"
        app:layout_anchor="@id/bottom_app_bar"
        android:contentDescription="generate"
        android:clickable="true"
        app:fabCustomSize="80dp"
        app:maxImageSize="45dp"
        android:layout_marginBottom="20dp"/>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

主活动.java

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.OvershootInterpolator;
import com.google.android.material.floatingactionbutton.FloatingActionButton;
import static androidx.core.view.ViewCompat.animate;


public class MainActivity extends AppCompatActivity {

    private FloatingActionButton generateFab;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        generateFab = findViewById(R.id.fab_generate);



        generateFab.setOnClickListener ( new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                final OvershootInterpolator interpolator = new OvershootInterpolator();
                animate(generateFab).
                        setInterpolator(interpolator).
                        setListener(null).
                        rotation(360f).
                        withLayer().
                        setDuration(300).
                        withStartAction(null).
                        start();


            }

        });
    }
}

基本上，我将 onClickListener 添加到 onCreate 方法内的浮动操作按钮

Answer 1

尝试这个：

animate(generateFab).
    setInterpolator(interpolator).
    setListener(null).
    rotation(generateFab.getRotation() + 360f).
    withLayer().
    setDuration(300).
    withStartAction(null).
    start();

注意线rotation(generateFab.getRotation() + 360f) 。

您在第一次单击时将视图旋转 360 度，因此这会将视图元素旋转属性更改为 360，并且因为它已经是 360（在第一次旋转之后）它不会再次旋转。 因此，您希望继续向当前视图旋转添加 360 度，它会起作用。

更新：

根据@AHoneyBustard 的评论，您可以代替rotation(...)使用：

rotationBy(360f)