Feature #104: add tablayout to credentials list

alexandr7035 · Jul 5, 2022 · c888953 · c888953
1 parent 189277f
commit c888953
Show file tree

Hide file tree

Showing 5 changed files with 82 additions and 4 deletions.
diff --git a/app/src/main/res/drawable/bg_tab.xml b/app/src/main/res/drawable/bg_tab.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:state_selected="true">
+        <shape>
+            <solid android:color="?attr/colorPrimary" />
+            <corners android:radius="@dimen/tab_corner" />
+        </shape>
+    </item>
+
+    <item>
+        <shape>
+            <solid android:color="@android:color/transparent" />
+            <corners android:radius="@dimen/tab_corner" />
+        </shape>
+
+    </item>
+
+</selector>
diff --git a/app/src/main/res/layout/fragment_credentials_list.xml b/app/src/main/res/layout/fragment_credentials_list.xml
@@ -15,16 +15,49 @@
         app:layout_constraintTop_toTopOf="parent"
         app:title="Your credentials" />
 
+    <com.google.android.material.tabs.TabLayout
+        android:id="@+id/tabLayout"
+        style="@style/TabLayoutStyle"
+        android:layout_marginStart="@dimen/default_fragment_margin"
+        android:layout_marginEnd="@dimen/default_fragment_margin"
+        android:layout_width="0dp"
+        android:layout_height="@dimen/tab_height"
+        app:layout_constraintTop_toBottomOf="@id/toolbar"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent">
+
+        <com.google.android.material.tabs.TabItem
+            android:id="@+id/allVCsTab"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="@string/all" />
+
+        <com.google.android.material.tabs.TabItem
+            android:id="@+id/cloudVCsTab"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="@string/cloud" />
+
+        <com.google.android.material.tabs.TabItem
+            android:id="@+id/localVCsTab"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="@string/local" />
+
+    </com.google.android.material.tabs.TabLayout>
+
+
     <androidx.recyclerview.widget.RecyclerView
         android:id="@+id/recycler"
         android:layout_width="0dp"
         android:layout_height="0dp"
         android:paddingStart="@dimen/default_fragment_margin"
         android:paddingEnd="@dimen/default_fragment_margin"
+        android:layout_marginTop="12dp"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/toolbar"
+        app:layout_constraintTop_toBottomOf="@id/tabLayout"
         tools:listitem="@layout/view_credential_item" />
 
     <com.google.android.material.floatingactionbutton.FloatingActionButton
@@ -47,7 +80,8 @@
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/toolbar" />
+        app:layout_constraintTop_toBottomOf="@id/toolbar"
+        tools:visibility="gone"/>
 
     <include
         android:id="@+id/progressView"
@@ -59,7 +93,7 @@
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent"
-        tools:visibility="visible" />
+        tools:visibility="gone" />
 
     <include
         android:layout_width="wrap_content"
@@ -71,6 +105,6 @@
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toBottomOf="@id/toolbar"
         android:visibility="gone"
-        tools:visibility="visible"/>
+        tools:visibility="gone"/>
 
 </androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
@@ -61,4 +61,7 @@
     <dimen name="input_field_padding_vertical">12dp</dimen>
     <dimen name="qr_code_image_size">160dp</dimen>
 
+    <dimen name="tab_corner">12dp</dimen>
+    <dimen name="tab_height">32dp</dimen>
+
 </resources>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
@@ -103,5 +103,8 @@
     <string name="open_app_settings">Open app settings</string>
     <string name="scan_the_qr_code_of_verifiable_credential">Scan the QR code of verifiable credential</string>
     <string name="credential_scan_error">Failed to obtain credential. Please, ensure your are scanning the right QR code. Also check your internet connection</string>
+    <string name="all">All</string>
+    <string name="cloud">Cloud</string>
+    <string name="local">Local</string>
 
 </resources>
diff --git a/app/src/main/res/values/styles_core.xml b/app/src/main/res/values/styles_core.xml
@@ -86,4 +86,23 @@
         <item name="itemTextColor">@color/color_bottom_nav_icon</item>
         <item name="android:background">@drawable/background_bottom_navigation</item>
     </style>
+
+    <!--  Tabs -->
+    <style name="TabLayoutStyle">
+        <item name="android:background">@android:color/transparent</item>
+        <item name="tabIndicatorHeight">0dp</item>
+        <item name="tabTextColor">@color/black</item>
+        <item name="tabSelectedTextColor">@color/white</item>
+        <item name="tabBackground">@drawable/bg_tab</item>
+<!--        <item name="android:background">@drawable/background_tablayout</item>-->
+        <item name="tabMode">scrollable</item>
+        <item name="tabTextAppearance">@style/TabTextAppearance</item>
+        <item name="tabPaddingEnd">20dp</item>
+        <item name="tabPaddingStart">20dp</item>
+    </style>
+
+    <style name="TabTextAppearance">
+        <item name="android:textSize">16sp</item>
+    </style>
+
 </resources>