Question

我的布局看起来像这样：

<android.support.v7.widget.CardView
    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="wrap_content"
    android:background="@color/silver"
    >

    <android.support.constraint.ConstraintLayout
        android:id="@+id/newsListItemView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >

        <ImageView
            android:id="@+id/ivImage"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:adjustViewBounds="false"
            android:scaleType="centerCrop"
            android:src="@drawable/sample_picture"
            app:layout_constraintHorizontal_bias="0.43"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            tools:layout_height="150dp">
        </ImageView>

        <ImageButton
            android:id="@+id/btnLike"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:layout_marginEnd="16dp"
            android:layout_marginTop="8dp"
            android:background="@drawable/bg_oval_vd_wrap"
            app:layout_constraintBottom_toBottomOf="@+id/ivImage"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/ivImage"
            app:srcCompat="@drawable/ic_hearth_off"/>

        <TextView
            android:id="@+id/tvDate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="16dp"
            android:layout_marginTop="8dp"
            android:text="TextView"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/btnLike"/>

        <TextView
            android:id="@+id/tvVotes"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="16dp"
            android:layout_marginTop="8dp"
            android:text="TextView"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/btnLike"/>

        <TextView
            android:id="@+id/tvContent"
            android:layout_width="288dp"
            android:layout_height="wrap_content"
            android:layout_marginBottom="16dp"
            android:layout_marginEnd="16dp"
            android:layout_marginStart="16dp"
            android:layout_marginTop="16dp"
            android:text="TextView"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintHorizontal_bias="0.52"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/tvDate"/>

    </android.support.constraint.ConstraintLayout>

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

以下是预览的样子：

正如您所见，蓝图（右侧）上的布局正确呈现。在预览（也在真实设备上），如按钮（带有炉膛的白色按钮）的位置不好，即使它的轮廓正确显示。我该如何解决？这是正确的行为吗？我使用的是ConstraintLatout beta 4.我应该向google报告这个吗？

Answer 1

我尝试了一个示例项目，但我没有发现同样的问题因为我认为这与

有关

    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintHorizontal_bias="0.43"
    app:layout_constraintTop_toTopOf="parent"
    tools:layout_height="150dp"

如果您添加了layout_constraintHorizontal_bias，则

layout_constraintBottom_toBottomOf="parent"可以正常工作但它没有达到你想要的效果

更好的解决方案是添加
android:layout_height="150dp"而非tools:layout_height="150dp" 并删除app:layout_constraintHorizontal_bias="0.43"

即使蓝图正常，ConstraintLayout也会在预览时显示错误的布局

1 个答案: