Text input fields styling update

 - Make sure all text input fields use the 'outlined box' style
 - Update autocomplete styling to new Material styles
 - Disable animation on text input fields in WatcherActivity initially, to prevent the hint labels moving up animation when data is initially loaded. Once there is a watcher (either loaded from server or a new local object), enable the animations again for the user.

Author: jpelgrom

app/src/main/java/nl/jpelgrm/movienotifier/ui/WatcherActivity.java

@@ -475,6 +475,10 @@ private void updateViews(boolean cinemaOnly) {
         binding.watcherName.setText(watcher.getName());
         binding.watcherMovieID.setText(watcher.getMovieID() == null ? "" : String.valueOf(watcher.getMovieID()));
 
+        if(!binding.watcherNameWrapper.isHintAnimationEnabled()) { binding.watcherNameWrapper.setHintAnimationEnabled(true); }
+        if(!binding.watcherMovieIDWrapper.isHintAnimationEnabled()) { binding.watcherMovieIDWrapper.setHintAnimationEnabled(true); }
+        if(!binding.watcherCinemaIDWrapper.isHintAnimationEnabled()) { binding.watcherCinemaIDWrapper.setHintAnimationEnabled(true); }
+
         binding.autocompleteSuggestion.setVisibility((mode == Mode.EDITING && settings.getInt("prefAutocompleteLocation", -1) == -1) ? View.VISIBLE : View.GONE);
 
         DateFormat format = SimpleDateFormat.getDateTimeInstance(java.text.DateFormat.MEDIUM, java.text.DateFormat.SHORT);

app/src/main/java/nl/jpelgrm/movienotifier/ui/view/InstantAutoComplete.java

@@ -2,11 +2,12 @@
 
 import android.content.Context;
 import android.graphics.Rect;
-import androidx.appcompat.widget.AppCompatAutoCompleteTextView;
 import android.util.AttributeSet;
 
+import com.google.android.material.textview.MaterialAutoCompleteTextView;
+
 // Based on https://stackoverflow.com/a/5783983
-public class InstantAutoComplete extends AppCompatAutoCompleteTextView {
+public class InstantAutoComplete extends MaterialAutoCompleteTextView {
 
     public InstantAutoComplete(Context context) {
         super(context);

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

@@ -90,10 +90,12 @@
 
                     <com.google.android.material.textfield.TextInputLayout
                         android:id="@+id/watcherNameWrapper"
+                        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
                         android:gravity="center_vertical"
-                        android:layout_toEndOf="@+id/watcherNameIcon">
+                        android:layout_toEndOf="@+id/watcherNameIcon"
+                        app:hintAnimationEnabled="false">
 
                         <androidx.emoji.widget.EmojiAppCompatEditText
                             android:id="@+id/watcherName"
@@ -131,10 +133,12 @@
 
                     <com.google.android.material.textfield.TextInputLayout
                         android:id="@+id/watcherMovieIDWrapper"
+                        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
                         android:gravity="center_vertical"
-                        android:layout_toEndOf="@id/watcherMovieIDIcon">
+                        android:layout_toEndOf="@id/watcherMovieIDIcon"
+                        app:hintAnimationEnabled="false">
 
                         <androidx.appcompat.widget.AppCompatEditText
                             android:id="@+id/watcherMovieID"
@@ -177,6 +181,7 @@
                         android:layout_height="wrap_content"
                         android:gravity="center_vertical"
                         android:layout_toEndOf="@+id/watcherCinemaIDIcon"
+                        app:hintAnimationEnabled="false"
                         app:endIconMode="none">
 
                         <nl.jpelgrm.movienotifier.ui.view.InstantAutoComplete

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

@@ -60,6 +60,7 @@
 
                 <com.google.android.material.textfield.TextInputLayout
                     android:id="@+id/nameWrapper"
+                    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content">
 
@@ -75,6 +76,7 @@
 
                 <com.google.android.material.textfield.TextInputLayout
                     android:id="@+id/passwordWrapper"
+                    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
                     app:passwordToggleEnabled="true">
@@ -124,6 +126,7 @@
 
                 <com.google.android.material.textfield.TextInputLayout
                     android:id="@+id/emailWrapper"
+                    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
                     android:visibility="gone"

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

@@ -56,6 +56,7 @@
 
             <com.google.android.material.textfield.TextInputLayout
                 android:id="@+id/nameWrapper"
+                style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content">
 
@@ -71,6 +72,7 @@
 
             <com.google.android.material.textfield.TextInputLayout
                 android:id="@+id/passwordWrapper"
+                style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 app:passwordToggleEnabled="true">

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

@@ -44,6 +44,7 @@
 
             <com.google.android.material.textfield.TextInputLayout
                 android:id="@+id/textWrapper"
+                style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:visibility="gone"
@@ -59,6 +60,7 @@
 
             <com.google.android.material.textfield.TextInputLayout
                 android:id="@+id/passwordWrapper"
+                style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:visibility="gone"

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

@@ -4,25 +4,27 @@
     android:orientation="horizontal"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:minHeight="48dp"
     android:gravity="center_vertical"
-    style="?attr/spinnerDropDownItemStyle">
+    android:padding="16dp">
 
-    <CheckedTextView
+    <TextView
         android:id="@+id/name"
         android:singleLine="true"
         android:layout_width="0dp"
         android:layout_weight="1.0"
         android:layout_height="wrap_content"
-        android:ellipsize="marquee"
+        android:ellipsize="end"
+        android:textAppearance="?attr/textAppearanceSubtitle1"
         tools:text="Arnhem" />
 
     <TextView
         android:id="@+id/distance"
         android:singleLine="true"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:ellipsize="marquee"
+        android:ellipsize="end"
+        android:textAppearance="?attr/textAppearanceCaption"
+        android:layout_marginStart="4dp"
         android:visibility="gone"
         tools:visibility="visible"
         tools:text="20 km" />