StallDualScreen/app/src/main/res/layout/layout_user_calorie.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:gravity="center_horizontal"
    android:layout_gravity="center"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="热量"
        android:layout_marginTop="65dp"
        android:textColor="#ff5e7585"
        android:textSize="24sp"
        android:textStyle="bold" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginVertical="15dp"
        android:textColor="#ff0a1428"
        android:textSize="40sp"
        android:textStyle="bold"
        tools:text="117" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#ff5e7585"
        android:textSize="20sp"
        android:textStyle="bold"
        tools:text="kcal/100g" />

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_marginVertical="28dp"
        android:layout_marginHorizontal="28dp"
        android:background="#FFDBE5FB" />

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="154dp"
        android:layout_marginHorizontal="80dp">

        <LinearLayout
            android:id="@+id/llFat"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            app:layout_constraintEnd_toStartOf="@+id/llProtein"
            app:layout_constraintHorizontal_chainStyle="spread"
            app:layout_constraintStart_toStartOf="parent">

            <TextView
                android:id="@+id/tvFatRate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="13%"
                android:textColor="#ff5e7585"
                android:textSize="16sp" />

            <FrameLayout
                android:layout_width="29dp"
                android:layout_height="100dp"
                android:background="@drawable/bg_nutrition_rate">

                <View
                    android:id="@+id/viewFatLine"
                    android:layout_width="13dp"
                    android:layout_height="19dp"
                    android:layout_gravity="bottom|center_horizontal"
                    android:layout_marginBottom="12dp"
                    android:background="@drawable/rate_orange" />

            </FrameLayout>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="脂肪"
                android:textColor="#ff5e7585"
                android:textSize="16sp" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/llProtein"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            app:layout_constraintEnd_toStartOf="@+id/llCarbohydrate"
            app:layout_constraintStart_toEndOf="@id/llFat">

            <TextView
                android:id="@+id/tvProteinRate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="47%"
                android:textColor="#ff5e7585"
                android:textSize="16sp" />

            <FrameLayout
                android:layout_width="29dp"
                android:layout_height="100dp"
                android:background="@drawable/bg_nutrition_rate">

                <View
                    android:id="@+id/viewProteinLine"
                    android:layout_width="13dp"
                    android:layout_height="48dp"
                    android:layout_gravity="bottom|center_horizontal"
                    android:layout_marginBottom="12dp"
                    android:background="@drawable/rate_sky_blue" />

            </FrameLayout>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="蛋白质"
                android:textColor="#ff5e7585"
                android:textSize="16sp" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/llCarbohydrate"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@id/llProtein">

            <TextView
                android:id="@+id/tvCarbohydrateRate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="40%"
                android:textColor="#ff5e7585"
                android:textSize="16sp" />

            <FrameLayout
                android:layout_width="29dp"
                android:layout_height="100dp"
                android:background="@drawable/bg_nutrition_rate">

                <View
                    android:id="@+id/viewCarbohydrateLine"
                    android:layout_width="13dp"
                    android:layout_height="41dp"
                    android:layout_gravity="bottom|center_horizontal"
                    android:layout_marginBottom="12dp"
                    android:background="@drawable/rate_pink" />

            </FrameLayout>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="碳水"
                android:textColor="#ff5e7585"
                android:textSize="16sp" />
        </LinearLayout>

    </androidx.constraintlayout.widget.ConstraintLayout>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="（所示营养数据为每百克含量）"
        android:textColor="#ff889ac2"
        android:layout_marginTop="56dp"
        android:layout_marginBottom="27dp"
        android:textSize="16sp" />

</LinearLayout>