Android,DrawerLayout Fragments CollapsingToolbarLayout

前端之家收集整理的这篇文章主要介绍了Android,DrawerLayout Fragments CollapsingToolbarLayout前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在DrawerLayout的主容器中显示的碎片中是否可以有一个CoordinatorLayout / CollapsingToolbarLayout?

另一个question的答案表明每个片段可以有自己的工具栏.但是,这对于ActionBarDrawerToggle是不正常的,因为它需要一个工具栏才能链接到打开/关闭抽屉行为.

有没有人实现这个,还是你有这个指点?谢谢.

编辑:我一直在努力把一个单一的工具栏放在DrawerLayout中,这意味着一直呆在那里,但是无法让它滚动(在Nexus5 API 22上). this question提到CoordinatorLayout需要作为主视图.所以也许将它插入DrawerLayout(如下所示)将不会工作.

  1. <android.support.v4.widget.DrawerLayout ...>
  2.  
  3. <!-- main content -->
  4. <android.support.design.widget.CoordinatorLayout ...>
  5.  
  6. <android.support.design.widget.AppBarLayout ...>
  7.  
  8. <android.support.design.widget.CollapsingToolbarLayout ...>
  9.  
  10. <ImageView .../>
  11.  
  12. <android.support.v7.widget.Toolbar .../>
  13.  
  14. </android.support.design.widget.CollapsingToolbarLayout>
  15.  
  16. </android.support.design.widget.AppBarLayout>
  17.  
  18. <android.support.v7.widget.RecyclerView .../>
  19.  
  20. </android.support.design.widget.CoordinatorLayout>
  21.  
  22. <!-- navigation drawer -->
  23. <android.support.design.widget.NavigationView ...>
  24.  
  25. <!-- drawer content -->
  26. <fragment .../>
  27.  
  28. </android.support.design.widget.NavigationView>
  29.  
  30. </android.support.v4.widget.DrawerLayout>

解决方法

事实上,是的,你可以.我正在寻找同样的事情,从你的问题的链接让我从 Google Blogpost Google Blogpost

无论如何,下面是我的布局文件,对于java代码我没有改变任何东西,片段调用保持不变.

activity_main.xml(主文件)

  1. <?xml version="1.0" encoding="utf-8"?>
  2.  
  3. <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
  4. xmlns:app="http://schemas.android.com/apk/res-auto"
  5. xmlns:tools="http://schemas.android.com/tools"
  6. android:id="@+id/drawer_layout"
  7. android:layout_width="match_parent"
  8. android:layout_height="match_parent"
  9. android:fitsSystemWindows="true"
  10. tools:openDrawer="start">
  11.  
  12. <include
  13. layout="@layout/app_bar_main"
  14. android:layout_width="match_parent"
  15. android:layout_height="match_parent" />
  16.  
  17. <android.support.design.widget.NavigationView
  18. android:id="@+id/nav_view"
  19. android:layout_width="wrap_content"
  20. android:layout_height="match_parent"
  21. android:layout_gravity="start"
  22. android:fitsSystemWindows="true"
  23. app:headerLayout="@layout/nav_header_main"
  24. app:menu="@menu/activity_main_drawer" />
  25.  
  26. </android.support.v4.widget.DrawerLayout>

app_bar_main.xml(NavigationBar布局)

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:app="http://schemas.android.com/apk/res-auto"
  4. xmlns:tools="http://schemas.android.com/tools"
  5. android:layout_width="match_parent"
  6. android:layout_height="match_parent"
  7. tools:context=".MainActivity">
  8.  
  9. <android.support.design.widget.AppBarLayout
  10. android:layout_width="match_parent"
  11. android:layout_height="192dp"
  12. android:theme="@style/AppTheme.AppBarOverlay">
  13.  
  14. <android.support.design.widget.CollapsingToolbarLayout
  15. android:id="@+id/toolbar_layout"
  16. android:layout_width="match_parent"
  17. android:layout_height="match_parent"
  18. app:layout_scrollFlags="scroll|exitUntilCollapsed">
  19.  
  20. <android.support.v7.widget.Toolbar
  21. android:id="@+id/toolbar"
  22. android:layout_width="match_parent"
  23. android:layout_height="?attr/actionBarSize"
  24. android:background="?attr/colorPrimary"
  25. app:layout_collapseMode="pin"
  26. app:layout_scrollFlags="scroll|enterAlways"
  27. app:popupTheme="@style/AppTheme.PopupOverlay" />
  28. </android.support.design.widget.CollapsingToolbarLayout>
  29. </android.support.design.widget.AppBarLayout>
  30.  
  31. <include layout="@layout/content_main" />
  32.  
  33. <android.support.design.widget.FloatingActionButton
  34. android:id="@+id/fab"
  35. android:layout_width="wrap_content"
  36. android:layout_height="wrap_content"
  37. android:layout_gravity="bottom|end"
  38. android:layout_margin="@dimen/fab_margin"
  39. android:src="@android:drawable/ic_dialog_email" />
  40.  
  41. </android.support.design.widget.CoordinatorLayout>

content_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:app="http://schemas.android.com/apk/res-auto"
  4. xmlns:tools="http://schemas.android.com/tools"
  5. android:layout_width="match_parent"
  6. android:layout_height="match_parent"
  7. android:paddingBottom="@dimen/activity_vertical_margin"
  8. android:paddingLeft="@dimen/activity_horizontal_margin"
  9. android:paddingRight="@dimen/activity_horizontal_margin"
  10. android:paddingTop="@dimen/activity_vertical_margin"
  11. app:layout_behavior="@string/appbar_scrolling_view_behavior"
  12. tools:context=".MainActivity"
  13. tools:showIn="@layout/app_bar_main">
  14.  
  15. <FrameLayout
  16. android:id="@+id/content_main_frame"
  17. android:layout_width="match_parent"
  18. android:layout_height="match_parent" />
  19. </android.support.v4.widget.NestedScrollView>

现在你有“DrawerLayout Fragments CollapsingToolbarLayout”

猜你在找的Android相关文章