fragment_demo_home.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>
        <import type="android.view.View"/>
        <variable
            name="viewModel"
            type="com.wmdigit.cateringdetect.demo.ui.viewmodel.DemoHomeViewModel" />
    </data>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".ui.fragment.DemoHomeFragment">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/gray_d9d9d9"
            android:padding="@dimen/dp_10">

            <!--垂直平分线-->
            <androidx.constraintlayout.widget.Guideline
                android:id="@+id/gl_v_50"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                app:layout_constraintGuide_percent="0.50"/>

            <!--水平线0.60-->
            <androidx.constraintlayout.widget.Guideline
                android:id="@+id/gl_h_60"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                app:layout_constraintGuide_percent="0.60"/>

            <!--购物车-->
            <androidx.constraintlayout.widget.ConstraintLayout
                android:layout_width="@dimen/dp_0"
                android:layout_height="@dimen/dp_0"
                android:layout_marginEnd="@dimen/dp_5"
                android:background="@drawable/rect_10_white"
                android:paddingTop="@dimen/dp_20"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintEnd_toStartOf="@+id/gl_v_50"
                app:layout_constraintBottom_toBottomOf="parent">

                <!--水平分割商品列表和支付栏-->
                <androidx.constraintlayout.widget.Guideline
                    android:id="@+id/gl_cart_h_88"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    app:layout_constraintGuide_percent="0.88"
                    />

                <!--垂直分割应付款和支付按钮-->
                <androidx.constraintlayout.widget.Guideline
                    android:id="@+id/gl_cart_v_75"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    app:layout_constraintGuide_percent="0.75"/>

                <!--标题栏-->
                <LinearLayout
                    android:id="@+id/ll_cart_title"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:paddingVertical="@dimen/dp_15"
                    android:paddingHorizontal="@dimen/dp_28"
                    app:layout_constraintTop_toTopOf="parent">

                    <!--名称-->
                    <TextView
                        style="@style/text_base.content"
                        android:text="@string/product_name"
                        android:layout_width="0dp"
                        android:layout_weight="48"
                        />

                    <!--单价-->
                    <TextView
                        style="@style/text_base.content"
                        android:text="@string/unit_price"
                        android:layout_width="0dp"
                        android:layout_weight="25"
                        android:gravity="center"
                        />

                    <!--数量-->
                    <TextView
                        style="@style/text_base.content"
                        android:text="@string/quantity"
                        android:layout_width="0dp"
                        android:layout_weight="25"
                        android:gravity="center"
                        />

                    <!--金额-->
                    <TextView
                        style="@style/text_base.content"
                        android:text="@string/amount"
                        android:layout_width="0dp"
                        android:layout_weight="25"
                        android:gravity="center"
                        />

                    <!--操作-->
                    <TextView
                        style="@style/text_base.content"
                        android:layout_width="0dp"
                        android:layout_weight="10"
                        android:gravity="center"
                        android:text="@string/operate"
                        />

                </LinearLayout>

                <!--分割线-->
                <View
                    android:id="@+id/split_line_1"
                    style="@style/split_line_base"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/ll_cart_title"/>

                <!--暂无购物车信息-->
                <!--<ImageView
                    android:id="@+id/img_empty_cart"
                    android:layout_width="@dimen/dp_250"
                    android:layout_height="wrap_content"
                    android:src="@drawable/bg_empty_data"
                    android:adjustViewBounds="true"
                    android:visibility="@{viewModel.shoppingCartListSize == 0 ? View.VISIBLE : View.INVISIBLE}"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintBottom_toTopOf="@+id/gl_cart_h_88"
                    app:layout_constraintTop_toBottomOf="@+id/split_line_1"/>-->
                
                <TextView
                    style="@style/text_base.content"
                    android:text="@string/no_products_in_cart"
                    android:layout_marginTop="@dimen/dp_60"
                    android:visibility="@{viewModel.shoppingCartListSize == 0 ? View.VISIBLE : View.INVISIBLE}"
                    app:layout_constraintTop_toBottomOf="@+id/split_line_1"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintEnd_toEndOf="parent"/>

                <!--购物车列表-->
                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/rv_shopping_cart"
                    android:layout_width="match_parent"
                    android:layout_height="@dimen/dp_0"
                    android:visibility="@{viewModel.shoppingCartListSize == 0 ? View.INVISIBLE : View.VISIBLE}"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/split_line_1"
                    app:layout_constraintBottom_toTopOf="@+id/gl_cart_h_88"/>

                <!--应付款：-->
                <TextView
                    android:id="@+id/tv_dues"
                    style="@style/text_base.content"
                    android:layout_width="@dimen/dp_0"
                    android:layout_height="@dimen/dp_0"
                    android:text="@{viewModel.dues}"
                    android:textSize="@dimen/sp_32"
                    android:paddingStart="@dimen/dp_28"
                    android:textColor="@color/white"
                    android:gravity="center_vertical"
                    android:background="@drawable/rect_bl_10_deep_blue"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/gl_cart_h_88"
                    app:layout_constraintEnd_toStartOf="@+id/gl_cart_v_75"
                    />

                <!--清单-->
                <TextView
                    android:id="@+id/tv_clear_shopping_cart"
                    style="@style/text_base.content"
                    android:text="@string/clear_shopping_cart"
                    android:textColor="@color/white"
                    android:gravity="center_vertical"
                    android:background="@drawable/rect_bl_10_deep_blue"
                    android:layout_marginEnd="@dimen/dp_30"
                    android:visibility="@{viewModel.shoppingCartListSize == 0 ? View.INVISIBLE : View.VISIBLE}"
                    android:onClick="@{()->viewModel.deleteShoppingCart(-1)}"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/gl_cart_h_88"
                    app:layout_constraintEnd_toStartOf="@+id/gl_cart_v_75"
                    />

                <!--支付按钮-->
                <TextView
                    android:id="@+id/tv_pay"
                    style="@style/text_base.content"
                    android:layout_width="@dimen/dp_0"
                    android:layout_height="@dimen/dp_0"
                    android:text="@{viewModel.goPay}"
                    android:textSize="@dimen/sp_32"
                    android:textColor="@color/white"
                    android:gravity="center"
                    android:background="@drawable/sel_rect_br_10_red_gray"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toEndOf="@+id/gl_cart_v_75"
                    app:layout_constraintTop_toBottomOf="@id/gl_cart_h_88"
                    />

            </androidx.constraintlayout.widget.ConstraintLayout>

            <!--待识别的商品图片列表-->
            <androidx.constraintlayout.widget.ConstraintLayout
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_marginStart="@dimen/dp_5"
                android:layout_marginBottom="@dimen/dp_5"
                android:padding="@dimen/dp_5"
                android:background="@drawable/rect_10_white"
                app:layout_constraintStart_toEndOf="@+id/gl_v_50"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintBottom_toTopOf="@+id/gl_h_60"
                app:layout_constraintEnd_toEndOf="parent">

                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/rv_demo_images"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"/>

            </androidx.constraintlayout.widget.ConstraintLayout>

            <!--识别结果-->
            <androidx.constraintlayout.widget.ConstraintLayout
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_marginTop="@dimen/dp_5"
                android:layout_marginStart="@dimen/dp_5"
                android:background="@drawable/rect_10_white"
                android:padding="@dimen/dp_10"
                app:layout_constraintTop_toBottomOf="@+id/gl_h_60"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toEndOf="@+id/gl_v_50">

                <androidx.constraintlayout.widget.Guideline
                    android:id="@+id/gl_result_v_70"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    app:layout_constraintGuide_percent="0.70"/>

                <!--存放识别结果的图-->
                <ImageView
                    android:id="@+id/img_result"
                    android:layout_width="@dimen/dp_0"
                    android:layout_height="@dimen/dp_0"
                    android:adjustViewBounds="true"
                    android:background="@drawable/rect_10_e0e0e0"
                    android:layout_marginEnd="@dimen/dp_5"
                    app:image="@{viewModel.detectResultBitmap}"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    app:layout_constraintEnd_toStartOf="@+id/gl_result_v_70"
                    app:layout_constraintBottom_toBottomOf="parent"
                    />

                <!--未选择图片时展示的图-->
                <ImageView
                    android:id="@+id/img_no_selected"
                    android:layout_width="@dimen/dp_180"
                    android:layout_height="wrap_content"
                    android:adjustViewBounds="true"
                    android:src="@drawable/ic_no_selected_image"
                    android:layout_marginTop="@dimen/dp_50"
                    android:visibility="@{viewModel.detectResultBitmap == null ? View.VISIBLE : View.INVISIBLE}"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    app:layout_constraintEnd_toStartOf="@+id/gl_result_v_70"
                    />

                <TextView
                    style="@style/text_base.content"
                    android:text="@string/no_image_selected"
                    android:visibility="@{viewModel.detectResultBitmap == null ? View.VISIBLE : View.INVISIBLE}"
                    app:layout_constraintTop_toBottomOf="@+id/img_no_selected"
                    app:layout_constraintStart_toStartOf="@+id/img_no_selected"
                    app:layout_constraintEnd_toEndOf="@+id/img_no_selected"/>

                <!--右侧模块-->
                <androidx.constraintlayout.widget.ConstraintLayout
                    android:layout_width="@dimen/dp_0"
                    android:layout_height="match_parent"
                    android:background="@drawable/rect_10_deep_blue"
                    android:layout_marginStart="@dimen/dp_5"
                    android:padding="@dimen/dp_20"
                    app:layout_constraintStart_toEndOf="@+id/gl_result_v_70"
                    app:layout_constraintEnd_toEndOf="parent">

                    <!--品名-->
                    <TextView
                        style="@style/text_base.content"
                        android:textColor="@color/white"
                        android:textSize="@dimen/sp_32"
                        android:textStyle="bold"
                        android:layout_marginTop="@dimen/dp_50"
                        android:text="@{viewModel.detectResultProductName}"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent"
                        />

                    <!--单价-->
                    <TextView
                        style="@style/text_base.content"
                        android:textColor="@color/white"
                        android:textSize="@dimen/sp_40"
                        android:textStyle="bold"
                        android:text="@{viewModel.detectResultUnitPrice}"
                        android:layout_marginBottom="@dimen/dp_60"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintBottom_toBottomOf="parent"
                        />

                </androidx.constraintlayout.widget.ConstraintLayout>

            </androidx.constraintlayout.widget.ConstraintLayout>


        </androidx.constraintlayout.widget.ConstraintLayout>

    </FrameLayout>
</layout>