Question

我有BottomNavigationViewEx的问题：菜单与我活动的底部重叠。我想通过在我的内容中添加底部边距来解决这个问题（在ScrollView中就是这种情况），但我不知道BottomNavigationViewEx菜单的实际高度是多少，即使我知道它，我也是不确定所有设备中是否相同（以dp为单位）。在我的代码下面：

 <android.support.constraint.ConstraintLayout
    ...
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ScrollView
        ...
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <!--
        ...
        content of my activity
        ...
        -->
    </ScrollView>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <com.ittianyu.bottomnavigationviewex.BottomNavigationViewEx
            android:id="@+id/bottom_navigation"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            ...
            app:menu="@drawable/main_menu"/>
    </RelativeLayout>
</android.support.constraint.ConstraintLayout>

如何缩短滚动视图的内容，以避免与底部菜单重叠？

Answer 1

为什么不为ScrollView设置值layout_height =＆＃34; wrap_content＆＃34;。目前，您将其设置为匹配parent / fill_parent（不建议使用），并将其内容扩展到布局的高度，在本例中为ConstraintLayout。如果这没有帮助尝试用垂直方向的LinearLayout替换ConstraintLayout

Answer 2

您可以做一件事，为底部菜单设置固定高度并将边距设置为Scrollview，然后bottommenu不会与您的布局重叠。

<android.support.constraint.ConstraintLayout
...
android:layout_width="match_parent"
android:layout_height="match_parent">

<ScrollView
    android:layout_marginBottom="60dp"
    ...
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <!--
    ...
    content of my activity
    ...
    -->
</ScrollView>

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <com.ittianyu.bottomnavigationviewex.BottomNavigationViewEx
        android:id="@+id/bottom_navigation"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_alignParentBottom="true"
        ...
        app:menu="@drawable/main_menu"/>
</RelativeLayout>
</android.support.constraint.ConstraintLayout>

Answer 3

我通过添加：

来实现这一目标

app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toTopOf="<id of bottom nav view>"

保存我的内容的FrameLayout。这是整个布局文件：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/content_main"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@+id/navigation"/>

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="0dp"
        android:layout_marginStart="0dp"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/navigation" />

</android.support.constraint.ConstraintLayout>

底部菜单与Android中的内容重叠

3 个答案: