Difference between revisions of "Apple Watch Interface"

From HSYCO
Jump to navigation Jump to search
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
[[Category:User Interface]]
 
[[Category:User Interface]]
  
An Apple Watch interface can be created visually through the Project Editor or using a Project's UISet (for example, for dynamically build Watch interfaces).
+
An Apple Watch interface can be created visually through the Project Editor or using a Project's UISet (to dynamically build Watch interfaces).
  
 
== Objects ==
 
== Objects ==
Line 84: Line 84:
  
 
E.g. If the url is "http://www.myurl.com/slider?%value" and the slider's value is changed to "77", the following URL is requested: "http://www.myurl.com/slider?77"
 
E.g. If the url is "http://www.myurl.com/slider?%value" and the slider's value is changed to "77", the following URL is requested: "http://www.myurl.com/slider?77"
 +
 +
=== Speech ===
 +
[[File:Apple Watch UI Object speech.png]]
 +
 +
Opens the speech recognition popup, that allows sending speech commands to the server.
 +
 +
Available from iOS 10.
  
 
==== UISet Attributes ====
 
==== UISet Attributes ====
 
*'''label''': to dynamically modify the slider's label
 
*'''label''': to dynamically modify the slider's label
*'''value''': 0-100, modifies the displayed value
 
 
*'''visible''': true|false, specifies the object visibility
 
*'''visible''': true|false, specifies the object visibility
  
Line 103: Line 109:
 
=== Camera ===
 
=== Camera ===
 
[[File:Apple Watch UI Object camera.png]]
 
[[File:Apple Watch UI Object camera.png]]
Displays a camera.
+
Displays a camera. Tapping on it opens a popup with motions, if any are available.
 
==== Parameters ====
 
==== Parameters ====
 
*'''id''': the object's ID, used by UISets, optional
 
*'''id''': the object's ID, used by UISets, optional
Line 111: Line 117:
 
==== UISet Attributes ====
 
==== UISet Attributes ====
 
*'''visible''': true|false, specifies the object visibility
 
*'''visible''': true|false, specifies the object visibility
 +
 +
==== Playback ====
 +
Tapping on the camera image, once visible, will open a popup that displays motions, if any are available.
 +
The Watch's crown will move along the motion's timeline and across motions once it reachs the beginning or the end of it.

Latest revision as of 11:18, 21 November 2018


An Apple Watch interface can be created visually through the Project Editor or using a Project's UISet (to dynamically build Watch interfaces).

Objects

Label

A label object to display text. Text can be on multiple rows. The object's height will adjust to contain the text.

Apple Watch UI Object label.png

Parameters

  • id: the object's ID, used by UISets, optional
  • text: the label's text

UISet Attributes

  • text: to dynamically modify the text
  • visible: true|false, specifies the object visibility

Button

A button object that executes an action.

Apple Watch UI Object label.png

Parameters

  • id: the object's ID, used by UISets, optional
  • label: the button's label
  • action: the button's action
The action parameter specifies the type of action and can have the following values:
  • user: similar to a User Button object, sends a User call to the server
  • device: similar to a Button object, controls a light or automation device
  • url: requests the specified URL
Each type of action uses different parameters as following.
User Parameters
  • name: name passed to the Java callback method and event in EVENTS
  • parameter: parameter passed to the Java callback method and event in EVENTS
Device Parameters
  • address: device data point name
Device Parameters
  • url: the URL to be requested. Its return value will give a different feedback: "ack" (success feedback) or "error" (failure feedback)

UISet Attributes

  • label: to dynamically modify the button's label
  • visible: true|false, specifies the object visibility

Light

Apple Watch UI Object light.png

The light object displays a "light" icon on the left of the button. It has the same parameters as the "Button" object. If the "action" is "device", Its icon changes to reflect the status of the associated device address.

UISet Attributes

  • label: to dynamically modify the button's label
  • state: used to change the icon state if the "action" is not "device". Can be "off", "on" or "unknown".
  • visible: true|false, specifies the object visibility

OnOff

Apple Watch UI Object onoff.png

Same as the Light object, but displays an on/off icon.

Shutter

Apple Watch UI Object shutter.png

Same as the Light and OnOff objects, but with an additional parameter "mode" for the direction of the shutter. The UISet "state" can have the following values: "up", "down", "offup", "offdown", "unknown".

Slider

Apple Watch UI Object slider.png

Same as the Button object, but sends a value as well.

If action is "device", the slider's value is updated with the corresponding device's state.

If the action is "user", the slider's value is sent as parameter.

If the action is "url", the slider's value will be replaced in the URL where "%value" is found.

E.g. If the url is "http://www.myurl.com/slider?%value" and the slider's value is changed to "77", the following URL is requested: "http://www.myurl.com/slider?77"

Speech

Apple Watch UI Object speech.png

Opens the speech recognition popup, that allows sending speech commands to the server.

Available from iOS 10.

UISet Attributes

  • label: to dynamically modify the slider's label
  • visible: true|false, specifies the object visibility

Image

Apple Watch UI Object image.png Displays an image.

Parameters

  • id: the object's ID, used by UISets, optional
  • url: the image's URL

UISet Attributes

  • url: to dynamically change the image
  • visible: true|false, specifies the object visibility

Camera

Apple Watch UI Object camera.png Displays a camera. Tapping on it opens a popup with motions, if any are available.

Parameters

  • id: the object's ID, used by UISets, optional
  • address: the camera's address
  • visible: true|false, specifies the object visibility

UISet Attributes

  • visible: true|false, specifies the object visibility

Playback

Tapping on the camera image, once visible, will open a popup that displays motions, if any are available. The Watch's crown will move along the motion's timeline and across motions once it reachs the beginning or the end of it.