0

我是Android材質設計的新手。我正在嘗試執行以下操作: 我在頂部放置了一個ToolBar,然後在佈局的底部輸入ViewPagerTabLayout。當我滾動ViewPagertoolbar隱藏,但TabLayout沒有出現在ViewPager上。 TabLayout將ViewPager向上推並顯示在ViewPager下面。任何人都可以幫助我在ViewPager的頂部顯示TabLayout。我的佈局如下:如何在android中滾動時在viewPager底部顯示tabLayout?

<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:background="#ffffff"> 

<android.support.design.widget.AppBarLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="50dp" 

     android:background="@color/turquoise" 
     app:layout_scrollFlags="scroll|enterAlways" 

     > 

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

      <ImageView 
       android:id="@+id/imv_drop_down" 
       android:layout_width="50dp" 
       android:layout_height="match_parent" 
       android:layout_alignParentLeft="true" 
       android:layout_marginLeft="10dp" 
       android:src="@drawable/test" /> 

      <TextView 

       android:layout_width="wrap_content" 
       android:layout_height="match_parent" 
       android:layout_marginLeft="10dp" 
       android:layout_toRightOf="@+id/imv_drop_down" 
       android:gravity="center" 
       android:text="Text" 
       android:textColor="#ffffff" 

       android:textSize="@dimen/common_btn_text" /> 

      <ImageView 
       android:id="@+id/imv_search" 
       android:layout_width="50dp" 
       android:layout_height="match_parent" 
       android:layout_alignParentRight="true" 
       android:layout_marginLeft="10dp" 
       android:src="@drawable/test" /> 

      <ImageView 
       android:id="@+id/imv_notify" 
       android:layout_width="50dp" 
       android:layout_height="match_parent" 
       android:layout_marginLeft="10dp" 
       android:layout_toLeftOf="@+id/imv_search" 
       android:src="@drawable/test" /> 
     </RelativeLayout> 
    </android.support.v7.widget.Toolbar> 


    <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.AppBarLayout> 

<android.support.design.widget.TabLayout 
    android:id="@+id/tabs" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom" 
    app:layout_scrollFlags="scroll|enterAlways" 
    app:tabBackground="@drawable/tab_color" 

    app:tabGravity="fill" 
    app:tabMode="fixed" /> 
</android.support.design.widget.CoordinatorLayout> 
+0

對於初學者來說,採取ViewPager出AppBarLayout –

+0

使用坍塌與工具欄佈局.....檢查此http://stackoverflow.com/questions/30680824/how-to-use-a-tablayout-with-toolbar-inside-collapsingtoolbarlayout –

+0

如果我把AppParLayout的ViewPager帶出相同的問題 – Tiny

回答

0

這應該解決它。

  1. 從AppBarLayout中取出android.support.v4.view.ViewPager。從工具欄佈局的layout_scrollFlags中刪除scroll

因此,不是這樣的:app:layout_scrollFlags="scroll|enterAlways", 確保你有這樣的事情: app:layout_scrollFlags="enterAlways"

相關問題