show empty status

Author: mrtry

app/src/main/java/io/github/mrtry/todolist/app/todo/viewmodel/ToDoViewModel.kt

@@ -27,6 +27,7 @@ class ToDoViewModel
     private val coroutineScope: CoroutineScope
 ) : SwipeRefreshLayout.OnRefreshListener {
     val isRefreshing: MutableLiveData<Boolean> = MutableLiveData(false)
+    val showEmptyStatus: MutableLiveData<Boolean> = MutableLiveData(false)
 
     val items: ObservableList<ToDoListItemViewModel> = ObservableArrayList()
 
@@ -53,6 +54,7 @@ class ToDoViewModel
                 navigator.showSnackBar(R.string.to_do_activity_error_get_task_failed)
             } finally {
                 isRefreshing.value = false
+                showEmptyStatus.value = items.isEmpty()
             }
         }
     }

app/src/main/res/drawable/ic_empty_status_app_icon.xml

@@ -0,0 +1,5 @@
+<vector android:height="168dp" android:tint="#808080"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="168dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M14,10H2v2h12V10zM14,6H2v2h12V6zM2,16h8v-2H2V16zM21.5,11.5L23,13l-6.99,7l-4.51,-4.5L13,14l3.01,3L21.5,11.5z"/>
+</vector>

app/src/main/res/layout/activity_to_do.xml

@@ -4,6 +4,8 @@
 
     <data>
 
+        <import type="android.view.View" />
+
         <variable
             name="viewModel"
             type="io.github.mrtry.todolist.app.todo.viewmodel.ToDoViewModel" />
@@ -42,12 +44,48 @@
             app:layout_constraintTop_toBottomOf="@id/divider"
             app:layout_constraintBottom_toBottomOf="parent"
             app:onRefresh="@{viewModel}"
-            app:refreshing="@{viewModel.isRefreshing}">
+            app:refreshing="@{safeUnbox(viewModel.isRefreshing)}">
 
-            <androidx.recyclerview.widget.RecyclerView
-                android:id="@+id/list"
+            <FrameLayout
                 android:layout_width="match_parent"
-                android:layout_height="match_parent" />
+                android:layout_height="match_parent">
+
+                <androidx.recyclerview.widget.RecyclerView
+                    android:id="@+id/list"
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    android:visibility="@{safeUnbox(viewModel.showEmptyStatus) ? View.GONE : View.VISIBLE}" />
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    android:visibility="@{safeUnbox(viewModel.showEmptyStatus) ? View.VISIBLE : View.GONE}">
+
+                    <ImageView
+                        android:id="@+id/empty_icon"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:src="@drawable/ic_empty_status_app_icon"
+                        app:layout_constraintBottom_toTopOf="@id/empty_text"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintVertical_bias="0.35"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent"
+                        app:layout_constraintVertical_chainStyle="packed" />
+
+                    <TextView
+                        android:id="@+id/empty_text"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:textAppearance="@style/TextAppearance.MaterialComponents.Headline6"
+                        android:text="@string/to_do_activity_empty_state_text"
+                        app:layout_constraintTop_toBottomOf="@id/empty_icon"
+                        app:layout_constraintBottom_toBottomOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintVertical_chainStyle="packed" />
+                </androidx.constraintlayout.widget.ConstraintLayout>
+            </FrameLayout>
         </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>
     </androidx.constraintlayout.widget.ConstraintLayout>
 </layout>

app/src/main/res/values/strings.xml

@@ -1,5 +1,6 @@
 <resources>
     <string name="app_name">ToDoList</string>
+    <string name="to_do_activity_empty_state_text">タスクがまだ登録されていません</string>
     <string name="to_do_activity_error_add_task_failed">登録に失敗しました。再度お試しください。</string>
     <string name="to_do_activity_error_get_task_failed">取得に失敗しました。再度お試しください。</string>
 </resources>