修复CoordinatorLayout中的底部条

我有一个CoordinatorLayout包含AppBarLayout和一个包含片段的FrameLayout 。

其中一个片段包含顶部的TabLayout ，一个TabLayout和底部的一个“自制”工具栏。

AppBarLayoutconfiguration了app:layout_scrollFlags="scroll|enterAlways"

我的问题是两个“工具栏”隐藏滚动时，AppBarLayout和我的“自制”工具栏在底部。 这是目前的行为

我想修复底部“自制”工具栏，以保持可见，但我无法实现它。

这是片段布局的XML

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout 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:orientation="vertical" > <android.support.design.widget.TabLayout android:id="@+id/toolbarfilter" android:layout_width="match_parent" android:background="@color/azul_asde" app:tabMode="fixed" app:tabMaxWidth="0dp" android:elevation="4dp" app:tabIndicatorColor="@color/verde_pastel" android:layout_height="wrap_content" /> <android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/swipeContainer" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <android.support.v7.widget.RecyclerView android:id="@+id/list" android:layout_width="match_parent" android:layout_height="match_parent"/> </android.support.v4.widget.SwipeRefreshLayout> <LinearLayout android:id="@+id/toolbarselection" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:paddingTop="10dp" android:paddingBottom="10dp" android:background="@color/azul_asde" android:elevation="4dp" android:visibility="visible" > <ImageView android:id="@+id/delete" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:src="@drawable/ic_delete_white_24dp" android:tint="@color/gris_desactivado" /> <ImageView android:id="@+id/select" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:src="@drawable/ic_bookmark_border_white_24dp"/> <ImageView android:id="@+id/send" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:src="@drawable/ic_send_white_24dp" android:tint="@color/gris_desactivado" /> </LinearLayout> </LinearLayout> 

编辑1： 这个问题似乎是同样的问题。

Answer 1

试试这个布局：

 <?xml version="1.0" encoding="utf-8"?> <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_width="match_parent" android:layout_height="match_parent" android:id="@+id/container"> <ScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:layout_above="@+id/bottom_navigation" android:layout_alignParentTop="true"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view" android:layout_width="match_parent" android:layout_margin="10dp" android:layout_height="110dp" android:padding="15dp" card_view:cardElevation="2dp" card_view:cardCornerRadius="4dp"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="Test" /> </android.support.v7.widget.CardView> <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view1" android:layout_width="match_parent" android:layout_margin="10dp" android:layout_height="110dp" android:padding="15dp" card_view:cardElevation="2dp" card_view:cardCornerRadius="4dp"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="Test" /> </android.support.v7.widget.CardView> <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view3" android:layout_width="match_parent" android:layout_margin="10dp" android:layout_height="110dp" android:padding="15dp" card_view:cardElevation="2dp" card_view:cardCornerRadius="4dp"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="Test" /> </android.support.v7.widget.CardView> <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view4" android:layout_width="match_parent" android:layout_margin="10dp" android:layout_height="110dp" android:padding="15dp" card_view:cardElevation="2dp" card_view:cardCornerRadius="4dp"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="Test" /> </android.support.v7.widget.CardView> <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view5" android:layout_width="match_parent" android:layout_margin="10dp" android:layout_height="110dp" android:padding="15dp" card_view:cardElevation="2dp" card_view:cardCornerRadius="4dp"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="Test" /> </android.support.v7.widget.CardView> </LinearLayout> </ScrollView> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="bottom" android:gravity="bottom"> <android.support.design.widget.BottomNavigationView android:layout_width="match_parent" android:layout_height="56dp" android:layout_weight="1" android:foregroundGravity="bottom" android:background="@color/green" app:itemIconTint="@color/white" app:itemTextColor="@color/white" android:id="@+id/bottomnav" app:menu="@menu/main"> </android.support.design.widget.BottomNavigationView> </RelativeLayout> </android.support.design.widget.CoordinatorLayout> 

Answer 2

当从属视图（ RecyclerView ， NestedScrollView ）中的滚动内容小于视图高度时，这种行为基本上从AppBarLayout移除滚动标志SCROLL 。 当不需要滚动时。 它也覆盖抵消滚动视图，这通常由AppBarLayout.ScrollingViewBehavior完成。 当添加页脚，即。 button，滚动视图或在ViewPager ，每个页面的内容长度可能不同。

https://gist.github.com/MaciejKaras/02bff315f00b87d80467a470424f22c3

已经在https://stackoverflow.com/a/372​​93634回答;

Answer 3

要修复底部栏，首先你必须使用一个活动，其中标签出现。 在那个活动中使用不同的片段。 在这个activity_main_tab.xml中添加你的tabLayout

activity_main_tab.xml

  <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:local="http://schemas.android.com/apk/res-auto" android:id="@+id/co_activity_root_layout" android:layout_width="match_parent" android:layout_height="match_parent"> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true"> <android.support.design.widget.AppBarLayout local:theme="@style/Theme.AppBarOverlay" android:id="@+id/toolbar_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true"> </android.support.design.widget.AppBarLayout> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@+id/toolbar_layout"> <FrameLayout android:id="@+id/fl_fragment_container" android:layout_width="match_parent" android:layout_height="match_parent" /> </RelativeLayout> </RelativeLayout> </android.support.design.widget.CoordinatorLayout> 

对于片段视图使用

fragment_tab.xml

在工具栏中使用app：layout_scrollFlags =“scroll | enterAlways”来使其滚动

  <?xml version="1.0" encoding="utf-8"?> <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/coordinator" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:layout_scrollFlags="scroll|enterAlways"/> <android.support.design.widget.TabLayout android:id="@+id/tablayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabIndicatorColor="@color/white" app:tabIndicatorHeight="@dimen/profile_tablayout_indicator_height" android:background="?attr/colorPrimary" app:tabGravity="fill"/> </android.support.design.widget.AppBarLayout> <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.CoordinatorLayout> 

FragmentTabs.java

  public class FragmentTabs extends BaseFragment{ private View rootView; private ViewPager viewPager; private TabLayout tabLayout; private Toolbar toolbar; private ViewPagerAdapter viewPagerAdapter; @Override public View onCreateView(LayoutInflater inflater, ViewGroup viewGroupContainer, Bundle savedInstanceState) { rootViewSearch = inflater.inflate(R.layout.fragment_tab, viewGroupContainer, false); initializeLayout(); setUpActionBar(); setUpFragmentObjects(); return rootView; } private void initializeLayout() { toolbar = (Toolbar) rootView.findViewById(R.id.toolbar); viewPager = (ViewPager) rootView.findViewById(R.id.viewpager); tabLayout = (TabLayout) rootView.findViewById(R.id.tablayout); } private void setUpActionBar() { getApplicationContext().setSupportActionBar(toolbarSearch); ActionBar actionBar = getApplicationContext().getSupportActionBar(); if(actionBar != null){ actionBar.setTitle(Constants.BLANK); } } private void setUpFragmentObjects() { viewPagerAdapter = new ViewPagerAdapter(getApplicationContext(), getChildFragmentManager()); viewPager.setAdapter(searchViewPagerAdapter); tabLayout.setupWithViewPager(viewPager); } } 

ViewPagerAdapter.java

 public class ViewPagerAdapter extends FragmentPagerAdapter { public ViewPagerAdapter(Activity activity, FragmentManager fragmentManager) { super(fragmentManager); } @Override public Fragment getItem(int position) { Bundle bundle; switch (position) { case 0: // For Tab 1 // use fragment for tab 1 return fragment1; case 1: // For Tab 2 // use fragment for tab 2 return fragment2; case 2: // For Tab 3 // use fragment for tab 3 return fragment3; default: return null; } } @Override public int getCount() { return 3; // no. of Tabs } @Override public CharSequence getPageTitle(int position) { switch (position) { case 0: // Title For Tab1 return "Tab1"; case 1: // Title For Tab2 return "Tab2"; case 2: // Title For Tab3 return "Tab3"; default: return null; } } } 

Answer 4

你可以尝试在你的工具栏上添加collapseMode，就像这样。

你的appBarLayout似乎很好

我build议你看看这个链接： https ： //github.com/ codepath/ android_guides/ wiki/ Handling- Scrolls- with- CoordinatorLayout`

  <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/holo_blue_light" android:fitsSystemWindows="true" app:expandedTitleMarginEnd="64dp" app:expandedTitleMarginStart="48dp" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" app:layout_collapseMode="pin" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:layout_scrollFlags="scroll|enterAlways"/> <android.support.design.widget.TabLayout android:id="@+id/tablayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabIndicatorColor="@color/white" app:tabIndicatorHeight="@dimen/profile_tablayout_indicator_height" android:background="?attr/colorPrimary" app:tabGravity="fill"/> </android.support.design.widget.CollapsingToolbarLayout> 

Answer 5

我面临同样的问题这是对我有用的方式

删除AppBarLayout layout_behavior ，使其固定在最上面。 将frameLayout layout_behavior定义为app:layout_behavior="@string/appbar_scrolling_view_behavior"以便在AppBarLayout下方调整FrameLayout 。 这样，您的框架布局的内容将滚动，而不是工具栏。 CoordinatorLayout布局如下

 <?xml version="1.0" encoding="utf-8"?> <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_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context="com.next_tech.teebox.GridView"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:titleTextColor="@android:color/white" /> </android.support.design.widget.AppBarLayout> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"> </FrameLayout> </android.support.design.widget.CoordinatorLayout> 

这是您的片段布局XML，您的recyclerView滚动，而不会影响您的TabLayout和底部线性布局。

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout 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:orientation="vertical" > <android.support.design.widget.TabLayout android:id="@+id/toolbarfilter" android:layout_width="match_parent" android:background="@color/colorPrimary" app:tabMode="fixed" app:tabMaxWidth="0dp" android:elevation="4dp" app:tabIndicatorColor="@color/btnBackground" android:layout_height="?android:actionBarSize" /> <android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/swipeContainer" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <android.support.v7.widget.RecyclerView android:id="@+id/list" android:layout_width="match_parent" android:layout_height="match_parent"/> </android.support.v4.widget.SwipeRefreshLayout> <LinearLayout android:id="@+id/toolbarselection" android:layout_width="match_parent" android:layout_height="?android:actionBarSize" android:orientation="horizontal" android:background="@color/colorPrimary" android:layout_gravity="bottom" android:elevation="4dp" android:visibility="visible" > <ImageView android:id="@+id/delete" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:layout_gravity="center" app:srcCompat="@android:drawable/ic_menu_delete" /> <ImageView android:id="@+id/select" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_weight="1" app:srcCompat="@drawable/white_arrow" /> <ImageView android:id="@+id/send" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:layout_gravity="center" app:srcCompat="@drawable/ic_send_holo_dark" /> </LinearLayout> </LinearLayout> 

我希望这可以帮助别人谢谢

获取更多信息 – Android中Appbars的滚动行为

Answer 6

我在同一个问题上挣扎了整整一天。
在我的情况下这对我有效。

https://stackoverflow.com/a/35405095/4729203

Answer 7

你不能在协调器布局中做到这一点。 所以使用RelativeLayout并在其devise中使用自己的布局

Answer 8

尝试这个

 <?xml version="1.0" encoding="utf-8"?> <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_width="match_parent" android:layout_height="match_parent" android:id="@+id/container"> <ScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:layout_above="@+id/bottom_navigation" android:layout_alignParentTop="true"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view" android:layout_width="match_parent" android:layout_margin="10dp" android:layout_height="110dp" android:padding="15dp" card_view:cardElevation="2dp" card_view:cardCornerRadius="4dp"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="Test" /> </android.support.v7.widget.CardView> <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view1" android:layout_width="match_parent" android:layout_margin="10dp" android:layout_height="110dp" android:padding="15dp" card_view:cardElevation="2dp" card_view:cardCornerRadius="4dp"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="Test" /> </android.support.v7.widget.CardView> <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view3" android:layout_width="match_parent" android:layout_margin="10dp" android:layout_height="110dp" android:padding="15dp" card_view:cardElevation="2dp" card_view:cardCornerRadius="4dp"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="Test" /> </android.support.v7.widget.CardView> <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view4" android:layout_width="match_parent" android:layout_margin="10dp" android:layout_height="110dp" android:padding="15dp" card_view:cardElevation="2dp" card_view:cardCornerRadius="4dp"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="Test" /> </android.support.v7.widget.CardView> <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view5" android:layout_width="match_parent" android:layout_margin="10dp" android:layout_height="110dp" android:padding="15dp" card_view:cardElevation="2dp" card_view:cardCornerRadius="4dp"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="Test" /> </android.support.v7.widget.CardView> </LinearLayout> </ScrollView> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="bottom" android:gravity="bottom"> <android.support.design.widget.BottomNavigationView android:layout_width="match_parent" android:layout_height="56dp" android:layout_weight="1" android:foregroundGravity="bottom" android:background="@color/green" app:itemIconTint="@color/white" app:itemTextColor="@color/white" android:id="@+id/bottomnav" app:menu="@menu/main"> </android.support.design.widget.BottomNavigationView> </RelativeLayout> </android.support.design.widget.CoordinatorLayout>