当我设置 Snackbar.anchorView = adContainer 时,我的 FAB 不浮动。
val snackbar = Snackbar.make(main_content, "Item Deleted", Snackbar.LENGTH_INDEFINITE)
snackbar.anchorView = adContainer
snackbar.setAction("Dismiss"){
}
snackbar.show()
如果我不设置锚视图,它会正常浮动。
问题 - 如果我将 Snackbar 锚点视图设置为 adContainer,如何让 FAB 上下浮动?
带有anchorview集的snackbar https://i.stack.imgur.com/PA5fw.png
没有锚视图的小吃栏 https://i.stack.imgur.com/Lmhq7.png
我的 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:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/rootConstraintLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Show Snackbar"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/adContainer"
android:layout_width="match_parent"
android:layout_height="64dp"
android:layout_marginStart="1dp"
android:layout_marginTop="1dp"
android:layout_marginEnd="1dp"
android:layout_marginBottom="1dp"
android:background="#F44336"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|bottom"
android:layout_marginBottom="96dp"
android:layout_marginEnd="32dp"
android:clickable="true"
app:layout_anchorGravity="end|bottom"
app:srcCompat="@android:drawable/ic_input_add"
android:focusable="true" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>
感谢@Zain 的回答。通过下面的代码,我成功地使 FAB 正常工作,但没有底部边距。 Zains 解决方案存在底部边距。
val snackbar = Snackbar.make(main_content, "Item Deleted", Snackbar.LENGTH_INDEFINITE)
snackbar.setAction("Dismiss"){
}
val snackbarView = snackbar.view
val params = snackbarView.layoutParams as CoordinatorLayout.LayoutParams
params.anchorId = R.id.adContainer
params.bottomMargin = 16// this line didn't work
params.gravity = Gravity.TOP
params.anchorGravity = Gravity.TOP
snackbarView.layoutParams = params
snackbar.show()
您需要创建一个自定义CoordinatorLayout.Behavior https://developer.android.com/reference/kotlin/androidx/coordinatorlayout/widget/CoordinatorLayout.Behavior与 一起上课FloatingActionButton
作为此行为所操作的视图类型
下面的自定义java类的学分返回到这个回购协议 https://github.com/TonyTangAndroid/GooglePlusDemo/blob/master/app/src/main/java/io/anycopy/googleplusdemo/BottomNavigationFABBehavior.java。我刚刚将其转换为 Kotlin。
您可以使用 Kotlin 或 Java 版本。
Kotlin:
class BottomNavigationFABBehavior constructor(context: Context, attrs: AttributeSet?) :
CoordinatorLayout.Behavior<FloatingActionButton>(context, attrs) {
override fun layoutDependsOn(
parent: CoordinatorLayout,
child: FloatingActionButton,
dependency: View
): Boolean {
return dependency is SnackbarLayout
}
override fun onDependentViewRemoved(
parent: CoordinatorLayout,
child: FloatingActionButton,
dependency: View
) {
child.translationY = 0.0f
}
override fun onDependentViewChanged(
parent: CoordinatorLayout,
child: FloatingActionButton,
dependency: View
): Boolean {
return updateButton(child, dependency)
}
private fun updateButton(child: View, dependency: View): Boolean {
return if (dependency is SnackbarLayout) {
val oldTranslation = child.translationY
val height = dependency.getHeight().toFloat()
val newTranslation = dependency.getTranslationY() - height
child.translationY = newTranslation
oldTranslation != newTranslation
} else {
false
}
}
}
Java
public final class BottomNavigationFABBehavior
extends CoordinatorLayout.Behavior<FloatingActionButton> {
public BottomNavigationFABBehavior(@Nullable Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
}
public boolean layoutDependsOn(
@Nullable CoordinatorLayout parent,
@NonNull FloatingActionButton child,
@NonNull View dependency) {
return dependency instanceof Snackbar.SnackbarLayout;
}
public void onDependentViewRemoved(
@NonNull CoordinatorLayout parent,
@NonNull FloatingActionButton child,
@NonNull View dependency) {
child.setTranslationY(0.0f);
}
public boolean onDependentViewChanged(
@NonNull CoordinatorLayout parent,
@NonNull FloatingActionButton child,
@NonNull View dependency) {
return this.updateButton(child, dependency);
}
private boolean updateButton(View child, View dependency) {
if (dependency instanceof Snackbar.SnackbarLayout) {
float oldTranslation = child.getTranslationY();
float height = (float) dependency.getHeight();
float newTranslation = dependency.getTranslationY() - height;
child.setTranslationY(newTranslation);
return oldTranslation != newTranslation;
} else {
return false;
}
}
}
然后在你的工厂中使用这个类app:layout_behavior
属性使CoordinatorLayout
具有所需行为的函数
完整布局:
<?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"
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/rootConstraintLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Show Snackbar"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/adContainer"
android:layout_width="match_parent"
android:layout_height="64dp"
android:layout_marginStart="1dp"
android:layout_marginTop="1dp"
android:layout_marginEnd="1dp"
android:layout_marginBottom="1dp"
android:background="#F44336"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="top"
app:fabSize="normal"
app:layout_anchor="@id/adContainer"
app:layout_anchorGravity="end|top"
app:layout_behavior=".BottomNavigationFABBehavior"
app:srcCompat="@android:drawable/ic_input_add"
app:useCompatPadding="true" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>
当然你需要保留snackbar.anchorView = adContainer
as-is
Preview