Android Studio 中的图形视图布局为空白

Question

我正在尝试使用约束布局来布置一个由 4 个按钮组成的简单垂直数组。最初的图形布局显示了元素；我不知道发生了什么，但现在它显示的只是一个空的蓝色矩形。所有布局元素都显示在列表层次结构中，具有正确的属性——只是没有为它们绘制任何内容。我尝试了在这里找到的建议，例如更改主题，但没有任何效果。

<?xml version="1.0" encoding="utf-8"?>
<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"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context=".TestActivity"
    tools:showIn="@layout/activity_test">

    <!--
    <LinearLayout
        android:layout_width="784dp"
        android:layout_height="1127dp"
        android:orientation="vertical"
        android:visibility="visible"
        tools:layout_editor_absoluteX="8dp"
        tools:layout_editor_absoluteY="8dp">
        -->

    <Button
        android:id="@+id/temp_button"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="Button 1"
        android:visibility="visible"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@id/fan_button"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent">

        <TextView
            android:id="@+id/update_temp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Update Temp" />

        <TextView
            android:id="@+id/current_temp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="--" />

    </Button>


    <Button
        android:id="@+id/fan_button"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="Button 2"
        android:visibility="visible"
        app:layout_constraintTop_toBottomOf="@id/temp_button"
        app:layout_constraintBottom_toTopOf="@id/setpoint_button"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent">

        <TextView
            android:id="@+id/toggle_fan"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Fan Control" />

        <TextView
            android:id="@+id/fan_state"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="--" />

    </Button>


    <Button
        android:id="@+id/setpoint_button"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="Button 3"
        android:visibility="visible"
        app:layout_constraintTop_toBottomOf="@id/fan_button"
        app:layout_constraintBottom_toTopOf="@id/pid_button"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="parent">

        <TextView
            android:id="@+id/set_temp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Set Temp" />

        <TextView
            android:id="@+id/temp_setting"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="--" />

    </Button>


    <Button
        android:id="@+id/pid_button"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="Button 4"
        android:visibility="visible"
        app:layout_constraintTop_toBottomOf="@id/setpoint_button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="parent">

        <TextView
            android:id="@+id/toggle_pid"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="PID Control" />

        <TextView
            android:id="@+id/pid_state"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="--" />

    </Button>

    <!--
     </LinearLayout>
     -->
</android.support.constraint.ConstraintLayout>

Answer 1

您的布局发生了几件事。

1. TextViews 属于ViewGroups：ContraintLayout、LinearLayout 等。我不确定您将TextViews 放在Buttons 中的意图是什么，所以我只是删除了它们。希望这个答案可以帮助您决定如何重新引入它们。
2. 您的几个按钮的开始和结束都被限制在父级的一侧，因此它们的宽度为零且不可见。

以下是对布局的重新设计，可让您走上正确的道路：

<android.support.constraint.ConstraintLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/temp_button"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="Button 1"
        android:visibility="visible"
        app:layout_constraintBottom_toTopOf="@id/fan_button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/fan_button"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="Button 2"
        android:visibility="visible"
        app:layout_constraintBottom_toTopOf="@id/setpoint_button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/temp_button" />


    <Button
        android:id="@+id/setpoint_button"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="Button 3"
        android:visibility="visible"
        app:layout_constraintBottom_toTopOf="@id/pid_button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/fan_button" />

    <Button
        android:id="@+id/pid_button"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="Button 4"
        android:visibility="visible"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/setpoint_button" />

</android.support.constraint.ConstraintLayout>