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

Question

我希望每次点击时都能使工厂旋转。经过尝试，我实现了旋转效果。但问题在于它只能在应用程序启动时运行一次。

请帮忙，我是一个初学者。

以下是我使用的完整代码。

activity_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>

MainActivity.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();


            }

        });
    }
}

基本上，在 onCreate 方法中为我的浮动操作按钮添加了 onClickListener

- Ahmed Yusuf

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)

- David Kroukamp

---

@Ahmed Yusuf 很高兴能帮助你，如果你感觉可以的话，也可以点个赞哦 ;) - David Kroukamp

谢谢 @David Kroukamp，我是新手，点赞没有公开记录 ;) - Ahmed Yusuf

@Ahmed Yusuf Ah，有道理，我已经很久没有在这里回答问题了，所以我忘记了这一点，不用担心，很高兴能帮助你！ - David Kroukamp

你也可以使用 rotationBy(360f) 方法，这个方法同样有效且更加简洁。 - A Honey Bustard

不错，把它添加到我的答案中以供日后参考。 - David Kroukamp