• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<p><b>About:</b> Demonstrates how to create a DelayedConfirmationView in your wearable app. In this
2sample, pressing a button on the phone app sends a message to the wearable to start a simple
3activity. This activity displays a DelayedConfirmationView that starts when the user presses "Start
4Timer." Then, callbacks are implemented on both the wearable and phone to show when the timer is
5selected or finishes. The activity on the wearable uses BoxInsetLayout to automatically apply
6appropriate margins based on whether the display is square or circular.</p>
7<p><b>How to run:</b> Install the Application APK on the companion, and the Wearable APK on the
8wearable. Start the sample by running the DelayedConfirmation application on the companion and
9pressing "Start".</p>
10<p><b>Wearable APIs used:</b> MessageApi, NodeApi, WearableListenerService, BoxInsetLayout,
11DelayedConfirmationView</p>
12<p><b>Screenshots:</b>
13    <figure>
14        <img src="screenshots/delayed_confirmation_box_inset_top.png" alt='DelayedConfirmation view
15            in BoxInsetLayout with layout_box="top"' width="160" height="160">
16        <img src="screenshots/delayed_confirmation_box_inset_all.png" alt='DelayedConfirmation view
17            in BoxInsetLayout with layout_box="all"' width="160" height="160">
18        <img src="screenshots/delayed_confirmation_notification.png" alt="DelayedConfirmationView
19            selected notification" width="140" height="140">
20        <img src="screenshots/companion_delayed_confirmation.png" alt="Timer Selected toast on
21            companion" width="216" height="384">
22        <figcaption>From left to right: DelayedConfirmationView in a BoxInsetLayout with
23            layout_box="top", the same view but with layout_box="all", the notification that shows
24            up on the wearable when you select the timer before it finishes, and the toast generated
25            on the phone at the same time. Note: normally you would make the circle's background the
26            same color as the box background so users won't see the box's edges.</figcaption>
27    </figure>
28</p>
29