底部导航栏后面的android布局元素答案

【问题标题】：android layout elements going behind bottom navigation bar底部导航栏后面的android布局元素
【发布时间】：2020-06-15 15:09:25
【问题描述】：

我已经搜索过了，但没有找到任何对我有用的东西。

我正在开发一个简单的安卓应用。我遇到的问题是布局中的内容位于特定手机的默认底部导航栏后面。

所以我尝试了两部智能手机，第一部的布局符合预期，就是它的外观Image1

在第二部智能手机中，该按钮不可见，位于底部导航栏（不在我们的代码中，是智能手机的默认栏）的后面。

更改布局使其适合第二部智能手机后，它看起来像第一部中的那样Image2

这不是我需要的。我该如何解决这个问题，以便我可以在每部智能手机中看到该应用程序，如 image.1？

这是片段。

<androidx.constraintlayout.widget.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/frameLayout2"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".profile.Profile_photo_frag">
<GridView
android:id="@+id/gridView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="@dimen/_45sdp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toTopOf="@id/add_photo"
android:layout_above="@id/add_photo"
android:columnWidth="90dp"
android:gravity="center"
android:horizontalSpacing="10dp"
android:numColumns="2"
android:stretchMode="columnWidth"
android:verticalSpacing="10dp">
</GridView>
<Button
android:id="@+id/add_photo"
android:layout_width="match_parent"
android:layout_height="@dimen/_40sdp"
app:layout_constraintTop_toBottomOf="@id/gridView"
android:layout_marginBottom="@dimen/_1sdp"
android:text="Upload image" />
</androidx.constraintlayout.widget.ConstraintLayout>

编辑：这是标签片段的根布局

<androidx.constraintlayout.widget.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:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<ImageView
    android:id="@+id/profile_image"
    android:layout_width="149dp"
    android:layout_height="141dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.0"
    app:srcCompat="@drawable/add_img" />
<TextView
    android:id="@+id/user_country"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="68dp"
    android:text="Altro"
    app:layout_constraintStart_toStartOf="@+id/user_name"
    app:layout_constraintTop_toTopOf="parent" />
<TextView
    android:id="@+id/user_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="160dp"
    android:layout_marginLeft="160dp"
    android:layout_marginTop="17dp"
    android:layout_marginBottom="695dp"
    android:text="Nome"
    android:textSize="18sp"
    android:textStyle="bold"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.0" />
<TextView
    android:id="@+id/user_mail"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="96dp"
    android:text="Mail"
    android:textStyle="italic"
    app:layout_constraintStart_toStartOf="@+id/user_country"
    app:layout_constraintTop_toTopOf="parent" />
<ImageButton
    android:id="@+id/edit_profile"
    android:layout_width="57dp"
    android:layout_height="52dp"
    android:layout_marginTop="36dp"
    android:layout_marginBottom="643dp"
    android:background="#00F3F3F3"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="1.0"
    app:layout_constraintStart_toEndOf="@+id/user_country"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.0"
    app:srcCompat="@drawable/ic_edit_black_24dp" />
<View
    android:id="@+id/divider"
    android:layout_width="409dp"
    android:layout_height="1dp"
    android:layout_marginTop="220dp"
    android:background="#000000"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:layout_marginTop="149dp"
    android:orientation="horizontal"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">
    <ImageButton
        android:id="@+id/but_p_profile"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="@drawable/left_border"
        app:srcCompat="@drawable/ic_travel" />
    <ImageButton
        android:id="@+id/but_p_photo"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="@drawable/left_border"
        app:srcCompat="@drawable/ic_pictures" />
    <ImageButton
        android:id="@+id/but_p-posts"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="@drawable/left_border"
        app:srcCompat="@drawable/ic_ads" />
    <ImageButton
        android:id="@+id/imageButton16"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="@drawable/left_border"
        app:srcCompat="@drawable/ic_commerce" />
</LinearLayout>
<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="61dp"
    android:layout_marginTop="149dp"
    app:layout_constraintTop_toTopOf="parent"
    app:tabIndicatorColor="#9C27B0"
    app:tabMode="fixed"
    android:fitsSystemWindows="true">
    <com.google.android.material.tabs.TabItem
        android:id="@+id/first"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="" />
    <com.google.android.material.tabs.TabItem
        android:id="@+id/second"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="" />
    <com.google.android.material.tabs.TabItem
        android:id="@+id/third"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="" />
    <com.google.android.material.tabs.TabItem
        android:id="@+id/fourth"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="" />
</com.google.android.material.tabs.TabLayout>
<androidx.viewpager.widget.ViewPager
    android:fitsSystemWindows="true"
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="509dp"
    android:layout_marginTop="220dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">
</androidx.viewpager.widget.ViewPager>
</androidx.constraintlayout.widget.ConstraintLayout>

【问题讨论】：

嘿@anonymous，您能否发布有关您的完整布局的更多详细信息。就像您如何使用此布局一样。由于此布局未显示图像的上半部分。
@AnujSharma 谢谢你的回答，我已经编辑添加你的要求:)
非常感谢，原来是这个问题
太好了，请您支持/接受我的回答。 :)
@AnujSharma 我认为不可能接受评论作为答案，发表一个回答，我很乐意这样做

标签： android xml mobile layout

【解决方案1】：

当然是您的视图寻呼机高度和上边距的问题。您不应设置静态边距和高度，而应将视图寻呼机的顶部与顶部视图层次结构中最后一个视图的底部对齐。

【讨论】：

【解决方案2】：

在您的 constraintLayout 中添加 LinearLayout 然后设置您的 UI，但不使用边距来放置静态值。您可以使用重量来管理您的块。需要一些帮助，请关注 link 以及堆栈溢出中的更多示例。

希望对你有帮助！

【讨论】：