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



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

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

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

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

更改布局以使其适合第二部智能手机后,它看起来像第一部 Image2

这不是我需要的。 如何解决此问题,以便我可以像图像一样在每部智能手机中看到该应用程序.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>

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

在你的约束布局中添加线性布局,然后设置你的UI,但不使用边距来放置静态值。您可以使用体重来管理您的区块。需要一些帮助,请点击链接和堆栈溢出中提供的更多示例。

希望对您有所帮助!

最新更新