浏览代码

style(ui): 调整任务列表界面布局和样式

- 调整了activity_task_list.xml中的ConstraintLayout背景色属性顺序
- 移除了TextView的字体权重、字体族和重力属性
- 调整了SwipeRefreshLayout的高度和约束布局位置
- 在任务列表底部添加了上一页和下一页导航按钮
- 移除了item_task_list.xml中的多余布局属性
- 新增了bg_task_title_normal.xml和bg_task_title_selected.xml样式文件
- 实现了分页导航功能的UI设计
徐勤民 3 天之前
父节点
当前提交
f8dd6ad081

+ 7 - 0
app/src/main/res/drawable/bg_task_title_normal.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="#00000000" />
+    <corners android:radius="4dp" />
+</shape>
+

+ 9 - 0
app/src/main/res/drawable/bg_task_title_selected.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="#1040FF5E" />
+    <stroke
+        android:width="2dp"
+        android:color="#ff40FF5E" />
+    <corners android:radius="4dp" />
+</shape>

+ 29 - 8
app/src/main/res/layout/activity_task_list.xml

@@ -5,8 +5,8 @@
     <androidx.constraintlayout.widget.ConstraintLayout
         android:id="@+id/main"
         android:layout_width="match_parent"
-        android:background="@color/app_color_black"
-        android:layout_height="match_parent">
+        android:layout_height="match_parent"
+        android:background="@color/app_color_black">
 
         <TextView
             android:id="@+id/tvTaskHeader"
@@ -15,9 +15,6 @@
             android:text="查询到您当前有5条任务,信息如下:"
             android:textColor="#ff40FF5E"
             android:textSize="20sp"
-            android:textFontWeight="500"
-            android:fontFamily="HarmonyOS Sans"
-            android:gravity="start|top"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent" />
@@ -25,11 +22,11 @@
         <androidx.swiperefreshlayout.widget.SwipeRefreshLayout
             android:id="@+id/baseRefreshLayout"
             android:layout_width="0dp"
-            android:layout_marginTop="16dp"
             android:layout_height="300dp"
-            app:layout_constraintTop_toBottomOf="@id/tvTaskHeader"
+            android:layout_marginTop="16dp"
+            app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintEnd_toEndOf="parent">
+            app:layout_constraintTop_toBottomOf="@id/tvTaskHeader">
 
             <com.xuqm.base.view.EmptyView
                 android:id="@+id/baseEmptyView"
@@ -44,5 +41,29 @@
             </com.xuqm.base.view.EmptyView>
         </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>
 
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="20dp"
+            android:textColor="#ff40FF5E"
+            android:background="@drawable/bg_task_title_selected"
+            android:textSize="16sp"
+            android:paddingHorizontal="10dp"
+            android:paddingVertical="3dp"
+            android:text="上一页"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/baseRefreshLayout" />
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="20dp"
+            android:textSize="16sp"
+            android:paddingHorizontal="10dp"
+            android:paddingVertical="3dp"
+            android:background="@drawable/bg_task_title_selected"
+            android:textColor="#ff40FF5E"
+            android:text="下一页"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/baseRefreshLayout" />
     </androidx.constraintlayout.widget.ConstraintLayout>
 </layout>

+ 0 - 6
app/src/main/res/layout/item_task_list.xml

@@ -3,13 +3,7 @@
     android:id="@+id/tv_title"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:layout_alignParentTop="true"
-    android:alpha="1"
     android:background="@drawable/bg_task_list"
-    android:fontFamily="HarmonyOS Sans SC"
-    android:gravity="left|top"
-    android:lineSpacingExtra="4.8sp"
     android:padding="8dp"
     android:textColor="#ff40FF5E"
-    android:textFontWeight="500"
     android:textSize="16sp" />