在带有操作栏的活动中使用时，片段未完全显示

Posted 2023-04-19

【中文标题】在带有操作栏的活动中使用时，片段未完全显示

【英文标题】：Fragment is not fully displayed when used in activity with actionbar

【发布时间】：2019-08-29 00:36:27

【问题描述】：

在我的活动 (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_
android:layout_
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_
    android:layout_

    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_
android:layout_
tools:context=".TourActivity">

<TextView
    android:id="@+id/test"
    android:layout_
    android:layout_
    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_
    android:layout_
    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_
    android:layout_
    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_
    android:layout_
    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_
    android:layout_
    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>

【参考方案1】：

<android.support.v4.view.ViewPager
    android:id="@+id/container"
    android:layout_
    android:layout_
    android:layout_marginTop="8dp"

    app:layout_constraintTop_toBottomOf="@+id/app_bar"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent" />

请试一试。

【讨论】：

感谢您的回复！不幸的是，它并没有真正起作用。如果我运行它，它不会显示任何片段。检查设计我看到容器不知何故位于应用栏下方，并且与应用栏的大小大致相同。你发这个的时候有什么想法？也许我可以稍微改进一下以找到解决方案

这可能是因为您的 app_bar 正在使用 android:layout_。这在我看来很可疑。你可以玩我的感觉。至少，您应该将其包裹在内容周围。你能做到这一点，看看它是否有效。告诉我。

我的 app_bar 高度在 app_bar.xml 中设置为 wrap_content，所以我不知道这是否是问题所在。还是您的意思是在其他地方设置为 wrap_content？

我把你的片段误认为是你的 app_bar。我的错。我注意到的另一个潜在问题是 android:layout_ 在您的活动中。那应该是 match_parent。

不幸的是，即使活动中的高度发生了变化，仍然无法正常工作。必须有一种方法来显示应用栏和片段，而片段不会超出屏幕？

【参考方案2】：

在主 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_
    android:layout_
    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_
        android:layout_
        android:layout_below="@id/app_bar" />
</RelativeLayout>