我想创建一个包含按钮和标签的盒子,里面有一个白色的纸条,通常可以通过:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_alignParentBottom=true
android:background="#99ffffff
android:gravity="center_horizontal">
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Button Text"
android:layout_margin="8dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Label Text"
android:layout_margin="8dp"/>
</LinearLayout>
</RelativeLayout>
我所做的是:
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<View
android:id="@+id/scrim
android:layout_width="0dp"
android:layout_height="0dp"
android:background="#99ffffff"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toTopOf="@+id/button"/>
<Button
android:id="@+id/button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintBottom_toTopOf="@+id/label"/>
<TextView
android:id="@+id/label
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="8dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintBottom_toBottomOf="parent"/>
</android.support.constraint.ConstraintLayout>
这样做的目的是创建一个scrim视图,该视图约束在父视图的底部和按钮的顶部,一个按钮约束在textview的顶部,一个textview约束在父视图的底部。
问题是scrim不尊重按钮的边距,即scrim的顶部与按钮的顶部齐平,而不是上面的8dp。
最佳答案
您得到的结果是预期的——您告诉scrim视图将其顶部限制在按钮的顶部——这里没有边距。约束连接到目标,并且除此之外还可以有(正)边距;边距将仅应用于现有连接。
如果我们可以使用负边距,您可以在scrim视图的顶部约束上设置一个。唉,现在还没有授权。相反,您可以使用空间视图来模拟它——将其约束到按钮的顶部,然后将scrim视图的顶部约束到空间视图的顶部,如下所示:
<android.support.constraint.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">
<View
android:id="@+id/scrim"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="#99ff00ff"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="@+id/topButton" />
<Space
android:id="@+id/topButton"
android:layout_width="8dp"
android:layout_height="8dp"
app:layout_constraintBottom_toTopOf="@+id/button"
app:layout_constraintLeft_toLeftOf="@+id/button" />
<Button
android:id="@+id/button"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:text="Button Text"
app:layout_constraintBottom_toTopOf="@+id/label"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent" />
<TextView
android:id="@+id/label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:text="Label Text"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent" />
</android.support.constraint.ConstraintLayout>