按钮栏重叠与回收站视图问题

时间:2016-03-10 08:47:53

标签: android xml material-design

我正在尝试在已包含回收站视图的屏幕底部添加一个按钮栏。当我这样做时,按钮栏与回收者视图的最后一项重叠,如果我尝试单击按钮栏,则单击回收器视图中的项目。这是我的xml:

<?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.example.owaisnizami.navigation.MainActivity">

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay" />

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




    <include layout="@layout/content_main"/>

    <LinearLayout
    android:id="@+id/buttonBar"
    android:layout_width="match_parent"


    android:layout_height="wrap_content"

    android:layout_alignParentBottom="true"
    style="@android:style/ButtonBar"
    android:background="#F44336"
    android:layout_gravity="bottom|end">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:layout_gravity="center"
        android:text="Advertisements Here"
        android:textColor="#FFFFFF"/>
</LinearLayout>


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

content_main包含recycler视图,这里是xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:showIn="@layout/activity_main"
tools:context=".MainActivity">

<android.support.v7.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scrollbars="vertical"/>
</RelativeLayout>

2 个答案:

答案 0 :(得分:3)

我已经并且现在已经解决了这个问题,解决方案并不像我想的那么复杂。

在包含RecyclerView的content_main中的布局中,设置

android:layout_marginBottom="<height-of-your-button-bar>"

将此设置为包含RecyclerView的RelativeLayout,而不是您的RecyclerView本身。

现在,当您滚动到列表底部时,它将继续滚动,以便按钮栏不会隐藏最后一项。

查看您的布局,您可能需要确定按钮栏的高度,以便相应地设置此边距。

希望这有帮助。

完全披露,我使用此解决方案与NestedScrollView而不是RelativeLayout虽然不知道它为什么不起作用 - 另外,如果您切换到NestedScrollView,您的CollapsableToolbar将能够崩溃。

答案 1 :(得分:0)

将您的按钮栏布局移动到content_main中,如下所示

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:showIn="@layout/activity_main"
tools:context=".MainActivity">

<android.support.v7.widget.RecyclerView
android:id="@+id/recycler_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@+id/buttonBar"
android:scrollbars="vertical"/>

 <LinearLayout
android:id="@+id/buttonBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
style="@android:style/ButtonBar"
android:background="#F44336"
>
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="30sp"
    android:layout_gravity="center"
    android:text="Advertisements Here"
    android:textColor="#FFFFFF"/>
 </LinearLayout>
</RelativeLayout>

通过这种方式,您可以确保recyclerView在按钮栏布局

之前结束