Макет графического представления в 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>