Enhanced UI of searchView and added animation (#2432)

Author: pallav12

app/src/main/java/org/fossasia/susi/ai/chat/ChatActivity.kt

@@ -24,6 +24,7 @@ import android.speech.tts.UtteranceProgressListener
 import android.support.design.widget.Snackbar
 import android.support.v4.app.ActivityCompat
 import android.support.v4.view.GestureDetectorCompat
+import android.support.v4.view.ViewCompat
 import android.support.v7.app.AppCompatActivity
 import android.support.v7.widget.LinearLayoutManager
 import android.support.v7.widget.RecyclerView
@@ -35,6 +36,7 @@ import android.view.KeyEvent
 import android.view.MotionEvent
 import android.view.View
 import android.view.WindowManager
+import android.view.animation.OvershootInterpolator
 import android.view.inputmethod.EditorInfo
 import android.view.inputmethod.InputMethodManager
 import android.widget.Toast
@@ -163,10 +165,23 @@ class ChatActivity : AppCompatActivity(), IChatView {
     }
 
     fun openChatSearch(view: View) {
+        val interpolator = OvershootInterpolator()
         if (isSearching == false || chatSearchInput.getVisibility() == View.VISIBLE) {
-            chatSearchInput.setVisibility(View.INVISIBLE)
+            ViewCompat.animate(view)
+                    .rotation(0f)
+                    .withLayer()
+                    .setDuration(300)
+                    .setInterpolator(interpolator)
+                    .start()
+            chatSearchInput.setVisibility(View.GONE)
             hideSoftKeyboard(this, window.decorView)
         } else {
+            ViewCompat.animate(view)
+                    .rotation(90f)
+                    .withLayer()
+                    .setDuration(300)
+                    .setInterpolator(interpolator)
+                    .start()
             chatSearchInput.setVisibility(View.VISIBLE)
             handleSearch()
         }

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

@@ -4,37 +4,42 @@
     android:id="@+id/coordinator_layout"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/default_bg">
+    android:background="@color/md_white_1000">
 
     <RelativeLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         app:layout_behavior="org.fossasia.susi.ai.helper.SnackbarBehavior"
         tools:context=".chat.ChatActivity">
 
-        <android.support.v7.widget.RecyclerView
-            android:id="@+id/rv_chat_feed"
-            android:layout_width="match_parent"
-            android:layout_height="match_parent"
-            android:layout_above="@+id/sendMessageLayout"
-            android:layout_alignParentTop="true"
-            android:scrollbars="vertical" />
-
         <EditText
-            android:layout_width="match_parent"
             android:id="@+id/chatSearchInput"
-            android:textColor="@color/md_white_1000"
-            android:layout_height="40dp"
-            android:layout_marginRight="@dimen/margin_extremely_large"
-            android:hint="Search Chat Messages"
+            android:layout_width="match_parent"
+            android:layout_height="@dimen/height_large"
             android:layout_marginLeft="@dimen/margin_medium"
             android:layout_marginTop="@dimen/margin_medium"
-            android:visibility="invisible"
+            android:layout_marginRight="@dimen/margin_extremely_large"
+            android:hint="Search Chat Messages"
+            android:imeOptions="actionSearch"
             android:paddingLeft="@dimen/padding_moderate"
-            android:background="@color/colorPrimaryDark"
-            android:textSize="@dimen/text_size_normal"
             android:singleLine="true"
-            android:imeOptions="actionSearch"/>
+            android:textSize="@dimen/text_size_normal"
+            android:visibility="gone" />
+
+        <FrameLayout
+            android:layout_width="match_parent"
+            android:layout_height="1dp"
+            android:layout_above="@id/rv_chat_feed"
+            android:background="@color/md_grey_300" />
+
+        <android.support.v7.widget.RecyclerView
+            android:id="@+id/rv_chat_feed"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:layout_above="@+id/sendMessageLayout"
+            android:layout_below="@+id/chatSearchInput"
+            android:background="@color/default_bg"
+            android:scrollbars="vertical" />
 
         <android.support.design.widget.FloatingActionButton
             android:id="@+id/searchChat"