fix: 绑定页放大UI适配老年人用户

- 标题 24sp,说明文字 15sp,配对中文字 18sp
- 二维码框 150×150dp(原120dp)
- Loading spinner 40dp
- 用户群体为老年人,需要更大的字体和元素

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
dongliang
2026-04-27 16:50:25 +09:30
parent d06bf11b95
commit 727e20df45

View File

@@ -1,6 +1,7 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<!-- BindFragment二维码配对页面全屏无 NavBar <!-- BindFragment二维码配对页面全屏无 NavBar
两种状态qrWrap=二维码展示, loadingWrap=配对中 --> 两种状态qrWrap=二维码展示, loadingWrap=配对中
注意:用户群体为老年人,字体和元素需要足够大 -->
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" <FrameLayout 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"
@@ -13,27 +14,27 @@
android:layout_height="match_parent" android:layout_height="match_parent"
android:gravity="center" android:gravity="center"
android:orientation="vertical" android:orientation="vertical"
android:padding="@dimen/safe_area_left"> android:paddingStart="20dp"
android:paddingEnd="20dp">
<!-- 标题(在二维码上方) --> <!-- 标题 -->
<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="@dimen/text_title" android:textSize="24sp"
android:textStyle="bold" android:textStyle="bold"
android:layout_marginBottom="@dimen/spacing_lg" /> android:layout_marginBottom="14dp" />
<!-- 二维码白色圆角背景框 --> <!-- 二维码白色圆角背景框 -->
<FrameLayout <FrameLayout
android:layout_width="120dp" android:layout_width="150dp"
android:layout_height="120dp" android:layout_height="150dp"
android:background="@drawable/bg_qr_frame" android:background="@drawable/bg_qr_frame"
android:padding="10dp" android:padding="10dp"
android:layout_marginBottom="@dimen/spacing_md"> android:layout_marginBottom="14dp">
<!-- 二维码图片 -->
<ImageView <ImageView
android:id="@+id/ivQrCode" android:id="@+id/ivQrCode"
android:layout_width="match_parent" android:layout_width="match_parent"
@@ -48,10 +49,10 @@
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:gravity="center" android:gravity="center"
android:lineSpacingMultiplier="1.7" android:lineSpacingMultiplier="1.8"
android:text="扫码下载小趣智慧清洁App\n在App中扫码添加手表" android:text="扫码下载小趣智慧清洁App\n在App中扫码添加手表"
android:textColor="@color/text_secondary" android:textColor="@color/text_secondary"
android:textSize="@dimen/text_small" /> android:textSize="15sp" />
</LinearLayout> </LinearLayout>
@@ -64,19 +65,18 @@
android:orientation="vertical" android:orientation="vertical"
android:visibility="gone"> android:visibility="gone">
<!-- Loading spinner -->
<ProgressBar <ProgressBar
android:layout_width="32dp" android:layout_width="40dp"
android:layout_height="32dp" android:layout_height="40dp"
android:indeterminateTint="@color/text_secondary" android:indeterminateTint="@color/text_secondary"
android:layout_marginBottom="@dimen/spacing_md" /> android:layout_marginBottom="@dimen/spacing_lg" />
<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_secondary" android:textColor="@color/text_secondary"
android:textSize="@dimen/text_caption" /> android:textSize="18sp" />
</LinearLayout> </LinearLayout>