User interface for manipulating user interface objects with magnetic properties
The present disclosure relates to user interfaces for manipulating user interface objects. A device, including a display and a rotatable input mechanism, is described in relation to manipulating user interface objects. In some examples, the manipulation of the object is a scroll, zoom, or rotate of the object. In other examples, objects are selected in accordance with simulated magnetic properties.
1. A wearable electronic device, comprising:
a crown;
a display;
one or more processors;
a memory; and
one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for:
displaying content on the display of the wearable electronic device at a first position of the display, the content including a plurality of content portions;
detecting a rotation of the crown; and
in response to detecting rotation of the crown:
moving, based on the detected rotation of the crown, the content in a direction that is away from a beginning of the content and towards an end of the content so that a respective portion of the content moves from the first position of the display toward a second position of the display without reaching the second position of the display; and
in accordance with a determination that the respective portion of the content has been moved, based on the rotation of the crown, within a predefined distance of the second position of the display:
displaying the respective portion of the content that has stopped moving, based on the detected rotation of the crown;
after displaying the respective portion of the content that has stopped moving, automatically moving the respective portion of the content to the second position of the display; and
while automatically moving the content to the second position of the display, generating a tactile output at the wearable electronic device, wherein generating the tactile output is conditioned on the respective portion of the content being moved to the second position of the display, based on the rotation of the crown, within the predefined distance of the second position of the display.
2. The wearable electronic device of claim 1 , wherein the second position of the display is a zoomable visual element, and wherein the one or more programs further include instructions for:
in accordance with a determination that rotation of the crown causes the zoomable visual element to zoom beyond a minimum zoom level, causing the respective portion of the content to shrink to a zoom level that is less than the minimum zoom level before automatically returning to the minimum zoom level.
3. The wearable electronic device of claim 1 , wherein the crown of the wearable electronic device is a mechanical crown.
4. The wearable electronic device of claim 1 , wherein the second position of the display is a zoomable visual element, and wherein the one or more programs further include instructions for:
in accordance with a determination that rotation of the crown causes the zoomable visual element to zoom beyond a maximum zoom level, causing the respective portion of the content to enlarge to a zoom level that is beyond the maximum zoom level before automatically returning to the maximum zoom level.
5. A method, comprising:
at a wearable electronic device with a crown and a display:
displaying content on the display of the wearable electronic device at a first position of the display, the content including a plurality of content portions;
detecting a rotation of the crown; and
in response to detecting rotation of the crown:
moving, based on the detected rotation of the crown, the content in a direction so that a respective portion of the content moves from the first position of the display toward a second position of the display without reaching the second position of the display; and
in accordance with a determination that the respective portion of the content has been moved, based on the rotation of the crown, within a predefined distance of the second position of the display:
displaying the respective portion of the content that has stopped moving, based on the detected rotation of the crown;
after displaying the respective portion of the content that has stopped moving, automatically moving the respective portion of the content to the second position of the display; and
while automatically moving the content to the second position of the display, generating a tactile output at the wearable electronic device, wherein generating the tactile output is conditioned on the respective portion of the content being moved to the second position of the display, based on the rotation of the crown, within the predefined distance of the second position of the display.
6. The method of claim 5 , wherein the second position of the display is a zoomable visual element, the method further comprising:
in accordance with a determination that rotation of the crown causes the zoomable visual element to zoom beyond a minimum zoom level, causing the respective portion of the content to shrink to a zoom level that is less than the minimum zoom level before automatically returning to the minimum zoom level.
7. The method of claim 5 , wherein the crown of the wearable electronic device is a mechanical crown.
8. The method of claim 5 , wherein the second position of the display is a zoomable visual element, the method further comprising:
in accordance with a determination that rotation of the crown causes the zoomable visual element to zoom beyond a maximum zoom level, causing the respective portion of the content to enlarge to a zoom level that is beyond the maximum zoom level before automatically returning to the maximum zoom level.
9. A non-transitory computer readable storage medium storing one or more programs for execution by one or more processors of a wearable electronic device with a crown and a display, the one or more programs including instructions for:
displaying content on the display of the wearable electronic device at a first position of the display, the content including a plurality of content portions;
detecting a rotation of the crown; and
in response to detecting rotation of the crown:
moving, based on the detected rotation of the crown, the content in a direction that is away from a beginning of the content and towards an end of the content so that a respective portion of the content moves from the first position of the display toward a second position of the display without reaching the second position of the display; and
in accordance with a determination that the respective portion of the content has been moved, based on the rotation of the crown, within a predefined distance of the second position of the display:
displaying the respective portion of the content that has stopped moving, based on the detected rotation of the crown;
after displaying the respective portion of the content that has stopped moving, automatically moving the respective portion of the content to the second position of the display; and
while automatically moving the content to the second position of the display, generating a tactile output at the wearable electronic device, wherein generating the tactile output is conditioned on the respective portion of the content being moved to the second position of the display, based on the rotation of the crown, within the predefined distance of the second position of the display.
10. The non-transitory computer readable storage medium of claim 9 , wherein the second position of the display is a zoomable visual element, and wherein the one or more programs further include instructions for:
in accordance with a determination that rotation of the crown causes the zoomable visual element to zoom beyond a minimum zoom level has been reached level, causing the respective portion of the content to shrinkto a zoom level that is less than the minimum zoom level before automatically returning to the minimum zoom level.
11. The non-transitory computer readable storage medium of claim 9 , wherein the crown of the wearable electronic device is a mechanical crown.
12. The non-transitory computer readable storage medium of claim 9 , wherein the second position of the display is a zoomable visual element, and wherein the one or more programs further include instructions for:
in accordance with a determination that rotation of the crown causes the zoomable visual element to zoom beyond a maximum zoom level, causing the respective portion of the content to enlarge to a zoom level that is beyond the maximum zoom level before automatically returning to the maximum zoom level.