android 布局元素在底部导航栏后面

Question

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

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

所以我尝试了两部智能手机，第一部的布局符合预期，就是它的外观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>

Answer 1

在您的 constraintLayout 添加 LinearLayout 然后设置您的 UI，但不使用边距来放置 static 值。 您可以使用重量来管理您的块。 需要一些帮助跟随链接和堆栈溢出中可用的更多示例。

我希望它会帮助你！

Answer 2

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