9

我正在使用Google新設計支持庫中的新CoordinatorLayoutCoordinatorLayout中的ViewPager涵蓋API> = 21的其他視圖

我有以下佈局:

<android.support.design.widget.CoordinatorLayout> 

<android.support.design.widget.AppBarLayout> 

    <android.support.design.widget.CollapsingToolbarLayout 
     app:layout_scrollFlags="scroll|exitUntilCollapsed"> 

     <ImageView 
      app:layout_collapseMode="parallax"/> 

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

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

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

<LinearLayout 
    app:layout_behavior="@string/appbar_scrolling_view_behavior" > 

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

    <android.support.v4.view.ViewPager 
     android:id="@+id/viewPager" /> 
</LinearLayout> 

<com.getbase.floatingactionbutton.FloatingActionsMenu 
    app:layout_anchor="@id/viewPager" 
    app:layout_anchorGravity="bottom|right|end" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentEnd="true" 
    android:layout_alignParentRight="true" 
    > 

    <com.getbase.floatingactionbutton.FloatingActionButton /> 

</com.getbase.floatingactionbutton.FloatingActionsMenu> 


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

的問題是,ViewPager始終覆蓋在FloatingActionMenu的頂部上API >= 21,是有這樣的定位?我嘗試使用view.bringToFront()來解決這個問題,但沒有運氣。我也搬了Views以及,仍然沒有運氣。事情我想:

  • 移動FABMenuAppBarLayout
  • 移動FABMenuLinearLayout

沒有運氣。

有沒有人遇到類似的東西?

回答

6

原來是一個簡單的高程問題,我將海拔設置爲android:elevation="..",這是一個比另一個視圖更低的海拔,因此覆蓋了FloatingActionButtonMenu。這隻發生在API >= 21

2

雖然你似乎已經找到了答案自己,有一個絕對驚人的資源在這裏:https://github.com/chrisbanes/cheesesquare

這是一個使用谷歌官方設計支持庫中的協調佈局內viewpager的實現,連同所有的這個庫支持的其他好東西(包括一個非常容易使用的導航側面板)。

我爲什麼要分享?由於代碼乾淨,使用官方最新的庫並向後兼容。我發現使用它作爲我的應用程序的基礎非常簡單,並且我已經對設計的總體實現提供了良好的反饋,該設計嚴格遵循了材料準則。

這個例子是由一個來自官方android團隊的人編寫的,所以它也是可靠的!

希望你找到這個有用的(雖然不完全是你的問題的直接答案 - 但相關但是)。

我是一個新用戶,因爲低代表甚至無法發佈評論,所以授予代表真的很有幫助!

謝謝:)

+0

這與我的問題根本沒有關係。自從問世以來,我一直在使用這個庫。似乎源於設置海拔。 – AndyRoid