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