15

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

小吃店

目前，当显示快餐栏时，它会覆盖下面的视图，因此看起来一半按钮被切断，但我希望它几乎“adjustPan”，类似于软键盘在屏幕上显示时的工作方式。

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

4

4 回答 4

24

将您的视图放入 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();

希望这会帮助你。

于 2015-11-14T15:47:59.387 回答
3

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

app:layout_dodgeInsetEdges="bottom"

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

我注意到的一件事是，如果我有 aCoordinatorLayout和 aFloatingActionButton没有 no FloatingActionButtonBehavior，那么当 Snackbar 出现时，FAB 会感觉有点“有弹性”。但是，如果我使用其他东西，例如 a ConstraintLayouttogether with 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
        }
    }
}
于 2021-01-20T22:54:10.700 回答
2

他是在 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
    }
}
于 2017-10-13T17:28:18.100 回答
0

在此处输入图像描述

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>
于 2015-11-14T16:10:29.683 回答