shumeng/xqwatch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 主页字体大幅放大对齐原型图比例

Browse Source 
时钟 56→80sp(sans-serif-light)，日期 18→24sp
快捷区数字 32→42sp，标签 14→16sp
缩小padding最大化内容空间

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
dongliang
2026-04-27 19:17:59 +09:30
parent 3f258aa620
commit fdc2eaa5c9
1 changed files with 40 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
app/src/main/res/layout/page_main.xml
View File

@@ -1,22 +1,21 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<!-- 主页（ViewPager2 Page 1）：状态栏 + 时钟 + 日期 + 快捷区 + 指示器 <!-- 主页（ViewPager2 Page 1）：状态栏 + 时钟 + 日期 + 快捷区 + 指示器
用户群体为老年人，字体尽可能大 --> 屏幕 240×284px，用户群体老年人，字体尽可能大 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="match_parent" android:layout_height="match_parent"
android:background="@color/background" android:background="@color/background"
android:orientation="vertical" android:orientation="vertical"
android:paddingStart="@dimen/safe_area_left" android:paddingStart="10dp"
android:paddingTop="@dimen/safe_area_top" android:paddingTop="14dp"
android:paddingEnd="@dimen/safe_area_right" android:paddingEnd="10dp"
android:paddingBottom="@dimen/safe_area_bottom"> android:paddingBottom="10dp">
<!-- 自定义状态栏（蓝牙圆点 + 信号条 + 电池壳） --> <!-- 自定义状态栏 -->
<com.xiaoqu.watch.ui.widget.StatusBarView <com.xiaoqu.watch.ui.widget.StatusBarView
android:id="@+id/statusBar" android:id="@+id/statusBar"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="18dp" android:layout_height="16dp" />
android:layout_marginBottom="2dp" />
<!-- 时钟区域（居中撑满） --> <!-- 时钟区域（居中撑满） -->
<LinearLayout <LinearLayout
@@ -26,30 +25,31 @@
android:gravity="center" android:gravity="center"
android:orientation="vertical"> android:orientation="vertical">
<!-- 时钟 HH:mm --> <!-- 时钟 HH:mm（原型图 52px，占屏幕 21.7%） -->
<TextView <TextView
android:id="@+id/tvClock" android:id="@+id/tvClock"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:text="14:30" android:text="14:30"
android:textColor="@color/text_primary" android:textColor="@color/text_primary"
android:textSize="56sp" android:textSize="80sp"
android:textStyle="bold" android:fontFamily="sans-serif-light"
android:letterSpacing="0.05" /> android:letterSpacing="0.02"
android:includeFontPadding="false" />
<!-- 日期 + 星期 --> <!-- 日期 + 星期（原型图 15px） -->
<TextView <TextView
android:id="@+id/tvDate" android:id="@+id/tvDate"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:text="4月23日 周三" android:text="4月23日 周三"
android:textColor="@color/text_primary" android:textColor="@color/text_primary"
android:textSize="18sp" android:textSize="24sp"
android:layout_marginTop="6dp" /> android:layout_marginTop="4dp" />
</LinearLayout> </LinearLayout>
<!-- 快捷区：3 个彩色卡片 --> <!-- 快捷区：3 个彩色卡片（原型图 padding 14px，数字 32px，标签 12px） -->
<LinearLayout <LinearLayout
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
@@ -61,11 +61,12 @@
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_weight="1" android:layout_weight="1"
android:layout_marginEnd="4dp" android:layout_marginEnd="3dp"
android:background="@drawable/bg_quick_blue" android:background="@drawable/bg_quick_blue"
android:gravity="center" android:gravity="center"
android:orientation="vertical" android:orientation="vertical"
android:padding="10dp"> android:paddingTop="10dp"
android:paddingBottom="8dp">
<TextView <TextView
android:id="@+id/tvPoolNum" android:id="@+id/tvPoolNum"
@@ -73,17 +74,18 @@
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:text="0" android:text="0"
android:textColor="@color/primary" android:textColor="@color/primary"
android:textSize="32sp" android:textSize="42sp"
android:textStyle="bold" /> android:textStyle="bold"
android:includeFontPadding="false" />
<TextView <TextView
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:text="接单池" android:text="接单池"
android:textColor="@color/text_primary" android:textColor="@color/text_primary"
android:textSize="14sp" android:textSize="16sp"
android:textStyle="bold" android:textStyle="bold"
android:layout_marginTop="4dp" /> android:layout_marginTop="2dp" />
</LinearLayout> </LinearLayout>
<!-- 待打卡（橙色） --> <!-- 待打卡（橙色） -->
@@ -97,7 +99,8 @@
android:background="@drawable/bg_quick_orange" android:background="@drawable/bg_quick_orange"
android:gravity="center" android:gravity="center"
android:orientation="vertical" android:orientation="vertical"
android:padding="10dp"> android:paddingTop="10dp"
android:paddingBottom="8dp">
<TextView <TextView
android:id="@+id/tvPunchNum" android:id="@+id/tvPunchNum"
@@ -105,17 +108,18 @@
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:text="0" android:text="0"
android:textColor="@color/warning" android:textColor="@color/warning"
android:textSize="32sp" android:textSize="42sp"
android:textStyle="bold" /> android:textStyle="bold"
android:includeFontPadding="false" />
<TextView <TextView
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:text="待打卡" android:text="待打卡"
android:textColor="@color/text_primary" android:textColor="@color/text_primary"
android:textSize="14sp" android:textSize="16sp"
android:textStyle="bold" android:textStyle="bold"
android:layout_marginTop="4dp" /> android:layout_marginTop="2dp" />
</LinearLayout> </LinearLayout>
<!-- 待完成（绿色） --> <!-- 待完成（绿色） -->
@@ -124,11 +128,12 @@
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_weight="1" android:layout_weight="1"
android:layout_marginStart="4dp" android:layout_marginStart="3dp"
android:background="@drawable/bg_quick_green" android:background="@drawable/bg_quick_green"
android:gravity="center" android:gravity="center"
android:orientation="vertical" android:orientation="vertical"
android:padding="10dp"> android:paddingTop="10dp"
android:paddingBottom="8dp">
<TextView <TextView
android:id="@+id/tvCompleteNum" android:id="@+id/tvCompleteNum"
@@ -136,17 +141,18 @@
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:text="0" android:text="0"
android:textColor="@color/success" android:textColor="@color/success"
android:textSize="32sp" android:textSize="42sp"
android:textStyle="bold" /> android:textStyle="bold"
android:includeFontPadding="false" />
<TextView <TextView
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:text="待完成" android:text="待完成"
android:textColor="@color/text_primary" android:textColor="@color/text_primary"
android:textSize="14sp" android:textSize="16sp"
android:textStyle="bold" android:textStyle="bold"
android:layout_marginTop="4dp" /> android:layout_marginTop="2dp" />
</LinearLayout> </LinearLayout>
</LinearLayout> </LinearLayout>
@@ -156,7 +162,7 @@
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:gravity="center" android:gravity="center"
android:paddingTop="8dp"> android:paddingTop="6dp">
<View <View
android:id="@+id/indMain0" android:id="@+id/indMain0"