android - 在带有操作栏的活动中使用时,片段未完全显示
问题描述
在我的活动(ConstraintLayout)中,我有一个操作栏和一个容器(用于我的视图页面适配器)。在这个容器中,我展示了各种片段。我的问题是片段(也在 ConstraintLayout 中)没有完全显示,这意味着它们最后被切断了。我的假设是,发生这种情况是因为片段“不知道”活动中的操作栏,因此认为它可以使用全屏,但是操作栏占用的这部分被向下移动并从屏幕上移开。这只是一个假设,也许我完全错了。任何人都可以帮助如何确保片段布局以某种方式“适合”屏幕?
我的活动 xml 与操作栏:
<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:layout_width="match_parent"
android:layout_height="wrap_content"
tools:context=".TourActivity">
<include
android:id="@+id/app_bar"
layout="@layout/app_bar"
tools:layout_editor_absoluteY="8dp"></include>
<android.support.v4.view.ViewPager
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
app:layout_constraintTop_toBottomOf="@+id/app_bar" />
</android.support.constraint.ConstraintLayout>
片段 xml:
<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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".TourActivity">
<TextView
android:id="@+id/test"
android:layout_width="388dp"
android:layout_height="wrap_content"
android:layout_marginStart="24dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="24dp"
android:gravity="center"
android:text="testtest testtest"
android:textSize="25dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.52"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/imageView"
android:layout_width="365dp"
android:layout_height="185dp"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="8dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/question"
tools:src="@android:color/darker_gray" />
<Button
android:id="@+id/answerButton1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="156dp"
android:layout_marginEnd="8dp"
android:text="answerButton1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/imageView" />
<Button
android:id="@+id/answerButton2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="32dp"
android:layout_marginEnd="8dp"
android:text="answerButton2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/answerButton1" />
<Button
android:id="@+id/answerButton3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="32dp"
android:layout_marginEnd="8dp"
android:text="answerButton3"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/answerButton2" />
</android.support.constraint.ConstraintLayout>
解决方案
在主 XML 文件中使用相对布局
<RelativeLayout 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="wrap_content"
tools:context=".TourActivity">
<include
android:id="@+id/app_bar"
layout="@layout/app_bar"
tools:layout_editor_absoluteY="8dp"/>
<android.support.v4.view.ViewPager
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/app_bar" />
</RelativeLayout>
推荐阅读
- django - Django Rest Framework - Html 渲染器坏了?
- html - 如何改变前一个元素的样式值
- python - 如何创建正则表达式来查找 URL 内的两个文件夹中的文件?
- clojure - 这个 Clojure 宏扩展是如何工作的?
- openlayers - 如何在交互修改中更改蓝点样式
- java - 继续单击 TextView 上的另一个活动和/或片段
- vb.net - 在运行时填充预制的未绑定 datagridview 列
- mysql - MySQL 不能在连接列上使用 ORDER BY
- css - 页面上未应用 CSS 变量
- java - 使用 Cucumber 中的 AssertJ Swing 测试