带有选项卡和viewpager的可折叠工具栏无法被包含listview的viewpager片段折叠

时间:2015-09-28 17:08:22

标签: listview android-viewpager android-tabs android-collapsingtoolbarlayout

我的布局包含一个可折叠工具栏,一个标签和一个视图寻呼机...... 我将listview包装在NestedScrollView中,但是这不能折叠我的工具栏,我尝试用RecyclerView替换它仍然布局不能崩溃。 我尝试垂直放置许多20个按钮,这可以折叠工具栏 我已经在github上尝试了几个例子和stackoverflow上的几个解决方案,但都证明是徒劳的 如果我能够得到一个解决方案,将非常感激

<?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"
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="400dp"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

             <ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.9"
android:src="@drawable/babe" />



        <android.support.design.widget.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:layout_gravity="bottom"
            android:background="#ffffff"
            app:tabTextColor="#03A9F4"
            app:layout_collapseMode="pin"
            app:tabSelectedTextColor="#0288D1"
            app:tabContentStart="72dp" />



        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@null"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:layout_collapseMode="parallax" />



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

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


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


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

使用listView

的Fragment_one
<android.support.v4.widget.NestedScrollView         
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
android:fillViewport="true" >

<ListView
    android:id="@+id/profilestatus_listview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:cacheColorHint="@null"
    android:divider="#03A9F4"
    android:dividerHeight="1dp" />

</android.support.v4.widget.NestedScrollView>

Fragment_two with Recycler_View

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="500dp"
android:fillViewport="true"
app:layout_behavior="@string/appbar_scrolling_view_behavior">

 <android.support.v7.widget.RecyclerView
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"/>

</android.support.v4.widget.NestedScrollView>

Dummy_Fragment包含按钮,可以折叠工具栏

<android.support.v4.widget.NestedScrollView 
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
android:fillViewport="true" >

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="YO YO"
    />

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="YO YO"
    />

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="YO YO"
    />

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="YO YO"
    />

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="YO YO"
    />

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="YO YO"
    />

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="YO YO"
    />

</ListView>

</android.support.v4.widget.NestedScrollView>

所有帮助将不胜感激...谢谢

2 个答案:

答案 0 :(得分:1)

您不需要NestedScrollView

只需删除它,一切都会正常工作。

<强> UPD_0:

同时尝试将ViewPagers身高设置为match_parent

android:layout_height="match_parent"

<强> UPD_1:

还要尝试将app:layout_scrollFlags="scroll|enterAlways"添加到您TabLayout内的ImageViewCollapsingToolbarLayout

另外,请确保使用最新版本的designsuport-v7recycler-view库。

答案 1 :(得分:1)

这是一个有效的解决方案

activity_main.xml中

<?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"
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="400dp"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

             <ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.9"
app:layout_scrollFlags="scroll|enterAlways"
android:src="@drawable/babe" />

        <android.support.design.widget.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:layout_gravity="bottom"
            android:background="#ffffff"
            app:tabTextColor="#03A9F4"
            app:tabSelectedTextColor="#0288D1"
            app:tabContentStart="72dp" />



        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@null"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:layout_collapseMode="parallax" />



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

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



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


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

然后根据@mohax

的建议删除nextedScrollView
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.RecyclerView
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"/>