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

fix: 考勤页面优化

Browse Source 
1. 下拉区域扩大到上半屏(140dp)，只拦截垂直不拦截水平
2. 考勤页布局优化：居中考勤状态+按钮+低耗电提示
3. 按钮固定宽度250dp，更美观
4. 添加上滑返回手势（考勤页上滑回首页）
5. 去掉底部"上滑返回"文字（已有手势）

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
dongliang
2026-04-28 19:53:04 +09:30
parent b59fee4bb7
commit d9ee5f2059
4 changed files with 103 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
app/src/main/res/layout/fragment_home.xml
View File

@@ -1,34 +1,40 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- 首页容器：固定状态栏 + ViewPager2 左右滑动 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
<!-- 首页容器：状态栏 + ViewPager2 + 下拉触摸层（上半屏） -->
<FrameLayout 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="21dp"
android:paddingTop="27dp"
android:paddingEnd="21dp">
android:background="@color/background">
<!-- 固定状态栏（不随 ViewPager2 滑动）+ 下拉触摸区域 -->
<FrameLayout
android:id="@+id/pullDownArea"
<!-- 底层：状态栏 + ViewPager2 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_marginBottom="3dp">
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingStart="21dp"
android:paddingTop="27dp"
android:paddingEnd="21dp">
<!-- 固定状态栏 -->
<com.xiaoqu.watch.ui.widget.StatusBarView
android:id="@+id/statusBar"
android:layout_width="match_parent"
android:layout_height="24dp"
android:layout_gravity="center_vertical" />
android:layout_marginBottom="3dp" />
</FrameLayout>
<!-- ViewPager2 -->
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
<!-- ViewPager2 在状态栏下方滑动 -->
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/viewPager"
</LinearLayout>
<!-- 上层：下拉触摸区域（上半屏，透明，不拦截水平滑动） -->
<View
android:id="@+id/pullDownArea"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
android:layout_height="140dp"
android:layout_gravity="top" />
</LinearLayout>
</FrameLayout>

43
app/src/main/res/layout/fragment_punch.xml
View File

@@ -1,7 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- 考勤打卡页面（按原型图V3适老化设计）
3种状态：未上班 / 已上班 / 已下班
120dpi 换算，老年人大字体 -->
<!-- 考勤打卡页面（按原型图V3）
顶部：状态栏
中间：时间 + 考勤状态 + 按钮
底部：低耗电提示 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
@@ -17,8 +18,9 @@
android:layout_marginTop="27dp"
android:layout_marginEnd="21dp" />
<!-- 居中内容区 -->
<!-- 居中内容区（可上滑返回） -->
<LinearLayout
android:id="@+id/contentArea"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
@@ -27,30 +29,28 @@
android:paddingStart="21dp"
android:paddingEnd="21dp">
<!-- 考勤状态文字（"未上班" / "已上班 07:02" / "已下班 17:05"） -->
<!-- 考勤状态（"未上班" / "已上班 07:02" / "已下班 17:05"） -->
<TextView
android:id="@+id/tvPunchStatus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="28sp"
android:textStyle="bold" />
android:textSize="26sp"
android:layout_marginBottom="27dp" />
<!-- 按钮区域 -->
<!-- 主按钮区域 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="vertical"
android:layout_marginTop="27dp">
android:orientation="vertical">
<!-- 主按钮（上班打卡 / 下班打卡） -->
<TextView
android:id="@+id/btnPunch"
android:layout_width="match_parent"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:gravity="center"
android:padding="16dp"
android:background="@color/primary"
android:textColor="@color/text_primary"
android:textSize="26sp"
android:textStyle="bold" />
@@ -58,14 +58,13 @@
<!-- 撤销按钮（已上班+已下班时显示） -->
<TextView
android:id="@+id/btnRevoke"
android:layout_width="match_parent"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:gravity="center"
android:padding="16dp"
android:padding="14dp"
android:background="@color/grey_button"
android:textColor="@color/error"
android:textSize="22sp"
android:textStyle="bold"
android:text="撤销打卡"
android:layout_marginTop="11dp"
android:visibility="gone" />
@@ -87,7 +86,7 @@
android:layout_height="wrap_content"
android:text="低耗电模式"
android:textColor="@color/warning"
android:textSize="20sp"
android:textSize="22sp"
android:textStyle="bold" />
<TextView
@@ -95,7 +94,7 @@
android:layout_height="wrap_content"
android:text="蓝牙扫描已停止\nNFC 已关闭"
android:textColor="@color/text_secondary"
android:textSize="16sp"
android:textSize="18sp"
android:gravity="center"
android:lineSpacingMultiplier="1.5"
android:layout_marginTop="8dp" />
@@ -104,14 +103,4 @@
</LinearLayout>
<!-- 底部提示（上滑返回） -->
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="上滑返回"
android:textColor="@color/text_secondary"
android:textSize="16sp"
android:paddingBottom="27dp" />
</LinearLayout>