Question

有没有办法让小吃栏在显示时向上推动视图？

目前，当小吃栏显示时，它覆盖在下面的视图上，所以它看起来像按钮的一半被切掉了但我想要它几乎＆＃34; adjustPan＆＃34;类似于软键盘在屏幕上显示时的工作方式。

有没有人知道实现这一目标的任何技巧？

Answer 1

将您的视图置于android.support.design.CoordinatorLayout

中

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/coordinator"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true">

    <View
        android:id="@+id/my_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_behavior="com.example.FloatingActionButtonBehavior"/>

</android.support.design.widget.CoordinatorLayout>

这里的重要部分是app：layout_behavior属性。这是实现类：

public class FloatingActionButtonBehavior extends CoordinatorLayout.Behavior<FloatingActionButton> {

    public FloatingActionButtonBehavior(Context context, AttributeSet attrs) {
    }

    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, FloatingActionButton child, View dependency) {

        return dependency instanceof SnackbarLayout;
    }

    @Override
    public boolean onDependentViewChanged(CoordinatorLayout parent, FloatingActionButton child, View dependency) {

        float translationY = Math.min(0, dependency.getTranslationY() - dependency.getHeight());
        child.setTranslationY(translationY);
        return true;
    }
}

然后，当您显示小吃栏时，将参考传递给CoordinatorLayout：

CoordinatorLayout coordinator = findViewById(R.id.coordinator);
Snackbar.make(coordinator, textResId, Snackbar.LENGTH_LONG)
        .setAction(R.string.accept_ok, new View.OnClickListener() {
            @Override
            public void onClick(View v) {

            }
        })
        .setDuration(Snackbar.LENGTH_INDEFINITE)
        .show();

希望这会对你有所帮助。

Answer 2

简短回答：如果您只想在 Snackbar 出现时将视图向上推，只需将以下行添加到您的视图中。无需再定义 FloatingActionButtonBehavior。

app:layout_dodgeInsetEdges="bottom"

长答案：接受的答案中描述的 FloatingActionButtonBehavior 肯定可以完成工作。

我注意到的一件事是，如果我有一个 CoordinatorLayout 和一个真正的 FloatingActionButton 而没有 FloatingActionButtonBehavior，那么当 Snackbar 出现时，FAB 会感觉有点“有弹性”。但是如果我使用其他东西，例如 ConstraintLayout 和 FloatingActionButtonBehavior，那么“有弹性”的感觉就不存在了； Snackbar 上方的 View 刚好在底部为 Snackbar 显示了足够的空间，并且 Snackbar 逐渐填满了空间。它相当微妙，我相信大多数人甚至没有注意到它，也没有关心它。

这是 Snackbar 开始出现的时候。请注意，它的尺寸略小于其全尺寸。

几分之一秒后，Snackbar“扩展”到了它的全尺寸。

这就是导致“有弹性”的感觉的原因； FAB 的位置基于 Snackbar 的当前大小，而不是 Snackbar 的完整显示大小。

要复制此行为，只需让 FloatingActionButtonBehavior 知道将 FAB 锚定在何处，而不是自己计算 Y 坐标。更好的是，请参阅“简短回答”。

/*
Replicate real FAB's behavior. Code shamelessly stolen from
com/google/android/material/floatingactionbutton/FloatingActionButton.java
*/
class FloatingActionButtonBehavior(
    context: Context,
    attrs: AttributeSet
) : CoordinatorLayout.Behavior<View>() {
    override fun onAttachedToLayoutParams(params: CoordinatorLayout.LayoutParams) {
        super.onAttachedToLayoutParams(params)

        if (params.dodgeInsetEdges == Gravity.NO_GRAVITY) {
            params.dodgeInsetEdges = Gravity.BOTTOM
        }
    }
}

Answer 3

Snackbar会找到距CoordinatorLayout最近的parentView;

 findViewById(R.id.tv_main).setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            Snackbar.make(findViewById(R.id.tv_main), "Replace with your own action", Snackbar.LENGTH_LONG)
                    .setAction("Action", null).show();
            toolbar.getChildAt(1).setVisibility(View.GONE);
        }
    });

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
    android:text="s"
    android:layout_weight="1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />
    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_marginBottom="200dp"
        android:layout_height="100dp">
        <TextView
            android:id="@+id/tv_main"
            android:background="#4b14b1"
            android:layout_width="100dp"
            android:layout_height="100dp" />
    </android.support.design.widget.CoordinatorLayout>
</RelativeLayout>

Answer 4

他是使用Kotlin中的泛型的SourceRebeles解决方案。

typealias T = View

class FloatingActionButtonBehavior(context: Context, attrs: AttributeSet) : CoordinatorLayout.Behavior<T>() {

    override fun layoutDependsOn(parent: CoordinatorLayout, child: T, dependency: View): Boolean {

        return dependency is SnackbarLayout
    }

    override fun onDependentViewChanged(parent: CoordinatorLayout, child: T, dependency: View): Boolean {

        val translationY = Math.min(0.0f, (dependency.translationY - dependency.height).toFloat())
        child.translationY = translationY
        return true
    }
}

使Snackbar向上推动视图

4 个答案: