Question

我试图让这两张牌水平对齐，每边都有8dp边距。

这样的事情：

我尝试过使用约束布局并将卡片的比例设置为1：1，卡片是对齐的并且是正方形但是它们非常小而且与整个布局不匹配。

这是我的布局：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/background"
    android:orientation="vertical">

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:background="@color/background">

        <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
            android:id="@+id/card1"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            card_view:cardBackgroundColor="@color/cards"
            card_view:cardCornerRadius="2dp"
            card_view:cardElevation="2dp"
            card_view:layout_constraintDimensionRatio="1:1"
            card_view:layout_constraintHorizontal_chainStyle="spread_inside"
            card_view:layout_constraintHorizontal_weight="2"
            card_view:layout_constraintLeft_toLeftOf="parent"
            card_view:layout_constraintRight_toLeftOf="@id/card2"
            card_view:layout_constraintTop_toTopOf="parent">


            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:text="Hey"
                android:textColor="#FFFFFF" />

        </android.support.v7.widget.CardView>

        <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
            android:id="@+id/card2"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_marginEnd="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginTop="8dp"
            card_view:cardBackgroundColor="@color/cards"
            card_view:cardCornerRadius="2dp"
            card_view:cardElevation="2dp"
            card_view:layout_constraintDimensionRatio="1:1"
            card_view:layout_constraintHorizontal_chainStyle="spread_inside"
            card_view:layout_constraintHorizontal_weight="2"
            card_view:layout_constraintLeft_toRightOf="@+id/card1"
            card_view:layout_constraintRight_toRightOf="parent"
            card_view:layout_constraintTop_toTopOf="parent">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:text="Hey"
                android:textColor="#FFFFFF" />

        </android.support.v7.widget.CardView>

    </android.support.constraint.ConstraintLayout>

</LinearLayout>

这是我得到的：

我现在已经完全失去了约束布局，所以我该怎么做，我做错了什么？

感谢。

Answer 1

如果希望约束定义视图的尺寸，则必须将该尺寸设置为0dp。因此，您应该使用android:layout_width="wrap_content"替换两个CardView上的android:layout_width="0dp"个属性。

接下来，您需要确保扩展卡以填充所有可用空间。所以你应该从这两张牌中删除这两个属性：

card_view:layout_constraintHorizontal_chainStyle="spread_inside"
card_view:layout_constraintHorizontal_weight="2"

从那里开始，只需要使用边距，直到卡片看起来像你想要的那样。请注意，边距对链条应用有点奇怪（视图可以向下传递边距），因此您可能只想在第一张卡片上放置左/右边距，而您应该在两者上放置上/下边距（因为它是水平的）链，水平边距是“共享的”）。

Answer 2

hi @ Mpk605尝试将两个cardviews的宽度设置为0dp.Now，因为它们是wrap_content，cardview环绕文本，所以它看起来很小。随着文本变大，它会放大（你可以试试）。将宽度设置为0dp等于将其设置为match_parent。因此，在匹配指定的约束之后，它将填充所有可用空间。

将两张相同的卡与约束布局对齐

2 个答案: