Overscroll visual effects

摘要

Methods for providing visual feedback when an end area of content is reached are provided. In one aspect, a method includes receiving an input in a first direction to at least one of scroll, rotate, or scale a portion of content provided for display, and determining whether an edge of the content in the first direction is reached in response to the input. The method also includes applying a stretch effect to the displayed portion of content when the determination indicates an edge of the content in the first direction is reached. Systems and machine-readable media are also provided.

主权项

1. A computer-implemented method for providing visual feedback when an end area of content is reached, the method comprising:
receiving a dragging touch input for a distance in a first direction to at least one of scroll, rotate, or scale a portion of content provided for display on a touchscreen, the portion of content comprising first visible content, second visible content, and third visible content, the first visible content separated from an edge of the content in a second direction opposite the first direction by first blank space, the second visible content separated from the edge by second blank space, and the first visible content separated from the third visible content in the first direction by third blank space, wherein the first blank space is near the location of the dragging touch input on the touchscreen and the second blank space is farther away from the location of the dragging touch input on the touchscreen; determining whether the edge of the content to display in response to the dragging input in the first direction is reached; and when the determination indicates the edge of the content in the first direction is reached, applying a stretch effect in response to the dragging touch input comprising increasing an amount of the first blank space more than an increase in an amount of the second blank space, and increasing an amount of the third blank space, wherein the increase in the amount of the third blank space and the difference between the increase in the amount of the first blank space and the increase in the amount of the second blank space is based on both a distance of each of the first blank space and the second blank space from the location of the dragging touch input, and a length of the distance of the dragging input in the first direction.