Device, method, and graphical user interface for orientation-based parallax display

摘要

A method includes displaying three or more display layers, the three or more display layers including at least a first display layer and a second display layer. The method further includes shifting display positions of at least the first display layer and the second display layer. Shifting the display positions includes applying a first (x,y) offset to the display position of the first display layer, and applying a second (x,y) offset to the display position of the second display layer, wherein the first (x,y) offset and the second (x,y) offset are determined in accordance with a calculated difference between a detected orientation of the electronic device and a reference orientation. The method further includes redisplaying the three or more display layers after the shifting of the display positions. At least one of the first display layer and the second display layer is responsive to touch input gestures.

主权项

1. A non-transitory computer-readable storage medium storing one or more programs comprising instructions, which, when executed by an electronic device with a display and an orientation sensor, cause the device to: display three or more display layers, the three or more display layers including at least a first display layer and a second display layer; assign a first maximum x offset and a first maximum y offset to the first display layer; determine a calculated difference between a detected orientation of the electronic device and a reference orientation, wherein the calculated difference includes a roll angle metric and a pitch angle metric; determine a first x offset for the entire first display layer based on the first maximum x offset and the roll angle metric; determine a first y offset for the entire first display layer based on the first maximum y offset and the pitch angle metric; determine a second x offset for the entire second display layer based on the calculated difference; determine a second y offset for the entire second display layer based on the calculated difference; shift display positions of at least the entire first display layer and the entire second display layer, including: applying the first x offset and the first y offset to a display position of the first display layer, and applying the second x offset and the second y offset to a display position of the second display layer; and update display of the three or more display layers after the shifting of the display positions; wherein at least one of the first display layer and the second display layer is responsive to touch input gestures.