如何在ConstraintLayout中添加障碍

Question

我有一个使用RelativeLayout和LinearLayout创建的布局。我在ConstraintLayout中重新创建它时遇到问题。我发现可以使用障碍来解决我的问题，但我发现这非常困难。

预期输出：

我的输出：

这是我的xml：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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:background="@color/tracmor">

     <ScrollView
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:fillViewport="true">

    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="@dimen/_3sdp"
        app:cardBackgroundColor="@color/grey"
        app:cardCornerRadius="@dimen/_3sdp"
        app:cardElevation="@dimen/_5sdp"
        app:layout_constraintTop_toTopOf="parent">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <!--For Asset-->
            <androidx.cardview.widget.CardView
                android:id="@+id/cvAsset"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_margin="@dimen/_10sdp"
                app:cardBackgroundColor="@color/white"
                app:cardCornerRadius="@dimen/_3sdp"
                app:cardElevation="@dimen/_3sdp"
                app:layout_constraintBottom_toTopOf="@+id/cvShipping"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintVertical_weight="45">

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/clAsset"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="@dimen/_10sdp">

                    <ImageView
                        android:id="@+id/ivAsset"
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_marginTop="@dimen/_10sdp"
                        android:layout_marginBottom="@dimen/_10sdp"
                        android:src="@drawable/assets"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintRight_toRightOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tvAssetStats"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="@dimen/_20sdp"
                        android:layout_marginTop="@dimen/_10sdp"
                        android:layout_marginEnd="@dimen/_20sdp"
                        android:layout_marginBottom="@dimen/_5sdp"
                        android:text="@string/assetstatistics"
                        android:textColor="@color/black"
                        android:textSize="@dimen/dashboard_Title"
                        app:layout_constraintStart_toEndOf="@+id/ivAsset"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tvAssetNo"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginBottom="@dimen/_10sdp"
                        android:textColor="@color/blue"
                        android:textSize="@dimen/dashboard_Count"
                        app:layout_constraintEnd_toStartOf="@+id/vline"
                        app:layout_constraintHorizontal_bias="0.5"
                        app:layout_constraintStart_toEndOf="@+id/ivAsset"
                        app:layout_constraintStart_toStartOf="@id/tvAssetStats"
                        app:layout_constraintTop_toBottomOf="@+id/tvAssetStats" />

                    <TextView
                        android:id="@+id/tvAssetDetail"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_marginEnd="@dimen/_20sdp"
                        android:textColor="@color/blue"
                        android:textSize="@dimen/dashboard_Count"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintHorizontal_bias="0.5"
                        app:layout_constraintStart_toEndOf="@+id/vline"
                        app:layout_constraintTop_toBottomOf="@+id/tvAssetStats" />

                    <View
                        android:id="@+id/vline"
                        android:layout_width="@dimen/_1sdp"
                        android:layout_height="@dimen/dashboard_Count"
                        android:layout_marginStart="@dimen/_5sdp"
                        android:layout_marginTop="@dimen/_4sdp"
                        android:layout_marginEnd="@dimen/_5sdp"
                        android:background="@color/grey2"
                        app:layout_constraintEnd_toStartOf="@+id/tvAssetDetail"
                        app:layout_constraintHorizontal_bias="0.5"
                        app:layout_constraintStart_toEndOf="@+id/tvAssetNo"
                        app:layout_constraintTop_toBottomOf="@+id/tvAssetStats" />

                </androidx.constraintlayout.widget.ConstraintLayout>
            </androidx.cardview.widget.CardView>

            <!--For Shipping-->
            <androidx.cardview.widget.CardView
                android:id="@+id/cvShipping"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_gravity="center"
                android:layout_margin="@dimen/_10sdp"
                app:cardBackgroundColor="@color/white"
                app:cardCornerRadius="@dimen/_3sdp"
                app:cardElevation="@dimen/_3sdp"

                app:layout_constraintBottom_toTopOf="@+id/cvReceipt"

                app:layout_constraintTop_toBottomOf="@+id/cvAsset"
                app:layout_constraintVertical_weight="45">

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/clShipping"
                    android:layout_width="match_parent"

                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="@dimen/_10sdp">

                    <ImageView
                        android:id="@+id/ivShipping"
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_marginTop="@dimen/_10sdp"
                        android:layout_marginBottom="@dimen/_10sdp"
                        android:src="@drawable/shipping"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintRight_toRightOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tvShippingStats"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="@dimen/_20sdp"
                        android:layout_marginTop="@dimen/_10sdp"
                        android:layout_marginEnd="@dimen/_20sdp"
                        android:layout_marginBottom="@dimen/_5sdp"
                        android:text="@string/shippingactivity"
                        android:textColor="@color/black"
                        android:textSize="@dimen/dashboard_Title"
                        app:layout_constraintStart_toEndOf="@+id/ivShipping"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tvShippingNo"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginBottom="@dimen/_10sdp"
                        android:textColor="@color/blue"
                        android:textSize="@dimen/dashboard_Count"
                        app:layout_constraintEnd_toStartOf="@+id/vlineS"
                        app:layout_constraintHorizontal_bias="0.5"
                        app:layout_constraintStart_toEndOf="@+id/ivShipping"
                        app:layout_constraintStart_toStartOf="@id/tvShippingStats"
                        app:layout_constraintTop_toBottomOf="@+id/tvShippingStats" />

                    <TextView
                        android:id="@+id/tvShipppingDetail"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_marginEnd="@dimen/_20sdp"
                        android:textColor="@color/blue"
                        android:textSize="@dimen/dashboard_Count"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintHorizontal_bias="0.5"
                        app:layout_constraintStart_toEndOf="@+id/vlineS"
                        app:layout_constraintTop_toBottomOf="@+id/tvShippingStats" />

                    <View
                        android:id="@+id/vlineS"
                        android:layout_width="@dimen/_1sdp"
                        android:layout_height="@dimen/dashboard_Count"
                        android:layout_marginStart="@dimen/_5sdp"
                        android:layout_marginTop="@dimen/_4sdp"
                        android:layout_marginEnd="@dimen/_5sdp"
                        android:background="@color/grey2"
                        app:layout_constraintEnd_toStartOf="@+id/tvShipppingDetail"
                        app:layout_constraintHorizontal_bias="0.5"
                        app:layout_constraintStart_toEndOf="@+id/tvShippingNo"
                        app:layout_constraintTop_toBottomOf="@+id/tvShippingStats" />

                </androidx.constraintlayout.widget.ConstraintLayout>
            </androidx.cardview.widget.CardView>

            <!--For Receipt-->
            <androidx.cardview.widget.CardView
                android:id="@+id/cvReceipt"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_gravity="center"
                android:layout_margin="@dimen/_10sdp"
                app:cardBackgroundColor="@color/white"
                app:cardCornerRadius="@dimen/_3sdp"
                app:cardElevation="@dimen/_3sdp"
                app:layout_constraintBottom_toTopOf="@+id/cvkb"

                app:layout_constraintTop_toBottomOf="@+id/cvShipping"
                app:layout_constraintVertical_weight="45">

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/clReceipt"
                    android:layout_width="match_parent"

                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="@dimen/_10sdp">

                    <ImageView
                        android:id="@+id/ivReceipt"
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_marginTop="@dimen/_10sdp"
                        android:layout_marginBottom="@dimen/_10sdp"
                        android:src="@drawable/receiving"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintRight_toRightOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tvReceiptStats"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="@dimen/_20sdp"
                        android:layout_marginTop="@dimen/_10sdp"
                        android:layout_marginEnd="@dimen/_20sdp"
                        android:layout_marginBottom="@dimen/_5sdp"
                        android:text="@string/receivingactivity"
                        android:textColor="@color/black"
                        android:textSize="@dimen/dashboard_Title"
                        app:layout_constraintStart_toEndOf="@+id/ivReceipt"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tvReceivingNo"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginBottom="@dimen/_10sdp"
                        android:textColor="@color/blue"
                        android:textSize="@dimen/dashboard_Count"
                        app:layout_constraintEnd_toStartOf="@+id/vlineR"
                        app:layout_constraintHorizontal_bias="0.5"
                        app:layout_constraintStart_toEndOf="@+id/ivReceipt"
                        app:layout_constraintStart_toStartOf="@id/tvReceiptStats"
                        app:layout_constraintTop_toBottomOf="@+id/tvReceiptStats" />

                    <TextView
                        android:id="@+id/tvReceivingDetail"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_marginEnd="@dimen/_20sdp"
                        android:textColor="@color/blue"
                        android:textSize="@dimen/dashboard_Count"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintHorizontal_bias="0.5"
                        app:layout_constraintStart_toEndOf="@+id/vlineR"
                        app:layout_constraintTop_toBottomOf="@+id/tvReceiptStats" />

                    <View
                        android:id="@+id/vlineR"
                        android:layout_width="@dimen/_1sdp"
                        android:layout_height="@dimen/dashboard_Count"
                        android:layout_marginStart="@dimen/_5sdp"
                        android:layout_marginTop="@dimen/_4sdp"
                        android:layout_marginEnd="@dimen/_5sdp"
                        android:background="@color/grey2"
                        app:layout_constraintEnd_toStartOf="@+id/tvReceivingDetail"
                        app:layout_constraintHorizontal_bias="0.5"
                        app:layout_constraintStart_toEndOf="@+id/tvReceivingNo"
                        app:layout_constraintTop_toBottomOf="@+id/tvReceiptStats" />

                </androidx.constraintlayout.widget.ConstraintLayout>
            </androidx.cardview.widget.CardView>


                <!--For Knowledgebase-->
            <androidx.cardview.widget.CardView
                android:id="@+id/cvkb"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_margin="@dimen/_10sdp"
                app:cardBackgroundColor="@color/white"
                app:cardCornerRadius="@dimen/_3sdp"
                app:cardElevation="@dimen/_3sdp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toStartOf="@+id/guideline"
                app:layout_constraintHorizontal_bias="0.5"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/cvReceipt"
                app:layout_constraintVertical_weight="65">

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/clKb"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="@dimen/_10sdp">

                    <ImageView
                        android:id="@+id/ivKnowledgebase"
                        android:layout_width="wrap_content"
                        android:layout_height="0dp"
                        android:src="@drawable/knowledge"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintRight_toRightOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:layout_margin="@dimen/_10sdp"
                        android:gravity="center"
                        android:text="@string/knowledgebase"
                        android:textColor="@color/black"
                        android:textSize="@dimen/dashboard_Title"
                        app:layout_constraintTop_toBottomOf="@+id/ivKnowledgebase" />

                </androidx.constraintlayout.widget.ConstraintLayout>
            </androidx.cardview.widget.CardView>


            <!-- <View
                            android:layout_width="0dp"
                            android:layout_height="0dp"
                            app:layout_constraintBottom_toBottomOf="@+id/cvkb"
                            app:layout_constraintStart_toEndOf="@+id/cvkb"
                            app:layout_constraintTop_toBottomOf="@+id/cvReceipt"
                            app:layout_constraintWidth_percent=".02" />
            -->
            <!--For RequestSupport-->
            <androidx.cardview.widget.CardView
                android:id="@+id/cvRS"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_margin="@dimen/_10sdp"
                app:cardBackgroundColor="@color/white"
                app:cardCornerRadius="@dimen/_3sdp"
                app:cardElevation="@dimen/_3sdp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintHorizontal_bias="0.5"
                app:layout_constraintStart_toEndOf="@id/guideline"
                app:layout_constraintTop_toBottomOf="@+id/cvReceipt"
                app:layout_constraintVertical_weight="65"

                >

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/clRS"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="@dimen/_10sdp">

                    <ImageView
                        android:id="@+id/ivRequestSupport"
                        android:layout_width="wrap_content"
                        android:layout_height="0dp"
                        android:src="@drawable/request"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintRight_toRightOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:layout_margin="@dimen/_10sdp"
                        android:gravity="center"
                        android:text="@string/requestsupport"
                        android:textColor="@color/black"
                        android:textSize="@dimen/dashboard_Title"
                        app:layout_constraintTop_toBottomOf="@+id/ivRequestSupport" />

                </androidx.constraintlayout.widget.ConstraintLayout>
            </androidx.cardview.widget.CardView>

            <!-- <android.support.constraint.Barrier
                            android:id="@+id/barrier"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            app:barrierDirection="end"
                            app:constraint_referenced_ids="cvkb,cvRS" />
            -->

            <androidx.constraintlayout.widget.Guideline
                android:id="@+id/guideline"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                app:layout_constraintGuide_percent="0.5" />
        </androidx.constraintlayout.widget.ConstraintLayout>
    </androidx.cardview.widget.CardView>
    </ScrollView>
</androidx.constraintlayout.widget.ConstraintLayout>

除了请求支持CardView之外，其他一切都几乎正确

Edit：当我旋转设备时，视图仍然保持约束，但是布局被压缩，并且当我重定向到其他片段时，约束布局在第一次启动时不显示某些图像和文本，然后它显示了所有图像和文本。landscapefirstlaunch

Answer 1

更改具有CardView的android:id="@+id/cvRS"就像这样

<androidx.cardview.widget.CardView
                android:id="@+id/cvRS"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_marginEnd="@dimen/_10sdp"
                android:layout_marginStart="@dimen/_10sdp"
                app:cardBackgroundColor="@color/white"
                app:cardCornerRadius="@dimen/_3sdp"
                app:cardElevation="@dimen/_3sdp"
                app:layout_constraintBottom_toBottomOf="@id/cvkb"// this do the trick
                app:layout_constraintTop_toTopOf="@id/cvkb" //
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintHorizontal_bias="0.5"
                app:layout_constraintStart_toEndOf="@id/guideline"
                app:layout_constraintVertical_weight="65"
                >

编辑：检查完整的布局文件

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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"
android:background="@color/tracmor">

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true">

    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="@dimen/_3sdp"
        app:cardBackgroundColor="@color/grey"
        app:cardCornerRadius="@dimen/_3sdp"
        app:cardElevation="@dimen/_5sdp"
        app:layout_constraintTop_toTopOf="parent">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <!--For Asset-->
            <androidx.cardview.widget.CardView
                android:id="@+id/cvAsset"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_margin="@dimen/_10sdp"
                app:cardBackgroundColor="@color/white"
                app:cardCornerRadius="@dimen/_3sdp"
                app:cardElevation="@dimen/_3sdp"
                app:layout_constraintBottom_toTopOf="@+id/cvShipping"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintVertical_weight="45">

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/clAsset"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="@dimen/_10sdp">

                    <ImageView
                        android:id="@+id/ivAsset"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/assets"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tvAssetStats"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="@dimen/_20sdp"
                        android:text="@string/assetstatistics"
                        android:textColor="@color/black"
                        android:textSize="@dimen/dashboard_Title"
                        app:layout_constraintBottom_toTopOf="@id/tvAssetNo"
                        app:layout_constraintStart_toEndOf="@+id/ivAsset"
                        app:layout_constraintTop_toTopOf="@id/ivAsset"
                        app:layout_constraintVertical_chainStyle="packed" />

                    <TextView
                        android:id="@+id/tvAssetNo"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:text="testValue1"
                        android:textColor="@color/blue"
                        android:textSize="@dimen/dashboard_Count"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toStartOf="@+id/vline"
                        app:layout_constraintStart_toStartOf="@id/tvAssetStats"
                        app:layout_constraintTop_toBottomOf="@+id/tvAssetStats" />

                    <TextView
                        android:id="@+id/tvAssetDetail"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:gravity="center"
                        android:text="testValue1"
                        android:textColor="@color/blue"
                        android:textSize="@dimen/dashboard_Count"
                        app:layout_constraintBottom_toBottomOf="@id/tvAssetNo"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toEndOf="@+id/vline"
                        app:layout_constraintTop_toTopOf="@+id/tvAssetNo" />

                    <View
                        android:id="@+id/vline"
                        android:layout_width="@dimen/_1sdp"
                        android:layout_height="@dimen/dashboard_Count"
                        android:background="@color/grey2"
                        app:layout_constraintBottom_toBottomOf="@id/tvAssetNo"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintHorizontal_bias="0.5"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="@id/tvAssetNo" />

                </androidx.constraintlayout.widget.ConstraintLayout>
            </androidx.cardview.widget.CardView>

            <!--For Shipping-->
            <androidx.cardview.widget.CardView
                android:id="@+id/cvShipping"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_gravity="center"
                android:layout_margin="@dimen/_10sdp"
                app:cardBackgroundColor="@color/white"
                app:cardCornerRadius="@dimen/_3sdp"
                app:cardElevation="@dimen/_3sdp"
                app:layout_constraintBottom_toTopOf="@+id/cvReceipt"

                app:layout_constraintTop_toBottomOf="@+id/cvAsset"
                app:layout_constraintVertical_weight="45">

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/clShipping"
                    android:layout_width="match_parent"

                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="@dimen/_10sdp">

                    <ImageView
                        android:id="@+id/ivShipping"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/shipping"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tvShippingStats"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="@dimen/_20sdp"
                        android:text="@string/shippingactivity"
                        android:textColor="@color/black"
                        android:textSize="@dimen/dashboard_Title"
                        app:layout_constraintBottom_toTopOf="@id/tvShippingNo"
                        app:layout_constraintStart_toEndOf="@+id/ivShipping"
                        app:layout_constraintTop_toTopOf="@id/ivShipping"
                        app:layout_constraintVertical_chainStyle="packed" />

                    <TextView
                        android:id="@+id/tvShippingNo"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginBottom="@dimen/_10sdp"
                        android:text="testValue2"
                        android:textColor="@color/blue"
                        android:textSize="@dimen/dashboard_Count"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toStartOf="@+id/vlineS"
                        app:layout_constraintStart_toStartOf="@id/tvShippingStats"
                        app:layout_constraintTop_toBottomOf="@+id/tvShippingStats" />

                    <TextView
                        android:id="@+id/tvShipppingDetail"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:gravity="center"
                        android:text="testValue2"
                        android:textColor="@color/blue"
                        android:textSize="@dimen/dashboard_Count"
                        app:layout_constraintBottom_toBottomOf="@id/tvShippingNo"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toEndOf="@+id/vlineS"
                        app:layout_constraintTop_toTopOf="@+id/tvShippingNo" />

                    <View
                        android:id="@+id/vlineS"
                        android:layout_width="@dimen/_1sdp"
                        android:layout_height="@dimen/dashboard_Count"
                        android:background="@color/grey2"
                        app:layout_constraintBottom_toBottomOf="@id/tvShippingNo"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintHorizontal_bias="0.5"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="@id/tvShippingNo" />

                </androidx.constraintlayout.widget.ConstraintLayout>
            </androidx.cardview.widget.CardView>

            <!--For Receipt-->
            <androidx.cardview.widget.CardView
                android:id="@+id/cvReceipt"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_gravity="center"
                android:layout_margin="@dimen/_10sdp"
                app:cardBackgroundColor="@color/white"
                app:cardCornerRadius="@dimen/_3sdp"
                app:cardElevation="@dimen/_3sdp"
                app:layout_constraintBottom_toTopOf="@+id/cvkb"

                app:layout_constraintTop_toBottomOf="@+id/cvShipping"
                app:layout_constraintVertical_weight="45">

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/clReceipt"
                    android:layout_width="match_parent"

                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="@dimen/_10sdp">

                    <ImageView
                        android:id="@+id/ivReceipt"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/receiving"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tvReceiptStats"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="@dimen/_20sdp"
                        android:text="@string/receivingactivity"
                        android:textColor="@color/black"
                        android:textSize="@dimen/dashboard_Title"
                        app:layout_constraintBottom_toTopOf="@id/tvReceivingNo"
                        app:layout_constraintStart_toEndOf="@+id/ivReceipt"
                        app:layout_constraintTop_toTopOf="@id/ivReceipt"
                        app:layout_constraintVertical_chainStyle="packed" />

                    <TextView
                        android:id="@+id/tvReceivingNo"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginBottom="@dimen/_10sdp"
                        android:text="testValue3"
                        android:textColor="@color/blue"
                        android:textSize="@dimen/dashboard_Count"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toStartOf="@+id/vlineR"
                        app:layout_constraintStart_toStartOf="@id/tvReceiptStats"
                        app:layout_constraintTop_toBottomOf="@+id/tvReceiptStats" />

                    <TextView
                        android:id="@+id/tvReceivingDetail"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_marginEnd="@dimen/_20sdp"
                        android:gravity="center"
                        android:text="testValue3"
                        android:textColor="@color/blue"
                        android:textSize="@dimen/dashboard_Count"
                        app:layout_constraintBottom_toBottomOf="@id/tvReceivingNo"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toEndOf="@+id/vlineR"
                        app:layout_constraintTop_toTopOf="@+id/tvReceivingNo" />

                    <View
                        android:id="@+id/vlineR"
                        android:layout_width="@dimen/_1sdp"
                        android:layout_height="@dimen/dashboard_Count"
                        android:background="@color/grey2"
                        app:layout_constraintBottom_toBottomOf="@id/tvReceivingNo"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintHorizontal_bias="0.5"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="@id/tvReceivingNo" />

                </androidx.constraintlayout.widget.ConstraintLayout>
            </androidx.cardview.widget.CardView>


            <!--For Knowledgebase-->
            <androidx.cardview.widget.CardView
                android:id="@+id/cvkb"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_margin="@dimen/_10sdp"
                app:cardBackgroundColor="@color/white"
                app:cardCornerRadius="@dimen/_3sdp"
                app:cardElevation="@dimen/_3sdp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toStartOf="@+id/guideline"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/cvReceipt"
                app:layout_constraintVertical_weight="65">

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/clKb"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="@dimen/_4sdp">

                    <ImageView
                        android:id="@+id/ivKnowledgebase"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/knowledge"
                        app:layout_constraintBottom_toTopOf="@id/tv_knowledge"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent"
                        app:layout_constraintVertical_chainStyle="spread" />

                    <TextView
                        android:id="@+id/tv_knowledge"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:gravity="center"
                        android:text="@string/knowledgebase"
                        android:textColor="@color/black"
                        android:textSize="@dimen/dashboard_Title"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@+id/ivKnowledgebase" />

                </androidx.constraintlayout.widget.ConstraintLayout>
            </androidx.cardview.widget.CardView>


            <!-- <View
                            android:layout_width="0dp"
                            android:layout_height="0dp"
                            app:layout_constraintBottom_toBottomOf="@+id/cvkb"
                            app:layout_constraintStart_toEndOf="@+id/cvkb"
                            app:layout_constraintTop_toBottomOf="@+id/cvReceipt"
                            app:layout_constraintWidth_percent=".02" />
            -->
            <!--For RequestSupport-->
            <androidx.cardview.widget.CardView
                android:id="@+id/cvRS"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_marginStart="@dimen/_10sdp"
                android:layout_marginEnd="@dimen/_10sdp"
                app:cardBackgroundColor="@color/white"
                app:cardCornerRadius="@dimen/_3sdp"
                app:cardElevation="@dimen/_3sdp"
                app:layout_constraintBottom_toBottomOf="@id/cvkb"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@id/guideline"
                app:layout_constraintTop_toTopOf="@id/cvkb"
                app:layout_constraintVertical_weight="65"

                >

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/clRS"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="@dimen/_4sdp">

                    <ImageView
                        android:id="@+id/ivRequestSupport"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/request"
                        app:layout_constraintBottom_toTopOf="@id/tv_support"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent"
                        app:layout_constraintVertical_chainStyle="spread"
                        />

                    <TextView
                        android:id="@+id/tv_support"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:gravity="center"
                        android:textColor="@color/black"
                        android:textSize="@dimen/dashboard_Title"
                        android:text="@string/requestsupport"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@+id/ivRequestSupport" />

                </androidx.constraintlayout.widget.ConstraintLayout>
            </androidx.cardview.widget.CardView>

            <!-- <android.support.constraint.Barrier
                            android:id="@+id/barrier"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            app:barrierDirection="end"
                            app:constraint_referenced_ids="cvkb,cvRS" />
            -->

            <androidx.constraintlayout.widget.Guideline
                android:id="@+id/guideline"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                app:layout_constraintGuide_percent="0.5" />
        </androidx.constraintlayout.widget.ConstraintLayout>
    </androidx.cardview.widget.CardView>
</ScrollView>

检查此image以获得最终输出