表格布局无效

时间:2016-07-06 07:06:28

标签: android android-viewpager android-tablayout

您好我在Tablayout使用了viewpagerviewpager以及listview包含fragement

当我从viewpager

滚动列表时,我想实现滚动标签布局的功能

这是我的XMl文件

message_frag_layout.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">

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        app:tabTextColor="@color/gray"
        app:tabBackground="@color/tabcolor"
        app:tabSelectedTextColor="@color/white"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed"
        android:background="@drawable/tab_color_selector"
        app:tabGravity="fill"/>
</android.support.design.widget.AppBarLayout>

<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"  />
<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    app:backgroundTint= "#FFFFFF"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="@dimen/fab_margin"
    android:src="@drawable/edit" />

当我从listview滚动viewpager时,如何滚动标签布局。

提前致谢。

2 个答案:

答案 0 :(得分:1)

尝试将整个布局封闭在NestedScrollView中。虽然在制作这样的布局时,如果处理不当,滚动可能会出现很多问题。

<android.support.v4.widget.NestedScrollView
android:id="@+id/nested_parent_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<!--  your layout goes here -->


<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">

<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

<android.support.design.widget.TabLayout
    android:id="@+id/tabs"
    app:tabTextColor="@color/gray"
    app:tabBackground="@color/tabcolor"
    app:tabSelectedTextColor="@color/white"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabMode="fixed"
    android:background="@drawable/tab_color_selector"
    app:tabGravity="fill"/>

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

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

<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
app:backgroundTint= "#FFFFFF"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
android:src="@drawable/edit" />


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

答案 1 :(得分:1)

请参阅此内容以了解如何使用viewpager实现Tablayout。

https://github.com/codepath/android_guides/wiki/Google-Play-Style-Tabs-using-TabLayout

现在,在Tab中显示的每个片段中,您可以放置​​列表视图。