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

时间:2020-06-13 11:51:01

标签: android xml mobile layout

我已经搜索过,但是没有找到对我有用的东西。

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

因此,我尝试了两部智能手机,首先是按预期的布局,这是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>

2 个答案:

答案 0 :(得分:0)

在constraintLayout内添加LinearLayout,然后设置UI,但未使用边距放置静态值。您可以使用体重来管理您的障碍物。需要一些帮助,请遵循link,更多有关堆栈溢出的示例。

希望对您有所帮助!

答案 1 :(得分:0)

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