как свернуть карты на Android Wear?

Я успешно создал образец карты на Android Wear, обратившись к следующему руководству https://developer.android.com/training/wearables/ui/cards.html

Но моя пробная карточка не сворачивается при пролистывании вниз.

Это вывод, который я получаю

Я хочу нечто подобное

и когда я прокручиваю карту вниз, она сворачивается вот так

Точно так же, как приложение медиаплеера, работающее на носимых устройствах!

Кто-нибудь может мне с этим помочь? Я только начал изучать разработку для носимых устройств.

Вот мой код

package com.example.cardsample;

import android.app.Activity;
import android.os.Bundle;
import android.support.wearable.view.CardScrollView;
import android.view.Gravity;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends Activity {

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.rect);

          CardScrollView cardScrollView = (CardScrollView)
          findViewById(R.id.card_scroll_view);
          cardScrollView.setCardGravity(Gravity.BOTTOM);

    }




}

рект.xml

<android.support.wearable.view.BoxInsetLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:background="@drawable/ic_full_sad"
android:layout_height="match_parent"
android:layout_width="match_parent">

    <android.support.wearable.view.CardScrollView
        android:id="@+id/card_scroll_view"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        app:layout_box="bottom">

        <android.support.wearable.view.CardFrame
            android:layout_height="wrap_content"
            android:layout_width="fill_parent">

            <LinearLayout
                android:layout_height="wrap_content"
                android:layout_width="match_parent"
                android:orientation="vertical"
                android:paddingLeft="5dp">
                <TextView
                    android:fontFamily="sans-serif-light"
                    android:layout_height="wrap_content"
                    android:layout_width="match_parent"
                    android:text="Heading"
                    android:textColor="@color/black"
                    android:textSize="20sp"/>
                <TextView
                    android:fontFamily="sans-serif-light"
                    android:layout_height="wrap_content"
                    android:layout_width="match_parent"
                    android:text="description"
                    android:textColor="@color/black"
                    android:textSize="14sp"/>
            </LinearLayout>
        </android.support.wearable.view.CardFrame>
    </android.support.wearable.view.CardScrollView>
</android.support.wearable.view.BoxInsetLayout>