[마이][Common] 베스트 버킷리스트 인디케이터 색깔 변경 및 말풍선 GUI 반영

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

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+  <item android:drawable="@drawable/tab_white_active"
+        android:state_selected="true"/>
+  <item android:drawable="@drawable/tab_white_inactive"/>
+</selector>

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

@@ -1,6 +1,4 @@
 <vector android:height="44dp" android:viewportHeight="174"
     android:viewportWidth="442" android:width="111dp" xmlns:android="http://schemas.android.com/apk/res/android">
-    <path android:fillAlpha="0.4" android:fillColor="#000"
-        android:fillType="evenOdd"
-        android:pathData="M417.933,73.335l24.192,13.72 -24.172,13.481C411.451,142.156 375.444,174 332,174H87c-48.049,0 -87,-38.951 -87,-87S38.951,0 87,0h245c43.4,0 79.377,31.778 85.933,73.335z" android:strokeAlpha="0.4"/>
+    <path android:fillColor="#000" android:fillType="evenOdd" android:pathData="M417.933,73.335l24.192,13.72 -24.172,13.481C411.451,142.156 375.444,174 332,174H87c-48.049,0 -87,-38.951 -87,-87S38.951,0 87,0h245c43.4,0 79.377,31.778 85.933,73.335z"/>
 </vector>

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

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  android:innerRadius="0dp"
+  android:shape="ring"
+  android:thickness="3dp"
+  android:useLevel="false">
+  <solid android:color="@color/CFFFFFF"/>
+</shape>

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

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  android:innerRadius="0dp"
+  android:shape="ring"
+  android:thickness="3dp"
+  android:useLevel="false">
+  <solid android:color="@color/C4DFFFFFF"/>
+</shape>

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

@@ -2,12 +2,13 @@
 <LinearLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
+  xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:background="@color/CFFFFFF"
   android:orientation="vertical">
 
-  <RelativeLayout
+  <android.support.constraint.ConstraintLayout
     android:layout_width="match_parent"
     android:layout_height="match_parent">
 
@@ -15,43 +16,44 @@
       android:id="@+id/view_pager_bucket_list"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
-      android:layout_alignParentTop="true"
       android:layout_marginTop="30dp"
       android:layout_marginBottom="35dp"
       android:paddingLeft="25dp"
-      android:paddingRight="25dp"/>
+      android:paddingRight="25dp"
+      app:layout_constraintTop_toTopOf="parent"
+      tools:background="@color/CD0D0D0"/>
 
     <android.support.design.widget.TabLayout
       android:id="@+id/tab_layout_bucket_list"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
-      android:layout_alignParentStart="true"
-      android:layout_alignParentBottom="true"
-      android:layout_marginBottom="35dp"
-      app:tabBackground="@drawable/tab_selector"
+      app:layout_constraintBottom_toBottomOf="@+id/view_pager_bucket_list"
+      app:tabBackground="@drawable/best_bucket_tab_selector"
       app:tabGravity="center"
-      app:tabIndicatorHeight="0dp"/>
+      app:tabIndicatorHeight="0dp"
+      app:tabPadding="5dp"/>
 
     <ImageView
       android:id="@+id/image_view_text_balloon"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
-      android:layout_alignParentEnd="true"
-      android:layout_alignParentBottom="true"
       android:layout_marginEnd="73dp"
       android:layout_marginBottom="22dp"
+      app:layout_constraintBottom_toBottomOf="parent"
+      app:layout_constraintEnd_toEndOf="parent"
       app:srcCompat="@drawable/ic_textballoon_shape"/>
 
     <TextView
+      android:id="@+id/text_view_bucket_guide"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
-      android:layout_alignParentEnd="true"
-      android:layout_alignParentBottom="true"
-      android:layout_marginEnd="87dp"
-      android:layout_marginBottom="27dp"
-      android:lineSpacingExtra="4sp"
+      android:layout_marginStart="18dp"
+      android:lineSpacingExtra="2sp"
       android:text="@string/bucket_list_write"
       android:textColor="@color/CD0D0D0"
-      android:textSize="12sp"/>
-  </RelativeLayout>
+      android:textSize="11sp"
+      app:layout_constraintBottom_toBottomOf="@+id/image_view_text_balloon"
+      app:layout_constraintStart_toStartOf="@+id/image_view_text_balloon"
+      app:layout_constraintTop_toTopOf="@+id/image_view_text_balloon"/>
+  </android.support.constraint.ConstraintLayout>
 </LinearLayout>