学习约束布局有问题

Question

好的，这是我的 XML 和我的 activity。

<?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"
    tools:context="com.example.xxx.listview.MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="0dp"
        android:layout_height="120dp"
        android:background="@android:color/holo_red_light"
        android:minHeight="?attr/actionBarSize"
        android:theme="?attr/actionBarTheme"
        app:layout_constraintBottom_toTopOf="@+id/main_listview"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <ListView
        android:id="@+id/main_listview"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        tools:layout_constraintBottom_creator="1"
        tools:layout_constraintLeft_creator="1"
        tools:layout_constraintRight_creator="1"
        tools:layout_constraintTop_creator="1"></ListView>


</android.support.constraint.ConstraintLayout>

这是我最终得到的视图。

刚刚学习，所以我不熟悉约束。他们的工作方式与我的 iOS 生活和努力学习有些不同。

Answer 1

您的 ListView 顶部缺少约束：

app:layout_constraintTop_toBottomOf="@+id/toolbar"

布局工具应该在某处显示警告，告诉您它将重新定位或尺寸错误，因为您的高度为 0dp。它会告诉你添加另一个约束。

如果您的高度为 0，那么您需要对视图的顶部和底部进行约束。如果您的宽度为 0，则您需要在视图的左侧和右侧进行约束。

Answer 2

试试这个（通过使用约束记住我们 4-constraints top,bottom,left and Right）
我们必须这样使用

<?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"
android:id="@+id/cl_layout"
tools:context="com.example.xxx.listview.MainActivity">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/holo_red_light"
    android:minHeight="?attr/actionBarSize"
    android:theme="?attr/actionBarTheme"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintRight_toRightOf="parent"
   app:layout_constraintBottom_toTopOf="@+id/main_listview"/>

<ListView
    android:id="@+id/main_listview"
    android:layout_width="wrap_content"
    android:layout_height="0dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/toolbar"></ListView>

Answer 3

当然，你有错误。我发现您的布局几乎没有问题：

您缺少 ListView 的 constraintTop --> 您的 ListView 将变为 wrap_content 高度并对齐底部。
你告诉你的 ToolBar constraintTop 到 Parent 和 constraintBottom 到 ListView --> 这就是为什么你的 ToolBar在顶部 ListView 和顶部 Parent.

要解决您的问题，只需删除 toolBar 的 constraintBottom 并将 ListView 的 constraintTop 添加到工具栏底部。

学习约束布局有问题

Having an issue learning constraint layout

android

android-constraintlayout