覆盖viewpager内容的Android导航栏
Posted
技术标签:
【中文标题】覆盖viewpager内容的Android导航栏【英文标题】:Android Navigation Bar covering viewpager content 【发布时间】:2015-08-27 22:23:51 【问题描述】:我无法阻止系统导航栏掩盖我的内容!
我滚动到 recyclerview 的最底部,但它隐藏在导航栏后面。这是我的 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:id="@+id/root"
android:layout_
android:layout_
android:fitsSystemWindows="true">
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_
android:layout_
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<include layout="@layout/toolbar"/>
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_
android:layout_ />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:fitsSystemWindows="true"
android:id="@+id/viewpager"
android:layout_
android:layout_
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
<com.melnykov.fab.FloatingActionButton
android:id="@+id/fab"
android:layout_
android:layout_
android:layout_gravity="bottom|right"
android:layout_margin="16dp"
app:fab_colorNormal="@color/accent"
app:fab_colorPressed="@color/accent_dark" />
这是您在图片中看到的片段布局。
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
android:orientation="vertical"
android:padding="8dp">
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_
android:layout_
android:scrollbars="vertical"/>
</FrameLayout>
我尝试将 android:fitsSystemWindows="true" 添加到我可以的每一块布局中,但这不起作用。其他线程提到添加从条形计算的边距,但这似乎不是正确的解决方案。我直接从 Google 的 CheesSquare 应用程序演示中获取了这个布局,该应用程序演示了 appbarlayout,它看起来工作正常。
【问题讨论】:
不,活动不是全屏的。这是一个标准的活动,没有特殊的标志或任何东西。 将合适的 margin_bottom 添加到您的 RecyclerView 或根视图。这应该可以解决您的问题。 这是一个很好的解决方法,但我正试图找到问题的根源。这似乎不是正常行为。 我也有确切的问题:( 你解决过这个问题吗? 【参考方案1】:我想通了。在我的特殊情况下,我的每个片段都管理自己的工具栏实例。我在片段的 onViewCreated() 方法中调用 setSupportActionBar()。将此功能移至 onCreateView() 解决了它。
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState)
View view = inflater.inflate(R.layout.fragment_my_account, container, false);
setupToolbar((Toolbar) view.findViewById(R.id.toolbar));
return view;
private void setupToolbar(Toolbar toolbar)
toolbarController.registerToolbar(toolbar);
toolbarController.setActivityTitle("My Account");
(registerToolbar() 在宿主活动中调用 setSupportActionBar())。
希望对大家有帮助!
【讨论】:
这里的toolbarController是什么? 天哪,这真的不简单【参考方案2】:Viewpager 的片段根视图必须是RecyclerView
或NestedScrollView
。 FrameLayout
不支持 CoordinatorLayout
的滚动行为,这就是它不能正常工作的原因。
如何修复 viewpager 的片段布局:不要将 RecyclerView
包裹在 FrameLayout
中。而是在根目录下声明 RecyclerView
。您也可以在RecyclerView
上设置padding="8dp"
,只需使用android:clipToPadding="false"
。
【讨论】:
我在 CoordinatorLayout 中使用 Srcollview,遇到了类似的问题,可以解决【参考方案3】:然后将 ViewPager 包装到 ConstraintLayout 中,设置为您的 viewpager:
app:layout_constraintBottom_toBottomOf="parent"
应该可以的
【讨论】:
【参考方案4】:问题在于AppBarLayout
的使用。 CoordinatorLayout
是作为强大的FrameLayout
引入的,它基于定义的Behaviors
带来了漂亮的动画。如果我们想添加某种scroll
动画,比如collapsing toolbar
等,那么我们必须用AppBarLayout
包裹我们的Toolbar
,但是当我们想在CoordinatorLayout
里面放置一个静态内容时,比如ViewPager
在你的情况下,那么我们根本不需要使用AppBarLayout
:
activity_main.xml:
<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_
android:layout_
android:fitsSystemWindows="true"
tools:context="com.mydemoci.MainActivity">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_
android:layout_
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay"/>
<include layout="@layout/content_main"/>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_
android:layout_
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
android:src="@android:drawable/ic_dialog_email"/>
</android.support.design.widget.CoordinatorLayout>
content_main.xml:
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_
android:layout_
android:background="#A1D490"
// Remember CoordinatorLayout is a kind of FrameLayout,
// so we have to provide top margin to make Toolbar visible
android:layout_marginTop="?attr/actionBarSize"
tools:context="com.mydemoci.MainActivity"
tools:showIn="@layout/activity_main">
<TextView
android:layout_
android:layout_
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:background="@color/colorAccent"
android:text="Hello World"
android:textSize="30sp"/>
</RelativeLayout>
【讨论】:
我认为您根本不应该添加 marginTop。对于更灵活的解决方案 - 使用选项卡或 collapsingtoolbarlayouts 处理应用栏布局,您应该将工具栏包装在 appbarlayout 中并使用 app:layout_behavior="@string/appbar_scrolling_view_behavior"【参考方案5】:转到 style.xml 并删除这两项,或将它们的“true”值设置为“false”。
<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowTranslucentNavigation">true</item>
在我的例子中,问题是通过删除这两个主题样式值来解决的。
【讨论】:
【参考方案6】:只需将边距底部添加到View Pager
为我修复它。
这是我的 activity_main.xml 中的代码
<android.support.v4.view.ViewPager
android:id="@+id/main_viewPager"
android:layout_
android:layout_
android:layout_marginBottom="55dp"/>
<android.support.design.widget.BottomNavigationView
android:id="@+id/navigation"
android:layout_
android:layout_
android:background="?android:attr/windowBackground"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:menu="@menu/navigation" />
【讨论】:
【参考方案7】:尝试替换你的gradle依赖
com.android.support:recyclerview-v7:22.0.+
与
com.android.support:recyclerview-v7:22.2.0
或
com.android.support:recyclerview-v7:+
(不确定这是正确的符号)
【讨论】:
以上是关于覆盖viewpager内容的Android导航栏的主要内容,如果未能解决你的问题,请参考以下文章
Android——Fragment实例精讲——底部导航栏+ViewPager滑动切换页面