约束布局下的ListView在预览中消失答案

【问题标题】：ListView under constraint layout disappears in preview约束布局下的ListView在预览中消失
【发布时间】：2019-07-19 01:04:37
【问题描述】：

输出png

所以下面是我的活动 xml：我已经从支持库迁移到 androidx。

有没有办法做到这一点？

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
        <AutoCompleteTextView
            android:id="@+id/partyname"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="@drawable/rounded_edittext"
            android:layout_marginBottom="8dp"
            android:layout_marginEnd="5dp"
            android:layout_marginStart="5dp"
            android:hint="@string/firm_name"
            android:padding="5dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintTop_toTopOf="parent"/>
    <LinearLayout
        android:id="@+id/billform"
        android:layout_marginTop="5dp"
        android:layout_marginRight="5dp"
        android:layout_marginEnd="5dp"
        android:layout_marginStart="5dp"
        android:layout_marginLeft="5dp"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:orientation="vertical"
        android:background="@drawable/rounded_buttons"
        app:layout_constraintTop_toBottomOf="@id/partyname">
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <AutoCompleteTextView
                android:id="@+id/identifier"
                android:layout_height="50dp"
                android:layout_width="0dp"
                android:padding="5dp"
                android:layout_marginEnd="8dp"
                android:textSize="16sp"
                android:textAllCaps="true"
                android:hint="@string/code_article"
                android:background="@drawable/rounded_edittext"
                android:layout_marginRight="8dp"
                android:layout_alignParentStart="true"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:layout_toLeftOf="@+id/add"
                android:layout_toStartOf="@+id/add" />
            <Button
                android:id="@+id/add"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/rounded_buttons"
                android:text="@string/add"
                android:textAllCaps="true"
                android:textSize="18sp"
                android:layout_centerVertical="true"
                android:layout_alignParentEnd="true"
                android:layout_alignParentRight="true" />
        </RelativeLayout>
    </LinearLayout>
    <ListView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintTop_toBottomOf="@id/billform"
        app:layout_constraintBottom_toBottomOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

天知道为什么，listView 在预览中不可用。它在根是线性布局时起作用。我尝试在约束布局中创建线性布局，但没有成功

【问题讨论】：

如果您使用约束，则删除所有嵌套布局。约束布局的重点是平面布局。
好的，什么是平面布局，什么是平面布局？另外，您提供的答案和我的代码，ui 行为会保持不变吗？

标签： android listview android-listview

【解决方案1】：

android:layout_height="0dp"

这可能是您的问题，或者如果您说看不到项目，那么这可能是 android studio 中的一个错误，因为我尝试添加另一个 ConstraintLayout 却没有任何运气。

This answer might help

我想将我的答案添加为评论，但 StackOverflow 不允许。

【讨论】：

【解决方案2】：

尝试删除嵌套布局。试试下面的代码

<?xml version="1.0" encoding="utf-8"?>
<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">

<AutoCompleteTextView
        android:id="@+id/partyname"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginTop="24dp"
        android:padding="5dp"
        app:layout_constraintTop_toTopOf="parent"
        tools:layout_editor_absoluteX="0dp" />

<AutoCompleteTextView
        android:id="@+id/identifier"
        android:layout_width="0dp"
        android:layout_height="50dp"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_toStartOf="@+id/add"
        android:layout_toLeftOf="@+id/add"
        android:padding="5dp"
        android:textAllCaps="true"
        android:textSize="16sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/partyname" />

<Button
        android:id="@+id/add"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:text="ADD"
        android:textAllCaps="true"
        android:textSize="18sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/identifier" />

<ListView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/add" />

【讨论】：

【解决方案3】：

将宽度从 match_parent 更改为 0dp，您可以创建左右约束。以下将适用于您。

<ListView
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toBottomOf="@id/billform"
            app:layout_constraintBottom_toBottomOf="parent"/>

更新

    <?xml version="1.0" encoding="utf-8"?>
    <androidx.constraintlayout.widget.ConstraintLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:layout_width="match_parent"
            android:layout_height="match_parent" 
            xmlns:tools="http://schemas.android.com/tools">

        <AutoCompleteTextView
                android:id="@+id/partyname"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="@drawable/rounded_edittext"
                android:layout_marginBottom="8dp"
                android:layout_marginEnd="5dp"
                android:layout_marginStart="5dp"
                android:hint="@string/firm_name"
                android:padding="5dp"
                app:layout_constraintTop_toTopOf="parent"/>

        <AutoCompleteTextView
                android:id="@+id/identifier"
                android:layout_height="50dp"
                android:layout_width="0dp"
                android:padding="5dp"
                android:textSize="16sp"
                android:textAllCaps="true"
                android:hint="@string/code_article"
                android:background="@drawable/rounded_edittext"
                android:layout_toStartOf="@+id/add"
                app:layout_constraintEnd_toStartOf="@+id/add"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@id/partyname"/>
        <Button
                android:id="@+id/add"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:background="@drawable/rounded_buttons"
                android:text="@string/add"
                android:textAllCaps="true"
                android:textSize="18sp"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/partyname"/>

       <ListView
            android:layout_width="0dp"
            android:layout_height="0dp"
            tools:listitem="Add items here"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toBottomOf="@id/add"
            app:layout_constraintBottom_toBottomOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

【讨论】：

所以我不需要删除嵌套布局？并使用 layout_width="0dp"，它不会抛出任何警告吗？
约束布局的目的是帮助减少嵌套视图的数量。您不需要在约束布局中使用线性布局。约束允许我们使用“约束”来布局子视图定义布局中不同视图之间基于位置的关系。
试过这段代码，没用。我应该说清楚，我面临的问题是在设计模式下没有预览列表视图。我正在添加输出的屏幕截图，以进一步澄清。