samples/wearable/WatchViewStub/_index.html

<p><b>About:</b> This sample demonstrates how to specify different layouts for round and rectangular
screens. The layouts used in this sample are as follows:
    <ul>
        <li>Round:  The background is a blue/green ring surrounding red text.</li>
        <li>Rect:   The background is a blue/breen rounded rectangle with red text on top.</li>
    </ul>
Additionally, a unique animation is played when the user clicks on the layout, depending on whether
the screen is round or rectangular:
    <ul>
        <li>Round:  The layout rotates 360 degrees.</li>
        <li>Rect:   The layout shrinks to 70% and then grows back to 100%.</li>
    </ul>
</p>
<p><b>How to run:</b> Install the Wearable APK on the wearable, go to the voice menu (either by
saying "OK Google" or tapping the home screen) and select the "Start..." option. Then, select
"WatchViewStub Sample" from the submenu.</p>
<p><b>Wearable APIs used:</b> WatchViewStub, DismissOverlayView</p>
<p><b>Screenshots:</b>
    <figure>
        <img src="screenshots/watch_view_stub_round.png" alt="Round layout" width="180"
             height="180">
        <img src="screenshots/watch_view_stub_rectangular.png" alt="Rectangular layout" width="140"
             height="140">
        <figcaption>The layout that is inflated depends on the shape of your wearable.</figcaption>
    </figure>
</p>