fix: 按原型图精确换��所有尺寸(120dpi, 1dp=0.75px)
主页:时钟69sp, 日期20sp, 卡片数字43sp, 标签16sp 设置页:头像59dp/27sp, 姓名20sp, 手机号15sp, 信息行17sp SafeArea: 21dp/27dp, 状态栏24dp 卡片圆角19dp, 内边距19/16dp 指示器: 圆点7dp, 活动19dp Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,23 +1,25 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- 主页(ViewPager2 Page 1):状态栏 + 时钟 + 日期 + 快捷区 + 指示器
|
||||
屏幕 240×284px,用户群体老年人,字体尽可能大 -->
|
||||
<!-- 主页(ViewPager2 Page 1)
|
||||
屏幕 240×284px, 密度 120dpi, 1dp=0.75px, 换算: px/0.75=dp
|
||||
原型图 safe area: top20 left16 right16 bottom20 → dp: 27 21 21 27 -->
|
||||
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="match_parent"
|
||||
android:background="@color/background"
|
||||
android:orientation="vertical"
|
||||
android:paddingStart="10dp"
|
||||
android:paddingTop="14dp"
|
||||
android:paddingEnd="10dp"
|
||||
android:paddingBottom="10dp">
|
||||
android:paddingStart="21dp"
|
||||
android:paddingTop="27dp"
|
||||
android:paddingEnd="21dp"
|
||||
android:paddingBottom="27dp">
|
||||
|
||||
<!-- 自定义状态栏 -->
|
||||
<!-- 状态栏 18px → 24dp -->
|
||||
<com.xiaoqu.watch.ui.widget.StatusBarView
|
||||
android:id="@+id/statusBar"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="16dp" />
|
||||
android:layout_height="24dp"
|
||||
android:layout_marginBottom="3dp" />
|
||||
|
||||
<!-- 时钟区域(居中撑满) -->
|
||||
<!-- 时钟区域(flex:1 撑满中间) -->
|
||||
<LinearLayout
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="0dp"
|
||||
@@ -25,59 +27,62 @@
|
||||
android:gravity="center"
|
||||
android:orientation="vertical">
|
||||
|
||||
<!-- 时钟 HH:mm(原型图 52px,占屏幕 21.7%) -->
|
||||
<!-- 时钟 52px → 69sp -->
|
||||
<TextView
|
||||
android:id="@+id/tvClock"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:text="14:30"
|
||||
android:textColor="@color/text_primary"
|
||||
android:textSize="80sp"
|
||||
android:fontFamily="sans-serif-light"
|
||||
android:textSize="69sp"
|
||||
android:fontFamily="sans-serif-medium"
|
||||
android:letterSpacing="0.02"
|
||||
android:includeFontPadding="false" />
|
||||
|
||||
<!-- 日期 + 星期(原型图 15px) -->
|
||||
<!-- 日期 15px → 20sp -->
|
||||
<TextView
|
||||
android:id="@+id/tvDate"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:text="4月23日 周三"
|
||||
android:textColor="@color/text_primary"
|
||||
android:textSize="24sp"
|
||||
android:layout_marginTop="4dp" />
|
||||
android:textSize="20sp"
|
||||
android:fontFamily="sans-serif-medium"
|
||||
android:layout_marginTop="11dp" />
|
||||
|
||||
</LinearLayout>
|
||||
|
||||
<!-- 快捷区:3 个彩色卡片(原型图 padding 14px,数字 32px,标签 12px) -->
|
||||
<!-- 快捷区 gap:6px→8dp -->
|
||||
<LinearLayout
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:orientation="horizontal">
|
||||
|
||||
<!-- 接单池(蓝色) -->
|
||||
<!-- 接单池(蓝色)padding top14→19, bottom12→16, radius14→19 -->
|
||||
<LinearLayout
|
||||
android:id="@+id/cardPool"
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_weight="1"
|
||||
android:layout_marginEnd="3dp"
|
||||
android:layout_marginEnd="4dp"
|
||||
android:background="@drawable/bg_quick_blue"
|
||||
android:gravity="center"
|
||||
android:orientation="vertical"
|
||||
android:paddingTop="10dp"
|
||||
android:paddingBottom="8dp">
|
||||
android:paddingTop="19dp"
|
||||
android:paddingBottom="16dp">
|
||||
|
||||
<!-- 数字 32px → 43sp -->
|
||||
<TextView
|
||||
android:id="@+id/tvPoolNum"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:text="0"
|
||||
android:textColor="@color/primary"
|
||||
android:textSize="42sp"
|
||||
android:textSize="43sp"
|
||||
android:textStyle="bold"
|
||||
android:includeFontPadding="false" />
|
||||
|
||||
<!-- 标签 12px → 16sp -->
|
||||
<TextView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
@@ -85,7 +90,7 @@
|
||||
android:textColor="@color/text_primary"
|
||||
android:textSize="16sp"
|
||||
android:textStyle="bold"
|
||||
android:layout_marginTop="2dp" />
|
||||
android:layout_marginTop="8dp" />
|
||||
</LinearLayout>
|
||||
|
||||
<!-- 待打卡(橙色) -->
|
||||
@@ -94,13 +99,13 @@
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_weight="1"
|
||||
android:layout_marginStart="2dp"
|
||||
android:layout_marginEnd="2dp"
|
||||
android:layout_marginStart="4dp"
|
||||
android:layout_marginEnd="4dp"
|
||||
android:background="@drawable/bg_quick_orange"
|
||||
android:gravity="center"
|
||||
android:orientation="vertical"
|
||||
android:paddingTop="10dp"
|
||||
android:paddingBottom="8dp">
|
||||
android:paddingTop="19dp"
|
||||
android:paddingBottom="16dp">
|
||||
|
||||
<TextView
|
||||
android:id="@+id/tvPunchNum"
|
||||
@@ -108,7 +113,7 @@
|
||||
android:layout_height="wrap_content"
|
||||
android:text="0"
|
||||
android:textColor="@color/warning"
|
||||
android:textSize="42sp"
|
||||
android:textSize="43sp"
|
||||
android:textStyle="bold"
|
||||
android:includeFontPadding="false" />
|
||||
|
||||
@@ -119,7 +124,7 @@
|
||||
android:textColor="@color/text_primary"
|
||||
android:textSize="16sp"
|
||||
android:textStyle="bold"
|
||||
android:layout_marginTop="2dp" />
|
||||
android:layout_marginTop="8dp" />
|
||||
</LinearLayout>
|
||||
|
||||
<!-- 待完成(绿色) -->
|
||||
@@ -128,12 +133,12 @@
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_weight="1"
|
||||
android:layout_marginStart="3dp"
|
||||
android:layout_marginStart="4dp"
|
||||
android:background="@drawable/bg_quick_green"
|
||||
android:gravity="center"
|
||||
android:orientation="vertical"
|
||||
android:paddingTop="10dp"
|
||||
android:paddingBottom="8dp">
|
||||
android:paddingTop="19dp"
|
||||
android:paddingBottom="16dp">
|
||||
|
||||
<TextView
|
||||
android:id="@+id/tvCompleteNum"
|
||||
@@ -141,7 +146,7 @@
|
||||
android:layout_height="wrap_content"
|
||||
android:text="0"
|
||||
android:textColor="@color/success"
|
||||
android:textSize="42sp"
|
||||
android:textSize="43sp"
|
||||
android:textStyle="bold"
|
||||
android:includeFontPadding="false" />
|
||||
|
||||
@@ -152,29 +157,29 @@
|
||||
android:textColor="@color/text_primary"
|
||||
android:textSize="16sp"
|
||||
android:textStyle="bold"
|
||||
android:layout_marginTop="2dp" />
|
||||
android:layout_marginTop="8dp" />
|
||||
</LinearLayout>
|
||||
|
||||
</LinearLayout>
|
||||
|
||||
<!-- 页面指示器 -->
|
||||
<!-- 页面指示器 margin-top:10px→13dp -->
|
||||
<LinearLayout
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:gravity="center"
|
||||
android:paddingTop="6dp">
|
||||
android:paddingTop="13dp">
|
||||
|
||||
<View
|
||||
android:id="@+id/indMain0"
|
||||
android:layout_width="5dp"
|
||||
android:layout_height="5dp"
|
||||
android:layout_marginEnd="5dp"
|
||||
android:layout_width="7dp"
|
||||
android:layout_height="7dp"
|
||||
android:layout_marginEnd="7dp"
|
||||
android:background="@drawable/indicator_dot_inactive" />
|
||||
|
||||
<View
|
||||
android:id="@+id/indMain1"
|
||||
android:layout_width="14dp"
|
||||
android:layout_height="5dp"
|
||||
android:layout_width="19dp"
|
||||
android:layout_height="7dp"
|
||||
android:background="@drawable/indicator_dot_active" />
|
||||
|
||||
</LinearLayout>
|
||||
|
||||
Reference in New Issue
Block a user