在 Snackbar 上移动卡片视图 - 协调器布局答案

【问题标题】：Move cardview on Snackbar - Co-ordinator layout在 Snackbar 上移动卡片视图 - 协调器布局
【发布时间】：2015-09-26 23:02:03
【问题描述】：

我在屏幕底部的卡片视图中有一个自定义文本视图，并使用小吃栏在登录时显示错误消息。现在当小吃栏显示时，注册文本视图应该向上移动。我尝试过使用协调器布局，但它不起作用。这是图片

【问题讨论】：

标签： android material-design androiddesignsupport android-coordinatorlayout android-snackbar

【解决方案1】：

您需要为您的视图实现一个布局行为，并从您的布局 xml 文件中引用它。

实现自己的布局行为很简单。在您的情况下，您只需要在出现快餐栏时设置视图的翻译 y。

public class YourCustomBehavior extends CoordinatorLayout.Behavior<View> {

    public YourCustomBehavior(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean onDependentViewChanged(CoordinatorLayout parent, View child, View dependency) {
        float translationY = Math.min(0, dependency.getTranslationY() - dependency.getHeight());
        child.setTranslationY(translationY);
        return true;
    }

    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
        // we only want to trigger the change 
        // only when the changes is from a snackbar
        return dependency instanceof Snackbar.SnackbarLayout;
    }
}

并像这样将它添加到您的布局 xml 中

<android.support.v7.widget.CardView
        android:id="@+id/your_sign_up_card_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        ...
        app:layout_behavior="com.your.app.YourCustomBehavior"/>

app:layout_behavior 属性的值应该是行为类的完整限定名。

您也可以参考this 文章，它很好地解释了一切。

【讨论】：

我确实遇到过这个博客，但我已经在使用自定义 textview MyCustomView extends TextView
@Rohit_Ramkumar 您也可以为您的自定义文本视图使用自定义行为类。
CoordinatorLayout.Behavior 这不起作用。我需要给 CoordinatorLayout.Behavior 这给了我 classcastexception
这行得通，但还需要覆盖 onDependentViewRemoved() 并在子视图上调用 setTranslationY(0) 以恢复原始位置。如果 Snackbar 被滑动关闭，视图翻译将不会恢复。

【解决方案2】：

这是我做的，以防有人在看。

activity_login.xml

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<include
    android:id="@+id/toolbar"
    layout="@layout/toolbar" />

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="com.mypackage.CoordinatorBehavior"/>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/signUpCardView"
        android:gravity="center">

        <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            card_view:cardBackgroundColor="@color/light_gray"
            card_view:cardCornerRadius="2dp"
            card_view:cardElevation="6dp">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <android.support.design.widget.TextInputLayout
                    android:id="@+id/userNameEditText_layout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">

                    <EditText
                        android:id="@+id/userNameEditText"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:hint="@string/username_hint"
                        android:inputType="textEmailAddress" />
                </android.support.design.widget.TextInputLayout>

                <android.support.design.widget.TextInputLayout
                    android:id="@+id/passwordEditText_layout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_below="@+id/userNameEditText_layout">

                    <EditText
                        android:id="@+id/passwordEditText"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_below="@+id/userNameEditText"
                        android:hint="@string/password_hint"
                        android:inputType="textPassword" />
                </android.support.design.widget.TextInputLayout>

                <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_below="@+id/passwordEditText_layout"
                    android:layout_gravity="center"
                    android:layout_marginBottom="10dp"
                    android:layout_marginEnd="10dp"
                    android:layout_marginLeft="10dp"
                    android:layout_marginRight="10dp"
                    android:layout_marginStart="10dp"
                    android:layout_marginTop="5dp"
                    card_view:cardBackgroundColor="@color/blue_normal"
                    card_view:cardCornerRadius="2dp"
                    card_view:cardElevation="2dp">

                    <com.myview                       android:id="@+id/loginButton"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="?attr/selectableItemBackground"
                        android:gravity="center"
                        android:paddingBottom="10dp"
                        android:paddingTop="10dp"
                        android:text="@string/title_activity_login"
                        android:textColor="@color/title_white"
                        android:textSize="@dimen/large_text_size"
                        android:textStyle="bold" />
                </android.support.v7.widget.CardView>
            </RelativeLayout>
        </android.support.v7.widget.CardView>
    </RelativeLayout>


    <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:id="@+id/signUpCardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="5dp"
        android:layout_marginEnd="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginStart="10dp"
        android:layout_marginTop="5dp"
        card_view:cardBackgroundColor="@color/refresh_red"
        card_view:cardCornerRadius="2dp"
        card_view:cardElevation="2dp">

        <com.myview.TSCustomFontTextView
            android:id="@+id/signUpButton"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/selectableItemBackground"
            android:gravity="center"
            android:paddingBottom="10dp"
            android:paddingTop="10dp"
            android:text="@string/title_activity_sign_up"
            android:textColor="@color/title_white"
            android:textSize="@dimen/large_text_size"
            android:textStyle="bold" />
    </android.support.v7.widget.CardView>
</RelativeLayout>

CoordinatorBehavior.java

public class CoordinatorBehavior extends CoordinatorLayout.Behavior<View> {
public CoordinatorBehavior(Context context, AttributeSet attrs) {
}


public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
    return dependency instanceof Snackbar.SnackbarLayout;
}


public boolean onDependentViewChanged(CoordinatorLayout parent, View child, View dependency) {
    float translationY = Math.min(0, dependency.getTranslationY() - dependency.getHeight());
    child.setTranslationY(translationY);
    return true;
}

}

【讨论】：

【解决方案3】：

更简单的方法

只需添加这一行：

app:layout_dodgeInsetEdges="bottom"

到你的布局。

这是一个例子：

<androidx.cardview.widget.CardView
    android:id="@+id/fabImport"
    android:layout_width="wrap_content"
    android:layout_height="56dp"
    app:cardCornerRadius="28dp"
    android:foreground="?android:attr/selectableItemBackground"
    android:backgroundTint="@color/colorPrimary"
    android:layout_margin="16dp"
    android:elevation="10dp"
    app:layout_dodgeInsetEdges="bottom"
    android:layout_gravity="bottom|start">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent">

        <ImageView...

【讨论】：