From 317ebf6c805a30bb20ef232257b414484914d787 Mon Sep 17 00:00:00 2001
From: bowyer-app <bowyer.app@gmail.com>
Date: Thu, 6 Aug 2015 21:25:19 +0900
Subject: [PATCH] add bottom sheet

---
 .../demo/MainActivity.java                    |  32 +-
 demo/src/main/res/layout/activity_main.xml    |  29 ++
 .../BottomSheetLayout.java                    | 441 ++++++++++++++++++
 .../main/res/layout/bottom_sheet_layout.xml   |  27 ++
 .../src/main/res/layout/sheet_layout.xml      |  28 +-
 5 files changed, 550 insertions(+), 7 deletions(-)
 create mode 100644 fabtransitionlayout/src/main/java/com/bowyer/app/fabtransitionlayout/BottomSheetLayout.java
 create mode 100644 fabtransitionlayout/src/main/res/layout/bottom_sheet_layout.xml

diff --git a/demo/src/main/java/com/bowyer/fabtransitionlayout/demo/MainActivity.java b/demo/src/main/java/com/bowyer/fabtransitionlayout/demo/MainActivity.java
index 6ba947b..c225fd2 100644
--- a/demo/src/main/java/com/bowyer/fabtransitionlayout/demo/MainActivity.java
+++ b/demo/src/main/java/com/bowyer/fabtransitionlayout/demo/MainActivity.java
@@ -1,5 +1,6 @@
 package com.bowyer.fabtransitionlayout.demo;
 
+import com.bowyer.app.fabtransitionlayout.BottomSheetLayout;
 import com.bowyer.app.fabtransitionlayout.FooterLayout;
 import com.github.ksoichiro.android.observablescrollview.ObservableListView;
 import com.github.ksoichiro.android.observablescrollview.ObservableScrollViewCallbacks;
@@ -8,14 +9,13 @@
 import android.animation.Animator;
 import android.animation.ObjectAnimator;
 import android.animation.PropertyValuesHolder;
+import android.os.Bundle;
 import android.support.design.widget.FloatingActionButton;
 import android.support.v7.app.ActionBarActivity;
-import android.os.Bundle;
-import android.view.Menu;
-import android.view.MenuItem;
 import android.view.View;
 import android.widget.ArrayAdapter;
 import android.widget.ImageView;
+import android.widget.ListView;
 
 import java.util.ArrayList;
 import java.util.List;
@@ -31,8 +31,15 @@ public class MainActivity extends ActionBarActivity implements ObservableScrollV
     ObservableListView mObservableListView;
     @InjectView(R.id.fabtoolbar)
     FooterLayout mFabToolbar;
+    @InjectView(R.id.fablist)
+    BottomSheetLayout mFooterLayout;
+    @InjectView(R.id.list_menu)
+    ListView mListView;
+
     @InjectView(R.id.fab)
     FloatingActionButton mFab;
+    @InjectView(R.id.fab_left)
+    FloatingActionButton mFabLeft;
 
     @InjectView(R.id.ic_call)
     ImageView mIcCall;
@@ -47,9 +54,21 @@ protected void onCreate(Bundle savedInstanceState) {
         setContentView(R.layout.activity_main);
         ButterKnife.inject(this);
         initListView();
+        initListMenu();
         mFabToolbar.setFab(mFab);
+        mFooterLayout.setFab(mFabLeft);
     }
 
+    private void initListMenu(){
+        List<String> menu = new ArrayList<>();
+        menu.add("Share");
+        menu.add("Upload");
+        menu.add("Fav");
+        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
+                android.R.layout.simple_list_item_1, menu);
+        mListView.setAdapter(adapter);
+
+    }
     private void initListView() {
         List<String> list = new ArrayList<String>(100);
         for (int i = 0; i < 100; i++) {
@@ -76,8 +95,10 @@ public void onDownMotionEvent() {
     public void onUpOrCancelMotionEvent(ScrollState scrollState) {
         if (scrollState == ScrollState.UP) {
             mFabToolbar.slideOutFab();
+            mFooterLayout.slideOutFab();
         } else if (scrollState == ScrollState.DOWN) {
             mFabToolbar.slideInFab();
+            mFooterLayout.slideInFab();
         }
     }
 
@@ -86,6 +107,11 @@ void onFabClick() {
         mFabToolbar.expandFab();
     }
 
+    @OnClick(R.id.fab_left)
+    void onFabLeftClick(){
+        mFooterLayout.expandFab();
+    }
+
     @OnClick(R.id.call)
     void onClickCall() {
         iconAnim(mIcCall);
diff --git a/demo/src/main/res/layout/activity_main.xml b/demo/src/main/res/layout/activity_main.xml
index 44c271d..4665db1 100644
--- a/demo/src/main/res/layout/activity_main.xml
+++ b/demo/src/main/res/layout/activity_main.xml
@@ -18,11 +18,40 @@
             android:layout_gravity="bottom|end"
             android:layout_marginBottom="32dp"
             android:layout_marginRight="32dp"
+            android:visibility="invisible"
             android:src="@drawable/ic_add_white_24dp"
             app:borderWidth="0dp"
             app:fabSize="normal"
             app:rippleColor="@color/primary"
             />
+    <android.support.design.widget.FloatingActionButton
+            android:id="@+id/fab_left"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="bottom|end"
+            android:layout_marginBottom="32dp"
+            android:layout_marginRight="32dp"
+            android:src="@drawable/ic_add_white_24dp"
+            app:borderWidth="0dp"
+            app:fabSize="normal"
+            app:rippleColor="@color/primary"
+            />
+
+    <com.bowyer.app.fabtransitionlayout.BottomSheetLayout
+            android:id="@+id/fablist"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:layout_gravity="bottom"
+            app:ft_container_gravity="end"
+            app:ft_color="@color/primary">
+
+        <ListView
+                android:id="@+id/list_menu"
+                android:background="@color/primary"
+                android:divider="@null"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"/>
+    </com.bowyer.app.fabtransitionlayout.BottomSheetLayout>
 
     <com.bowyer.app.fabtransitionlayout.FooterLayout
             android:id="@+id/fabtoolbar"
diff --git a/fabtransitionlayout/src/main/java/com/bowyer/app/fabtransitionlayout/BottomSheetLayout.java b/fabtransitionlayout/src/main/java/com/bowyer/app/fabtransitionlayout/BottomSheetLayout.java
new file mode 100644
index 0000000..0baad1a
--- /dev/null
+++ b/fabtransitionlayout/src/main/java/com/bowyer/app/fabtransitionlayout/BottomSheetLayout.java
@@ -0,0 +1,441 @@
+package com.bowyer.app.fabtransitionlayout;
+
+import android.animation.Animator;
+import android.animation.AnimatorListenerAdapter;
+import android.animation.AnimatorSet;
+import android.animation.ObjectAnimator;
+import android.animation.PropertyValuesHolder;
+import android.content.Context;
+import android.content.res.Resources;
+import android.content.res.TypedArray;
+import android.os.Build;
+import android.support.annotation.IntDef;
+import android.support.annotation.NonNull;
+import android.support.v4.view.animation.FastOutLinearInInterpolator;
+import android.support.v4.view.animation.FastOutSlowInInterpolator;
+import android.util.AttributeSet;
+import android.util.TypedValue;
+import android.view.Gravity;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.ViewAnimationUtils;
+import android.view.ViewGroup;
+import android.view.ViewPropertyAnimator;
+import android.view.animation.AccelerateInterpolator;
+import android.view.animation.LinearInterpolator;
+import android.widget.FrameLayout;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+
+/**
+ * Created by Bowyer on 2015/08/05.
+ */
+public class BottomSheetLayout extends FrameLayout implements View.OnTouchListener {
+
+    private static final int DEFAULT_ANIMATION_DURATION = 600;
+
+    @SuppressWarnings("unused")
+    private int animationDuration = DEFAULT_ANIMATION_DURATION;//use feature
+
+    private ImageView mFab;
+
+    private LinearLayout mFabExpandLayout;
+    private View mFakeBg;
+
+    @Override
+    public boolean onTouch(View v, MotionEvent event) {
+        contractFab();
+        return true;
+    }
+
+    @IntDef({FAB_CIRCLE, FAB_EXPAND})
+    private @interface Fab {
+
+    }
+
+    private static final int FAB_CIRCLE = 0;
+    private static final int FAB_EXPAND = 1;
+
+    int mFabType = FAB_CIRCLE;
+    boolean mAnimatingFab = false;
+
+    public BottomSheetLayout(Context context) {
+        super(context);
+        init();
+    }
+
+    public BottomSheetLayout(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        init();
+        loadAttributes(context, attrs);
+    }
+
+    public BottomSheetLayout(Context context, AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+        init();
+        loadAttributes(context, attrs);
+    }
+
+    private void init() {
+        inflate(getContext(), R.layout.bottom_sheet_layout, this);
+        mFabExpandLayout = ((LinearLayout) findViewById(R.id.container));
+        mFakeBg = findViewById(R.id.fake_bg);
+    }
+
+    private void loadAttributes(Context context, AttributeSet attrs) {
+        TypedValue outValue = new TypedValue();
+        Resources.Theme theme = context.getTheme();
+
+        // use ?attr/colorPrimary as background color
+        theme.resolveAttribute(R.attr.colorPrimary, outValue, true);
+
+        TypedArray a = getContext().getTheme().obtainStyledAttributes(
+                attrs,
+                R.styleable.FooterLayout,
+                0, 0);
+
+        int containerGravity;
+        try {
+            setColor(a.getColor(R.styleable.FooterLayout_ft_color,
+                    outValue.data));
+            animationDuration = a.getInteger(R.styleable.FooterLayout_ft_anim_duration,
+                    DEFAULT_ANIMATION_DURATION);
+            containerGravity = a.getInteger(R.styleable.FooterLayout_ft_container_gravity, 1);
+
+        } finally {
+            a.recycle();
+        }
+
+        mFabExpandLayout.setGravity(getGravity(containerGravity));
+    }
+
+    public void setFab(ImageView imageView) {
+        mFab = imageView;
+    }
+
+    private int getGravity(int gravityEnum) {
+        return (gravityEnum == 0 ? Gravity.START
+                : gravityEnum == 1 ? Gravity.CENTER_HORIZONTAL : Gravity.END)
+                | Gravity.CENTER_VERTICAL;
+    }
+
+    public void setColor(int color) {
+        mFabExpandLayout.setBackgroundColor(color);
+    }
+
+    @Override
+    public void addView(@NonNull View child) {
+        if (canAddViewToContainer(child)) {
+            mFabExpandLayout.addView(child);
+        } else {
+            super.addView(child);
+        }
+    }
+
+    @Override
+    public void addView(@NonNull View child, int width, int height) {
+        if (canAddViewToContainer(child)) {
+            mFabExpandLayout.addView(child, width, height);
+        } else {
+            super.addView(child, width, height);
+        }
+    }
+
+    @Override
+    public void addView(@NonNull View child, ViewGroup.LayoutParams params) {
+        if (canAddViewToContainer(child)) {
+            mFabExpandLayout.addView(child, params);
+        } else {
+            super.addView(child, params);
+        }
+    }
+
+    @Override
+    public void addView(@NonNull View child, int index, ViewGroup.LayoutParams params) {
+        if (canAddViewToContainer(child)) {
+            mFabExpandLayout.addView(child, index, params);
+        } else {
+            super.addView(child, index, params);
+        }
+    }
+
+    private boolean canAddViewToContainer(View child) {
+        return mFabExpandLayout != null;
+    }
+
+    public void showFab() {
+        if (isExpandFab()) {
+            mFabExpandLayout.setVisibility(View.VISIBLE);
+            mFakeBg.setVisibility(VISIBLE);
+            mFakeBg.setOnTouchListener(this);
+        } else {
+            mFab.setVisibility(View.VISIBLE);
+        }
+    }
+
+    public void hideFab() {
+        if (isExpandFab()) {
+            mFabExpandLayout.setVisibility(View.INVISIBLE);
+            mFakeBg.setVisibility(INVISIBLE);
+            mFakeBg.setOnTouchListener(null);
+        } else {
+            mFab.setVisibility(View.INVISIBLE);
+        }
+    }
+
+    private void fadeInFab() {
+        if (mAnimatingFab) {
+            return;
+        }
+
+        mAnimatingFab = true;
+        boolean isExpandFab = isExpandFab();
+
+        View fab = isExpandFab ? mFabExpandLayout : mFab;
+        fab.setAlpha(0f);
+
+        //ExpandLayoutの場合は下からスライドしながらフェードインにする
+        if (isExpandFab) {
+            fab.setTranslationY(fab.getHeight());
+        } else {
+            fab.setScaleX(0f);
+            fab.setScaleY(0f);
+        }
+
+        fab.setVisibility(View.VISIBLE);
+        ViewPropertyAnimator anim = fab.animate()
+                .setStartDelay(1000)
+                .setDuration(300)
+                .setInterpolator(new FastOutSlowInInterpolator())
+                .alpha(1f);
+
+        if (isExpandFab) {
+            anim.translationY(0f);
+        } else {
+            anim.scaleX(1f).scaleY(1f);
+        }
+
+        anim.setListener(new AnimatorListenerAdapter() {
+            @Override
+            public void onAnimationEnd(final Animator animation) {
+                super.onAnimationEnd(animation);
+                mAnimatingFab = false;
+            }
+        }).start();
+    }
+
+    public void slideInFab() {
+        if (mAnimatingFab) {
+            return;
+        }
+
+        if (isExpandFab()) {
+            contractFab();
+            return;
+        }
+
+        ViewGroup.MarginLayoutParams lp = (ViewGroup.MarginLayoutParams) mFab.getLayoutParams();
+        float dy = mFab.getHeight() + lp.bottomMargin;
+        if (mFab.getTranslationY() != dy) {
+            return;
+        }
+
+        mAnimatingFab = true;
+        mFab.setVisibility(View.VISIBLE);
+        mFab.animate()
+                .setStartDelay(0)
+                .setDuration(200)
+                .setInterpolator(new FastOutLinearInInterpolator())
+                .translationY(0f)
+                .setListener(new AnimatorListenerAdapter() {
+                    @Override
+                    public void onAnimationEnd(final Animator animation) {
+                        super.onAnimationEnd(animation);
+                        mAnimatingFab = false;
+                    }
+                })
+                .start();
+
+    }
+
+    public void slideOutFab() {
+        if (mAnimatingFab) {
+            return;
+        }
+
+        if (isExpandFab()) {
+            contractFab();
+            return;
+        }
+
+        ViewGroup.MarginLayoutParams lp = (ViewGroup.MarginLayoutParams) mFab.getLayoutParams();
+        if (mFab.getTranslationY() != 0f) {
+            return;
+        }
+
+        mAnimatingFab = true;
+        mFab.animate()
+                .setStartDelay(0)
+                .setDuration(200)
+                .setInterpolator(new FastOutLinearInInterpolator())
+                .translationY(mFab.getHeight() + lp.bottomMargin)
+                .setListener(new AnimatorListenerAdapter() {
+                    @Override
+                    public void onAnimationEnd(final Animator animation) {
+                        super.onAnimationEnd(animation);
+                        mAnimatingFab = false;
+                        mFab.setVisibility(View.INVISIBLE);
+                    }
+                })
+                .start();
+
+    }
+
+    public void expandFab() {
+        //Lollipop以外は一旦アニメーション無視
+        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
+            hideFab();
+            mFabType = FAB_EXPAND;
+            showFab();
+            return;
+        }
+
+        mAnimatingFab = true;
+        mFabType = FAB_EXPAND;
+
+        float dx = ViewUtils.centerX(mFabExpandLayout) + mFab.getWidth() - ViewUtils.centerX(mFab);
+        float dy = ViewUtils.centerY(mFabExpandLayout) / 20;
+
+        Animator slideFadeOutXAnim = ObjectAnimator.ofPropertyValuesHolder(mFab,
+                PropertyValuesHolder.ofFloat("translationX", 0f, dx),
+                PropertyValuesHolder.ofFloat("alpha", 1f, 0f));
+        slideFadeOutXAnim.setDuration(200);
+
+        Animator slideFadeOutYAnim = ObjectAnimator.ofPropertyValuesHolder(mFab,
+                PropertyValuesHolder.ofFloat("translationY", 0f, dy));
+        slideFadeOutYAnim.setDuration(180);
+        slideFadeOutYAnim.setInterpolator(new AccelerateInterpolator());
+
+        mFabExpandLayout.setAlpha(0f);
+        mFabExpandLayout.setTranslationX(mFab.getWidth());
+        Animator slideFadeInAnim = ObjectAnimator.ofPropertyValuesHolder(mFabExpandLayout,
+                PropertyValuesHolder.ofFloat("translationX", mFab.getWidth(), 0f),
+                PropertyValuesHolder.ofFloat("alpha", 0f, 1f));
+        slideFadeInAnim.setStartDelay(150);
+        slideFadeInAnim.setDuration(50);
+
+        int x = (mFabExpandLayout.getRight() - mFabExpandLayout.getLeft()) / 2;
+        int y = (mFabExpandLayout.getBottom() - mFabExpandLayout.getTop()) / 2;
+        float startRadius = 1f * mFab.getWidth() / 2f;
+        float endRadius = (float) Math.hypot(
+                Math.max(x, mFabExpandLayout.getWidth() - x),
+                Math.max(y, mFabExpandLayout.getHeight() - y));
+
+        Animator revealAnim = ViewAnimationUtils.createCircularReveal(
+                mFabExpandLayout, x, y, startRadius, endRadius);
+        revealAnim.setStartDelay(150);
+        revealAnim.setDuration(150);
+
+        AnimatorSet animSet = new AnimatorSet();
+        animSet.playTogether(slideFadeOutXAnim, slideFadeOutYAnim, slideFadeInAnim, revealAnim);
+        animSet.setInterpolator(new LinearInterpolator());
+        animSet.addListener(new AnimatorListenerAdapter() {
+            @Override
+            public void onAnimationStart(final Animator animation) {
+                super.onAnimationStart(animation);
+                mFabExpandLayout.setVisibility(View.VISIBLE);
+            }
+
+            @Override
+            public void onAnimationEnd(final Animator animation) {
+                super.onAnimationEnd(animation);
+                mFab.setVisibility(View.INVISIBLE);
+                mFab.setTranslationX(0f);
+                mFab.setTranslationY(0f);
+                mFab.setAlpha(1f);
+                mAnimatingFab = false;
+                mFakeBg.setVisibility(VISIBLE);
+                mFakeBg.setOnTouchListener(BottomSheetLayout.this);
+            }
+        });
+
+        animSet.start();
+
+    }
+
+    public void contractFab() {
+        //Lollipop以外は一旦アニメーション無視
+        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
+            hideFab();
+            mFabType = FAB_CIRCLE;
+            showFab();
+            return;
+        }
+
+        mAnimatingFab = true;
+        mFabType = FAB_CIRCLE;
+
+        int x = (mFabExpandLayout.getRight() - mFabExpandLayout.getLeft()) / 2;
+        int y = (mFabExpandLayout.getBottom() - mFabExpandLayout.getTop()) / 2;
+        float endRadius = 1f * mFab.getWidth() / 2f;
+        float startRadius = (float) Math.hypot(
+                Math.max(x, mFabExpandLayout.getWidth() - x),
+                Math.max(y, mFabExpandLayout.getHeight() - y));
+
+        Animator revealAnim = ViewAnimationUtils.createCircularReveal(
+                mFabExpandLayout, x, y, startRadius, endRadius);
+        revealAnim.setDuration(200);
+
+        Animator slideFadeOutAnim = ObjectAnimator.ofPropertyValuesHolder(mFabExpandLayout,
+                PropertyValuesHolder.ofFloat("translationX", 0f, mFab.getWidth()),
+                PropertyValuesHolder.ofFloat("alpha", 1f, 0f));
+        slideFadeOutAnim.setStartDelay(150);
+        slideFadeOutAnim.setDuration(50);
+
+        float dx = ViewUtils.centerX(mFabExpandLayout) + mFab.getWidth() - ViewUtils.centerX(mFab);
+        float dy = ViewUtils.centerY(mFabExpandLayout) / 25;
+
+        mFab.setTranslationX(dx);
+        mFab.setTranslationY(dy);
+        mFab.setAlpha(0f);
+
+        Animator slideFadeInXAnim = ObjectAnimator.ofPropertyValuesHolder(mFab,
+                PropertyValuesHolder.ofFloat("translationX", dx, 0f),
+                PropertyValuesHolder.ofFloat("alpha", 0f, 1f));
+        slideFadeInXAnim.setStartDelay(150);
+        slideFadeInXAnim.setDuration(150);
+
+        Animator slideFadeInYAnim = ObjectAnimator.ofPropertyValuesHolder(mFab,
+                PropertyValuesHolder.ofFloat("translationY", dy, 0f));
+        slideFadeInYAnim.setStartDelay(150);
+        slideFadeInYAnim.setDuration(150);
+        slideFadeInYAnim.setInterpolator(new AccelerateInterpolator());
+
+        AnimatorSet animSet = new AnimatorSet();
+        animSet.playTogether(revealAnim, slideFadeOutAnim, slideFadeInXAnim, slideFadeInYAnim);
+        animSet.addListener(new AnimatorListenerAdapter() {
+            @Override
+            public void onAnimationStart(final Animator animation) {
+                super.onAnimationStart(animation);
+                mFab.setVisibility(View.VISIBLE);
+            }
+
+            @Override
+            public void onAnimationEnd(final Animator animation) {
+                super.onAnimationEnd(animation);
+                mFabExpandLayout.setVisibility(View.INVISIBLE);
+                mFabExpandLayout.setAlpha(1f);
+                mFabExpandLayout.setTranslationX(0f);
+                mAnimatingFab = false;
+            }
+        });
+        mFakeBg.setVisibility(INVISIBLE);
+        mFakeBg.setOnTouchListener(null);
+        animSet.start();
+
+    }
+
+    private boolean isExpandFab() {
+        return mFabType == FAB_EXPAND;
+    }
+}
diff --git a/fabtransitionlayout/src/main/res/layout/bottom_sheet_layout.xml b/fabtransitionlayout/src/main/res/layout/bottom_sheet_layout.xml
new file mode 100644
index 0000000..35a6d8e
--- /dev/null
+++ b/fabtransitionlayout/src/main/res/layout/bottom_sheet_layout.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout
+        xmlns:android="http://schemas.android.com/apk/res/android"
+        android:orientation="vertical"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        >
+
+    <View
+            android:id="@+id/fake_bg"
+            android:visibility="invisible"
+            android:layout_weight="1"
+            android:background="#50000000"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            />
+
+    <LinearLayout
+            android:id="@+id/container"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:visibility="invisible"
+            android:elevation="@dimen/elevation"
+            />
+
+</LinearLayout>
diff --git a/fabtransitionlayout/src/main/res/layout/sheet_layout.xml b/fabtransitionlayout/src/main/res/layout/sheet_layout.xml
index ab8ed1a..35a6d8e 100644
--- a/fabtransitionlayout/src/main/res/layout/sheet_layout.xml
+++ b/fabtransitionlayout/src/main/res/layout/sheet_layout.xml
@@ -1,7 +1,27 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-              android:orientation="vertical"
-              android:layout_width="match_parent"
-              android:layout_height="match_parent">
+<LinearLayout
+        xmlns:android="http://schemas.android.com/apk/res/android"
+        android:orientation="vertical"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        >
+
+    <View
+            android:id="@+id/fake_bg"
+            android:visibility="invisible"
+            android:layout_weight="1"
+            android:background="#50000000"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            />
+
+    <LinearLayout
+            android:id="@+id/container"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:visibility="invisible"
+            android:elevation="@dimen/elevation"
+            />
 
 </LinearLayout>