27 lines
1.3 KiB
HTML
27 lines
1.3 KiB
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>
|