style(ui): 调料配置界面布局优化

- 添加了整体容器的圆角背景样式
- 新增了顶部标题区域,包含主标题和操作提示文字
- 统一调整了上下层调料区标题的文字大小为28sp
- 优化了RecyclerView的边距设置
- 改善了整体界面的视觉层次和用户体验
This commit is contained in:
2026-04-21 10:51:34 +08:00
parent 6d3bb96d61
commit ffdf364ee8
@@ -2,41 +2,77 @@
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@color/bg_color">
android:background="@color/bg_color"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="上层"
android:textSize="18sp"
android:textStyle="bold"
android:textColor="@color/home_title"
android:layout_marginStart="10dp"
android:layout_marginStart="0dp"
android:layout_marginEnd="0dp"
android:paddingBottom="20dp"
android:layout_marginTop="10dp"
android:layout_marginBottom="6dp" />
android:background="@drawable/shape_white_30_corners"
android:orientation="vertical">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rvTop"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:overScrollMode="never" />
<FrameLayout
android:layout_width="match_parent"
android:layout_height="106dp"
android:layout_marginStart="6dp"
android:layout_marginEnd="6dp"
android:background="@drawable/bg_bottom_line">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="下层"
android:textSize="18sp"
android:textStyle="bold"
android:textColor="@color/home_title"
android:layout_marginStart="10dp"
android:layout_marginTop="12dp"
android:layout_marginBottom="6dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="start|center_vertical"
android:text="调料区设置"
android:textColor="@color/black"
android:textSize="28sp"
android:textStyle="bold" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rvBottom"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:overScrollMode="never" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|center_vertical"
android:text="点击分格配置调料"
android:textColor="@color/gray_b4"
android:textSize="28sp" />
</FrameLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginHorizontal="10dp"
android:layout_marginTop="12dp"
android:layout_marginBottom="6dp"
android:text="上层调料区"
android:textColor="@color/home_title"
android:textSize="28sp"
android:textStyle="bold" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rvTop"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:overScrollMode="never" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginHorizontal="10dp"
android:layout_marginTop="12dp"
android:layout_marginBottom="6dp"
android:text="下层调料区"
android:textColor="@color/home_title"
android:textSize="28sp"
android:textStyle="bold" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rvBottom"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:overScrollMode="never" />
</LinearLayout>
</LinearLayout>