Multi-dimensional boundary effects

摘要

Multi-dimensional boundary effects provide visual feedback to indicate that boundaries in user interface elements (e.g., web pages, documents, images, or other elements that can be navigated in more than one dimension) have been reached or exceeded (e.g., during horizontal scrolling, vertical scrolling, diagonal scrolling, or other types of movement). A compression effect can be displayed to indicate that movement has caused one or more boundaries (e.g., a horizontal boundary and/or a vertical boundary) of a UI element to be exceeded. Exemplary compression effects include compressing content along a vertical axis when a vertical boundary has been exceeded and compressing content along a horizontal axis when a horizontal boundary has been exceeded.

主权项

1. In a computer system, a method comprising:
receiving gesture information corresponding to a gesture on a touch input device, the gesture information indicating movement in at least a first dimension and a second dimension; based at least in part on the gesture information, calculating a new position of a viewport relative to a user interface element having an extent greater than an extent of the viewport, the user interface element having plural boundaries comprising one or more boundaries in the first dimension and one or more boundaries in the second dimension; determining that the new position of the viewport exceeds one or more of the plural boundaries of the user interface element; and in response to determining that the new position of the viewport exceeds the one or more of the plural boundaries:
determining a region to be compressed of the user interface element; andcalculating a multi-dimensional compression effect for the region to be compressed, wherein the multi-dimensional compression effect comprises a horizontal compression effect in which content within the region to be compressed is horizontally scaled and a vertical compression effect in which content within the region to be compressed is vertically scaled.