zumo_2.0_android/app/src/main/res/layout/fragment_my_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView
  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:id="@+id/scroller"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:scrollbars="none">

  <android.support.constraint.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:descendantFocusability="blocksDescendants">

    <!--member header layout -->
    <android.support.constraint.ConstraintLayout
      android:id="@+id/layout_member_header"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="18dp"
      android:layout_marginBottom="6dp"
      android:visibility="gone"
      app:layout_constraintBottom_toTopOf="@+id/divider"
      app:layout_constraintTop_toTopOf="parent"
      tools:visibility="visible">

      <android.support.constraint.ConstraintLayout
        android:id="@+id/member_coin_area"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="?android:attr/selectableItemBackground"
        android:paddingStart="7dp"
        android:paddingEnd="3dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <TextView
          android:id="@+id/text_view_my_coin"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:includeFontPadding="false"
          android:lineSpacingExtra="0dp"
          android:textColor="@color/C000000"
          android:textSize="21sp"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintHorizontal_chainStyle="packed"
          app:layout_constraintTop_toTopOf="parent"
          tools:text="6,900"/>

        <ImageView
          android:id="@+id/image_view_coin"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:paddingStart="3dp"
          android:paddingTop="10dp"
          android:paddingBottom="10dp"
          app:layout_constraintBottom_toBottomOf="@+id/text_view_my_coin"
          app:layout_constraintEnd_toStartOf="@+id/image_view_my_coin_arrow"
          app:layout_constraintHorizontal_chainStyle="packed"
          app:layout_constraintStart_toEndOf="@+id/text_view_my_coin"
          app:layout_constraintTop_toTopOf="@+id/text_view_my_coin"
          app:srcCompat="@drawable/icon_coin"/>

        <ImageView
          android:id="@+id/image_view_my_coin_arrow"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:paddingTop="10dp"
          android:paddingEnd="3dp"
          android:paddingBottom="10dp"
          app:layout_constraintBottom_toBottomOf="@+id/image_view_coin"
          app:layout_constraintHorizontal_bias="0.5"
          app:layout_constraintStart_toEndOf="@+id/image_view_coin"
          app:layout_constraintTop_toTopOf="@+id/image_view_coin"
          app:srcCompat="@drawable/icon_detail_arrow"/>
      </android.support.constraint.ConstraintLayout>

      <android.support.constraint.ConstraintLayout
        android:id="@+id/first_layout2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="23dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/member_coin_area">

        <android.support.constraint.ConstraintLayout
          android:id="@+id/layout_haved_coupon"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:background="?android:attr/selectableItemBackground"
          app:layout_constraintEnd_toStartOf="@+id/divider1"
          app:layout_constraintHorizontal_bias="0.5"
          app:layout_constraintStart_toStartOf="parent">

          <TextView
            android:id="@+id/text_view_coupon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:includeFontPadding="false"
            android:paddingStart="4dp"
            android:paddingTop="10dp"
            android:paddingEnd="4dp"
            android:paddingBottom="10dp"
            android:text="@string/having_coupon"
            android:textColor="@color/C999999"
            android:textSize="12sp"
            app:layout_constraintEnd_toStartOf="@+id/text_view_coupon_count"
            />

          <TextView
            android:id="@+id/text_view_coupon_count"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="21dp"
            android:includeFontPadding="false"
            android:paddingTop="10dp"
            android:paddingEnd="4dp"
            android:paddingBottom="10dp"
            android:text="@string/zero"
            android:textColor="@color/C000000"
            android:textSize="12sp"
            app:layout_constraintHorizontal_bias="0.5"
            app:layout_constraintStart_toEndOf="@+id/text_view_coupon"/>
        </android.support.constraint.ConstraintLayout>

        <View
          android:id="@+id/divider1"
          android:layout_width="1dp"
          android:layout_height="9dp"
          android:layout_marginStart="26dp"
          android:layout_marginEnd="23dp"
          android:background="@color/CE5E5E5"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintEnd_toStartOf="@+id/layout_purchase_area"
          app:layout_constraintHorizontal_bias="0.5"
          app:layout_constraintStart_toEndOf="@+id/layout_haved_coupon"
          app:layout_constraintTop_toTopOf="parent"/>

        <android.support.constraint.ConstraintLayout
          android:id="@+id/layout_purchase_area"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginEnd="23dp"
          android:background="?android:attr/selectableItemBackground"
          app:layout_constraintEnd_toStartOf="@+id/divider2"
          app:layout_constraintStart_toEndOf="@+id/divider1">

          <TextView
            android:id="@+id/text_view_purchase"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:includeFontPadding="false"
            android:lineSpacingExtra="4sp"
            android:paddingStart="4dp"
            android:paddingTop="10dp"
            android:paddingEnd="4dp"
            android:paddingBottom="10dp"
            android:text="@string/buy_and_reserve"
            android:textColor="@color/C999999"
            android:textSize="12sp"
            app:layout_constraintEnd_toStartOf="@+id/text_view_purchase_count"
            app:layout_constraintHorizontal_bias="0.5"
            />

          <TextView
            android:id="@+id/text_view_purchase_count"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="23dp"
            android:includeFontPadding="false"
            android:lineSpacingExtra="4sp"
            android:paddingTop="10dp"
            android:paddingEnd="4dp"
            android:paddingBottom="10dp"
            android:text="@string/zero"
            android:textColor="@color/C000000"
            android:textSize="12sp"
            app:layout_constraintHorizontal_bias="0.5"
            app:layout_constraintStart_toEndOf="@+id/text_view_purchase"/>
        </android.support.constraint.ConstraintLayout>

        <View
          android:id="@+id/divider2"
          android:layout_width="1dp"
          android:layout_height="9dp"
          android:layout_marginEnd="32dp"
          android:background="@color/CE5E5E5"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintEnd_toStartOf="@+id/layout_event_area"
          app:layout_constraintHorizontal_bias="0.5"
          app:layout_constraintStart_toEndOf="@+id/layout_purchase_area"
          app:layout_constraintTop_toTopOf="parent"/>

        <android.support.constraint.ConstraintLayout
          android:id="@+id/layout_event_area"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:background="?android:attr/selectableItemBackground"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintStart_toEndOf="@+id/divider2"
          >

          <TextView
            android:id="@+id/text_view_event"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:includeFontPadding="false"
            android:lineSpacingExtra="4sp"
            android:paddingStart="4dp"
            android:paddingTop="10dp"
            android:paddingEnd="4dp"
            android:paddingBottom="10dp"
            android:text="@string/menu_category2"
            android:textColor="@color/C999999"
            android:textSize="12sp"
            app:layout_constraintEnd_toStartOf="@+id/text_view_event_count"
            />

          <TextView
            android:id="@+id/text_view_event_count"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:includeFontPadding="false"
            android:lineSpacingExtra="4sp"
            android:paddingTop="10dp"
            android:paddingEnd="4dp"
            android:paddingBottom="10dp"
            android:text="@string/zero"
            android:textColor="@color/C000000"
            android:textSize="12sp"
            app:layout_constraintStart_toEndOf="@+id/text_view_event"/>
        </android.support.constraint.ConstraintLayout>
      </android.support.constraint.ConstraintLayout>
    </android.support.constraint.ConstraintLayout>


    <!-- guest -->
    <android.support.constraint.ConstraintLayout
      android:id="@+id/layout_guest_header"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginBottom="30dp"
      app:layout_constraintBottom_toTopOf="@+id/divider"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toTopOf="parent"
      tools:visibility="gone">

      <android.support.constraint.ConstraintLayout
        android:id="@+id/guest_coin_area"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="25dp"
        android:layout_marginTop="18dp"
        android:background="?android:attr/selectableItemBackground"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <TextView
          android:id="@+id/text_view_guest_coin"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:includeFontPadding="false"
          android:lineSpacingExtra="8sp"
          android:textColor="@color/C000000"
          android:textSize="21sp"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toTopOf="parent"
          tools:text="@string/my_coin_detail"/>

        <ImageView
          android:id="@+id/image_view_guest_coin"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:paddingStart="3dp"
          android:paddingTop="10dp"
          android:paddingBottom="10dp"
          android:scaleType="fitXY"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintStart_toEndOf="@id/text_view_guest_coin"
          app:layout_constraintTop_toTopOf="parent"
          app:srcCompat="@drawable/icon_coin"/>

        <ImageView
          android:id="@+id/image_view_my_guest_coin_arrow"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:paddingTop="10dp"
          android:paddingEnd="3dp"
          android:paddingBottom="10dp"
          android:scaleType="fitXY"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintStart_toEndOf="@id/image_view_guest_coin"
          app:layout_constraintTop_toTopOf="parent"
          app:srcCompat="@drawable/icon_detail_arrow"/>

      </android.support.constraint.ConstraintLayout>

      <TextView
        android:id="@+id/text_view_user_confirm"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="7dp"
        android:layout_marginEnd="10dp"
        android:background="?android:attr/selectableItemBackground"
        android:gravity="end"
        android:includeFontPadding="false"
        android:lineSpacingExtra="4sp"
        android:paddingStart="15dp"
        android:paddingTop="20dp"
        android:paddingEnd="15dp"
        android:paddingBottom="13dp"
        android:text="@string/setting_menu1_user_confirm"
        android:textColor="@color/C000000"
        android:textSize="12sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    </android.support.constraint.ConstraintLayout>

    <View
      android:id="@+id/divider"
      android:layout_width="match_parent"
      android:layout_height="1dp"
      android:layout_marginStart="25dp"
      android:layout_marginEnd="25dp"
      android:background="@color/CE5E5E5"
      app:layout_constraintBottom_toTopOf="@+id/third_layout"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"/>

    <android.support.constraint.ConstraintLayout
      android:id="@+id/third_layout"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginStart="25dp"
      android:layout_marginTop="38dp"
      android:layout_marginEnd="25dp"
      app:layout_constraintEnd_toEndOf="@+id/divider"
      app:layout_constraintStart_toStartOf="@+id/divider"
      app:layout_constraintTop_toBottomOf="@+id/divider"
      app:layout_goneMarginTop="10dp">

      <TextView
        android:id="@+id/text_view_benefit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="35dp"
        android:includeFontPadding="false"
        android:lineSpacingExtra="6sp"
        android:textColor="@color/C000000"
        android:textSize="15sp"
        android:textStyle="bold"
        tools:text="@string/life_plus_benefit_text"/>

      <ImageView
        android:id="@+id/image_view_recommend"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_marginTop="15dp"
        android:scaleType="centerCrop"
        app:layout_constraintDimensionRatio="H,311:195"
        app:layout_constraintStart_toStartOf="@+id/text_view_benefit"
        app:layout_constraintTop_toBottomOf="@+id/text_view_benefit"
        app:srcCompat="@drawable/image_loading_small"/>

      <View
        android:id="@+id/view5"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:background="@drawable/rectangle_dim_black_30_with_circler_border"
        app:layout_constraintBottom_toBottomOf="@+id/image_view_recommend"
        app:layout_constraintDimensionRatio="H,311:195"
        app:layout_constraintEnd_toEndOf="@+id/image_view_recommend"
        app:layout_constraintStart_toStartOf="@id/image_view_recommend"
        app:layout_constraintTop_toTopOf="@+id/image_view_recommend"/>

      <View
        android:id="@+id/view_for_touch_of_recommend"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:background="?android:selectableItemBackground"
        app:layout_constraintBottom_toBottomOf="@+id/image_view_recommend"
        app:layout_constraintDimensionRatio="H,311:195"
        app:layout_constraintEnd_toEndOf="@+id/image_view_recommend"
        app:layout_constraintStart_toStartOf="@id/image_view_recommend"
        app:layout_constraintTop_toTopOf="@+id/image_view_recommend"/>

      <TextView
        android:id="@+id/text_recommend_sub_title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="31dp"
        android:layout_marginTop="31dp"
        android:layout_marginEnd="25dp"
        android:includeFontPadding="false"
        android:lineSpacingExtra="4sp"
        android:textColor="@color/CFFFFFF"
        android:textSize="11sp"
        app:layout_constrainedHeight="true"
        app:layout_constrainedWidth="true"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/view5"
        tools:text="주목해야할 어드벤쳐 여행지 10선 주 주목해야할 어드벤쳐 여행지 10선 주목해야할 어드벤쳐 여행지 10선 "/>

      <TextView
        android:id="@+id/text_recommend_title"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="31dp"
        android:layout_marginTop="7dp"
        android:layout_marginEnd="25dp"
        android:layout_marginBottom="8dp"
        android:includeFontPadding="false"
        android:lineSpacingExtra="8sp"
        android:textColor="@color/CFFFFFF"
        android:textSize="21sp"
        app:layout_constrainedHeight="true"
        app:layout_constraintBottom_toTopOf="@+id/text_recommend_button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/text_recommend_sub_title"
        app:layout_constraintVertical_bias="0"
        tools:text="주목해야할 어드벤쳐 여행지 10선 주목해야할  "/>

      <TextView
        android:id="@+id/text_recommend_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="31dp"
        android:layout_marginBottom="31dp"
        android:background="@drawable/rectangle_border_white"
        android:includeFontPadding="false"
        android:lineSpacingExtra="4sp"
        android:paddingStart="11dp"
        android:paddingTop="5dp"
        android:paddingEnd="11dp"
        android:paddingBottom="5dp"
        android:text="@string/go_contents"
        android:textColor="@color/CFFFFFF"
        android:textSize="12sp"
        android:visibility="gone"
        tools:visibility="visible"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"/>

    </android.support.constraint.ConstraintLayout>

    <android.support.constraint.ConstraintLayout
      android:id="@+id/fourth_layout"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginStart="15dp"
      android:layout_marginTop="33dp"
      android:layout_marginEnd="25dp"
      app:layout_constraintEnd_toEndOf="@+id/third_layout"
      app:layout_constraintStart_toStartOf="@+id/third_layout"
      app:layout_constraintTop_toBottomOf="@+id/third_layout">

      <android.support.constraint.ConstraintLayout
        android:id="@+id/layout_bookmark"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="?android:attr/selectableItemBackground">

        <TextView
          android:id="@+id/text_view_book_mark"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginTop="43dp"
          android:includeFontPadding="false"
          android:lineSpacingExtra="0dp"
          android:paddingStart="10dp"
          android:paddingTop="10dp"
          android:paddingBottom="10dp"
          android:textColor="@color/C000000"
          android:textSize="15sp"
          android:textStyle="bold"
          tools:text="@string/book_mark_count"/>

        <ImageView
          android:id="@+id/image_view_book_mark_arrow"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:paddingStart="4dp"
          android:paddingTop="10dp"
          android:paddingEnd="6dp"
          android:paddingBottom="10dp"
          app:layout_constraintBottom_toBottomOf="@+id/text_view_book_mark"
          app:layout_constraintStart_toEndOf="@+id/text_view_book_mark"
          app:layout_constraintTop_toTopOf="@+id/text_view_book_mark"
          app:srcCompat="@drawable/icon_book_mark_arrow"/>
      </android.support.constraint.ConstraintLayout>
    </android.support.constraint.ConstraintLayout>

    <android.support.constraint.ConstraintLayout
      android:id="@+id/bookmark_container"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginStart="25dp"
      android:layout_marginEnd="25dp"
      app:layout_constraintBottom_toTopOf="@+id/layout_best_bucket"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toBottomOf="@+id/fourth_layout">

      <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view_book_mark_list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>
    </android.support.constraint.ConstraintLayout>

    <android.support.constraint.ConstraintLayout
      android:id="@+id/layout_best_bucket"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginStart="15dp"
      android:layout_marginTop="23dp"
      android:layout_marginEnd="25dp"
      android:layout_marginBottom="15dp"
      app:layout_constraintTop_toBottomOf="@+id/bookmark_container"
      tools:visibility="visible">

      <android.support.constraint.ConstraintLayout
        android:id="@+id/layoute_bucket_area"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="?android:attr/selectableItemBackground">

        <TextView
          android:id="@+id/text_view_exists_bucket_list"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginBottom="15dp"
          android:includeFontPadding="false"
          android:lineSpacingExtra="0dp"
          android:paddingStart="10dp"
          android:paddingTop="10dp"
          android:paddingBottom="10dp"
          android:textColor="@color/C000000"
          android:textSize="15sp"
          android:textStyle="bold"
          tools:text="@string/bucket_list_count"/>

        <ImageView
          android:id="@+id/image_view_arrow_bucket_list"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:paddingStart="4dp"
          android:paddingTop="10dp"
          android:paddingEnd="6dp"
          android:paddingBottom="10dp"
          android:visibility="gone"
          app:layout_constraintBottom_toBottomOf="@+id/text_view_exists_bucket_list"
          app:layout_constraintStart_toEndOf="@+id/text_view_exists_bucket_list"
          app:layout_constraintTop_toTopOf="@+id/text_view_exists_bucket_list"
          app:srcCompat="@drawable/icon_book_mark_arrow"
          tools:visibility="visible"/>
      </android.support.constraint.ConstraintLayout>
    </android.support.constraint.ConstraintLayout>

    <android.support.constraint.ConstraintLayout
      android:id="@+id/layout_my_bucket_list_preview"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginStart="25dp"
      android:layout_marginEnd="25dp"
      android:visibility="gone"
      app:layout_constraintBottom_toTopOf="@+id/view_pager_container"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toBottomOf="@+id/layout_best_bucket"
      tools:visibility="visible">

      <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view_bucket_preview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="14dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"/>

    </android.support.constraint.ConstraintLayout>

    <android.support.constraint.ConstraintLayout
      android:id="@+id/view_pager_container"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginStart="25dp"
      android:layout_marginTop="5dp"
      android:layout_marginEnd="25dp"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toBottomOf="@+id/layout_my_bucket_list_preview"
      app:layout_goneMarginTop="5dp"
      >

      <android.support.v4.view.ViewPager
        android:id="@+id/view_pager_best_bucket_list"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintDimensionRatio="V, 311:150"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        />

      <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout_bucket_list"
        android:layout_width="match_parent"
        android:layout_height="10dp"
        android:layout_alignBottom="@+id/view_pager_best_bucket_list"
        android:layout_marginStart="10dp"
        android:layout_marginBottom="10dp"
        app:layout_constraintBottom_toBottomOf="@+id/view_pager_best_bucket_list"
        app:layout_constraintEnd_toEndOf="@+id/view_pager_best_bucket_list"
        app:layout_constraintStart_toStartOf="@+id/view_pager_best_bucket_list"
        app:tabBackground="@drawable/best_bucket_tab_selector"
        app:tabGravity="center"
        app:tabIndicatorHeight="0dp"
        app:tabPaddingEnd="6dp"
        app:tabPaddingStart="6dp"
        tools:background="@color/CD0D0D0"/>
    </android.support.constraint.ConstraintLayout>

    <android.support.constraint.ConstraintLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="45dp"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toBottomOf="@+id/view_pager_container">

      <ImageView
        android:id="@+id/image_view_coupon_mall"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?android:attr/selectableItemBackground"
        android:scaleType="fitXY"
        android:src="@drawable/banner_mymain"/>
    </android.support.constraint.ConstraintLayout>
  </android.support.constraint.ConstraintLayout>
</android.support.v4.widget.NestedScrollView>