2017-09-15 73 views
2

好的,这里是我的活动的XML。有一个问题学习约束布局

<?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> 

这是我结束的观点。

What the look looks like when rendered in the emulator.

刚学,所以我是新来的约束东西。他们的工作方式与我的iOS生活有点不同,并试图学习。

回答

0

当然,你有错误。我看到了你的布局几个问题:

  1. 你缺少你ListViewconstraintTop - >您ListView将成为wrap_content高度和底部对齐。
  2. 你告诉你的ToolBarconstraintTopParentconstraintBottomListView - >这就是为什么你ToolBar是在顶部ListView和顶部Parent中间。

为了解决您的问题,只是删除您toolBarconstraintBottom并添加ListViewconstraintTop到工具栏的底部。

0

ListView缺少在其顶部约束:

app:layout_constraintTop_toBottomOf="@+id/toolbar" 

布局工具应某处显示一个警告信息,告诉你这将被重新定位或将是错误的大小,因为你的身高是0dp。它会告诉你添加另一个约束。

如果你的身高是0,那么你需要在视图的顶部和底部有一个约束。如果您的宽度为0,则需要对视图的左侧和右侧进行约束。

0
  • 试试这个(在脑海使用约束熊我们已经4-constraintstop,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> 

+0

您忘记了ListView中的顶部约束 –