一个布局在另一个之下

Question

我正在尝试重新创建Android L时钟应用程序带有警报的动画。 在动画中有警报的一般信息的布局，当你按下它时，另一个布局似乎从原始布局下面滑动以显示更多细节，如下所示：

问题是，当警报未展开时，我似乎无法仅显示顶部布局。我可以通过第一个看到第二个布局，这不是我想要的......

这是我到目前为止所尝试的内容：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal|top"
    android:id="@+id/llMainContent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Bread"
        android:id="@+id/tvItemName"
        android:textStyle="bold"
        android:padding="16dp"
        android:textSize="24sp"
        android:textColor="@android:color/black"/>

    <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Quantity: 5"
        android:padding="16dp"
        android:textSize="24sp"/>
</LinearLayout>



<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="top|center_horizontal"
    android:id="@+id/llExpendedContent"
    android:layout_below="@+id/llMainContent">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_info_outline_black_24dp"
        android:layout_gravity="center"/>

</LinearLayout>

...然后我将llExpandedContent的TranslationY设置为negetive它自己的大小，并将llMainContent带到上面：

llExpendedContent.setTranslationY(-(holder.llExpendedContent.getHeight())/mContext.getResources().getDisplayMetrics().density);
llMainContent.bringToFront();

但仍显示第二个布局（图像） 任何想法我能做什么？