Question

我正在创建一个能够制作类似WhatsApp的布局。 AppBarLayout可以正确滑动工具栏，并且viewpager可以正常工作。问题是，在我的布局中，屏幕的末端有一点空间从主视图中截断，这使得FloatingActionButton或BottomNavigationView直到滚动才出现。这是一张图片，使其更加清晰。

为了解决这个问题，我在下面的代码中使用了CollapsingToolbarLayout，它解决了外观问题，但是AppBarLayout的动画停止工作。现在它是静态的，根本不会滑动。

这是我的XML代码，带有和不带有CollapsingToolbarLayout

可滑动的代码，但视图不完整。

    <?xml version="1.0" encoding="utf-8"?>
<android.support.design.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_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/home_fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />


    <android.support.design.widget.AppBarLayout
        android:id="@+id/home_fragment_Appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:elevation="6dp">


        <android.support.v7.widget.Toolbar
            android:id="@+id/home_fragment_toolBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/colorPrimary"
            android:minHeight="?attr/actionBarSize"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:elevation="6dp"
            app:layout_scrollFlags="scroll|enterAlways|snap"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

            <ImageView
                android:id="@+id/toolbar_navigation_icon"
                android:layout_width="32dp"
                android:layout_height="24dp"
                android:layout_gravity="left"
                android:src="@drawable/ic_navigation_white" />

            <ImageView
                android:layout_width="58dp"
                android:layout_height="32dp"
                android:layout_gravity="left"
                android:layout_marginLeft="42dp"
                android:src="@drawable/swapy_logo_text" />

            <include
                layout="@layout/notification_custom_btn"
                android:layout_width="46dp"
                android:layout_height="28dp"
                android:layout_gravity="right" />

        </android.support.v7.widget.Toolbar>

        <android.support.design.widget.TabLayout
            android:id="@+id/tablayout_home"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary"
            android:layoutDirection="ltr"
            app:tabIndicatorColor="@color/com_facebook_button_background_color_focused"
            app:tabTextColor="@color/com_facebook_button_background_color_focused">

        </android.support.design.widget.TabLayout>
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/vpPager"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

这是修复屏幕上该视图但幻灯片动画停止的代码

    <?xml version="1.0" encoding="utf-8"?>
<android.support.design.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_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/home_fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />


    <android.support.design.widget.AppBarLayout
        android:id="@+id/home_fragment_Appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:elevation="6dp">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/main.collapsing"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:expandedTitleMarginBottom="64dp"
            app:expandedTitleMarginEnd="48dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <android.support.v7.widget.Toolbar
                android:id="@+id/home_fragment_toolBar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="?attr/colorPrimary"
                android:minHeight="?attr/actionBarSize"
                android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
                app:elevation="6dp"
                app:layout_scrollFlags="scroll|enterAlways|snap"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

                <ImageView
                    android:id="@+id/toolbar_navigation_icon"
                    android:layout_width="32dp"
                    android:layout_height="24dp"
                    android:layout_gravity="left"
                    android:src="@drawable/ic_navigation_white" />

                <ImageView
                    android:layout_width="58dp"
                    android:layout_height="32dp"
                    android:layout_gravity="left"
                    android:layout_marginLeft="42dp"
                    android:src="@drawable/swapy_logo_text" />

                <include
                    layout="@layout/notification_custom_btn"
                    android:layout_width="46dp"
                    android:layout_height="28dp"
                    android:layout_gravity="right" />

            </android.support.v7.widget.Toolbar>
        </android.support.design.widget.CollapsingToolbarLayout>

        <android.support.design.widget.TabLayout
            android:id="@+id/tablayout_home"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary"
            android:layoutDirection="ltr"
            app:tabIndicatorColor="@color/com_facebook_button_background_color_focused"
            app:tabTextColor="@color/com_facebook_button_background_color_focused">

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

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

    <android.support.v4.view.ViewPager
        android:id="@+id/vpPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="android.support.design.widget.AppBarLayout$ScrollingViewBehavior" />

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

希望您能帮助我解决此问题。

app：layout_scrollFlags动画无法在Android的Coordinatelayout内部运行

0 个答案: