java - 如何让浮动操作按钮在每次点击时旋转
问题描述
我希望工厂在我每次点击它时旋转。但是经过尝试,我实现了旋转效果。但我遇到的问题是它只能工作一次。即在应用程序启动时。请帮忙,我是这方面的初学者。下面是我使用的完整代码。
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();
}
});
}
}
基本上,我将 onClickListener 添加到 onCreate 方法中的浮动操作按钮
解决方案
尝试这个:
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)
推荐阅读
- node.js - npm 安装在 Linux 上失败
- r - 在循环/lapply/mutate 中使用其他列中的条件和循环列的数字索引
- c++ - 不明白“if”条件下发生了什么?
- html - CSS 浮动右下角
- excel - 数据透视表超链接
- javascript - 在 React Native 中将状态从子组件传递到要渲染的 App 组件
- ruby-on-rails - 多态关联
- python - 如何将 mySQL 数据库中的结果保存到 python 中的文件或变量中?
- java - 如果我一次打开两个客户端,Java 客户端会挂起
- spring-boot - Spring-boot - Docker Compose - 服务就绪