片段内容重叠工具栏

时间:2017-12-05 12:16:10

标签: java android android-viewpager bottomnavigationview

使用import base64 def main(dict): binary = get_object_storage_file('data', 'raw.bin') return {'data':base64.base64encode(binary)} BottomNavigationView实施viewpager。每个导航视图都是第一个片段中的片段(" NewsFeedFragment")我想使用{{1}附加一个viewpager。结果正确但片段内容与父tablayout重叠。

以下是我尝试使用它的方式。

Home.xml

tablayout

NewsFragment.xml

toolbar

这是我得到的结果。

enter image description here

我基本上想要实现的是。

enter image description here

2 个答案:

答案 0 :(得分:1)

在AppBarLayout中添加标签布局,如下所示

STATUS_USER_MAPPED_FILE

答案 1 :(得分:0)

<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:layout_width="match_parent"
    android:layout_height="match_parent">

<android.support.design.widget.AppBarLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/appbar_layout"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.CollapsingToolbarLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:contentScrim="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|exitUntilCollapsed"
        app:titleEnabled="false">


Map view is just a view that you want to collapse on scroll replace with your widget


     <com.google.android.gms.maps.MapView
            android:id="@+id/mapView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            app:layout_collapseMode="parallax" />

Widget that you want to display after collapse


    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
     app:layout_collapseMode="pin"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        app:tabGravity="fill"
        app:tabMode="fixed"
        app:tabSelectedTextColor="@color/colorAccent"
        app:tabTextColor="#FFF" />


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

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

     <android.support.v4.widget.NestedScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior">

        All your component to display should be here

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

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