Variable scale scrolling and resizing of displayed images based upon gesture speed

• US 9,772,762 B2
• Filed: 01/04/2013
• Issued: 09/26/2017
• Est. Priority Date: 04/05/2012
• Status: Active Grant

• Current Assignee: LG Electronics, Inc. (LG Corporation)
• Original Assignee: LG Electronics, Inc. (LG Corporation)
• Inventors: Kim, Bumbae, Yoon, Hyejeong, Sohn, Juho
• Primary Examiner(s): Lo, Weilun
• Assistant Examiner(s): SPELLMAN, DAVID A
• Application Number:
  US13/734,842
• Publication Number:
  US 20130268883A1
• Time in Patent Office: 1,726 Days
• Field of Search: 715784, 715800, 715764, 715769
• CPC Class Codes: G06F 2203/04802 3D-info-object: information is displayed on the internal or external surface of a three dimensional manipulable object, e.g. on the faces of a cube that can be rotated by the user
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 2203/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text

Abstract

A method of controlling a mobile terminal includes displaying a first screen having a plurality of user selectable items and determining a speed of a first drag input received at the display. The method further includes scrolling the plurality of user selectable items of the first screen, while the first drag input is being received, for a first distance when the determined speed is below a preset speed and scrolling the plurality of user selectable items of the first screen, while the first drag input is being received, for a second distance further than the first distance when the determined speed is greater than or equal to the preset speed.

Claims

1. A mobile terminal, comprising:

a display; and

a hardware controller operatively coupled to the display and being configured to;

control the display to display a first screen comprising a plurality of user selectable items, wherein prior to a first drag input being received, a second screen different from the first screen is not displayed on the display, and the first screen and the second screen have a rectangular shape, wherein the second screen includes a plurality of user selectable items, wherein the first screen and the second screen are among a plurality of screens of at least three screens that are sequentially displayable on the display, wherein portions of no more than two of the plurality of screens are simultaneously displayable on the display while the first drag input is being received, wherein each of the plurality of user selectable items of the first screen and each of the plurality of user selectable items comprise a rectangular shape;

control the display to display an indicator for indicating an order of a currently displayed screen, relative to other screens among the plurality of screens displayable on the display;

change a shape of the first screen from the rectangular shape to a trapezoidal shape, and change a shape of the second screen from the rectangular shape to a trapezoidal shape, both based on the first drag input being received; and

control the display to display a portion of the first screen having the trapezoidal shape and a portion of the second screen having the trapezoidal shape while the first drag input is being received, wherein a displayed vertical edge of the trapezoidal shape of the first screen decreases in length and a displayed vertical edge of the trapezoidal shape of the second screen increases in length in a manner that corresponds to increasing lengths of the first drag input, wherein the vertical edge of the trapezoidal shape of the first screen is adjacent to the vertical edge of the trapezoidal shape of the second screen;

control the display to repeatedly reduce the displayed portion of the first screen having the trapezoidal shape and correspondingly repeatedly increase the displayed portion of the second screen having the trapezoidal shape in response to increasing distances of the first drag input;

control the display to display a number of the plurality of selectable items of the first screen and a number of the plurality of selectable items of the second screen while the first drag input is being received, wherein each of the number of plurality of selectable items of the first screen and each of the number of plurality of selectable items of the first second have a trapezoidal shape while the first drag input is being received;

control the display to repeatedly reduce the displayed number of the plurality of selectable items of the first screen and repeatedly increase the displayed number of the plurality of selectable items of the second screen according to increasing lengths of the first drag input;

control the display to display the first screen having the trapezoidal shape with a size that is larger than a size of the second screen having the trapezoidal shape, when the first drag input is applied for a first distance, wherein when the first drag input is applied for the first distance the first screen is the currently displayed screen;

change the size of the first screen having the trapezoidal shape and change the size of the second screen having the trapezoidal shape such that the size of the first screen having the trapezoidal shape is smaller than the size of the second screen having the trapezoidal shape, when the first drag input is applied for a second distance longer than the first distance; and

control the display to continue to display the indicator while the first drag input is applied, wherein when the first drag input is applied for the second distance the second screen is the currently displayed screen.

2. The mobile terminal of claim 1, wherein the controller is further configured to:

cause scrolling of the plurality of user selectable items of the first screen, while the first drag input is being received, and

control displaying of a scroll bar on the display, wherein the scroll bar indicates a distance of the scrolling.

3. The mobile terminal of claim 1, wherein the first screen comprises at least a home screen, a dock screen, a cover flow, a web page, or a list.

4. The mobile terminal of claim 1, wherein the hardware controller is further configured to:

cause the display to display a third screen comprising a plurality of user selectable items together with the first screen prior to the first drag input being received within the first screen, wherein a fourth screen is not displayed on the display prior to a second drag input being received within the third screen; and

cause the display to display a portion of the third screen and a portion of the fourth screen while the second drag input is being received within the third screen,

wherein the first drag input does not cause the displaying of the portion of the third screen and the portion of the fourth screen, and the second drag input does not cause displaying of the portion of the first screen having the trapezoidal shape and the portion of the second screen having the trapezoidal shape.

5. The mobile terminal of claim 1, wherein the displayed plurality of user selectable items of the first screen are maintained in a same spatial relationship to each other while the first drag input is being received.

6. A method of controlling a mobile terminal, the method comprising:

displaying, on a display of the mobile terminal, a first screen comprising a plurality of user selectable item, wherein prior to a first drag input being received, a second screen different from the first screen is not displayed on the display, and the first screen and the second screen have a rectangular shape, wherein the second screen includes a plurality of user selectable items, wherein the first screen and the second screen are among a plurality of screens of at least three screens that are sequentially displayable on the display, wherein portions of no more than two of the plurality of screens are simultaneously displayable on the display while the first drag input is being received, wherein each of the plurality of user selectable items of the first screen and each of the plurality of user selectable items comprise a rectangular shape;

displaying, on the display, an indicator for indicating an order of a currently displayed screen, relative to other screens among the plurality of screens displayable on the display;

changing a shape of the first screen from the rectangular shape to a trapezoidal shape, and change a shape of the second screen from the rectangular shape to a trapezoidal shape based on the first drag input being received;

displaying, on the display of the mobile terminal, a portion of the first screen having the trapezoidal shape and a portion of the second screen having the trapezoidal shape while the first drag input is being received, wherein a displayed vertical edge of the trapezoidal shape of the first screen decreases in length and a displayed vertical edge of the trapezoidal shape of the second screen increases in length in a manner that corresponds to increasing lengths of the first drag input, wherein the vertical edge of the trapezoidal shape of the first screen is adjacent to the vertical edge of the trapezoidal shape of the second screen;

repeatedly reducing the displayed portion of the first screen having the trapezoidal shape and correspondingly repeatedly increasing the displayed portion of the second screen having the trapezoidal shape in response to increasing distances of the first drag input;

displaying, on the display, a number of the plurality of selectable items of the first screen and a number of the plurality of selectable items of the second screen while the first drag input is being received, wherein each of the number of plurality of selectable items of the first screen and each of the number of plurality of selectable items of the first second have a trapezoidal shape while the first drag input is being received;

controlling the display to repeatedly reduce the displayed number of the plurality of selectable items of the first screen and repeatedly increase the displayed number of the plurality of selectable items of the second screen according to increasing lengths of the first drag input;

displaying, on the display, the first screen having the trapezoidal shape with a size that is larger than a size of the second screen having the trapezoidal shape, when the first drag input is applied for a first distance, wherein when the first drag input is applied for the first distance the first screen is the currently displayed screen;

changing the size of the first screen having the trapezoidal shape and changing the size of the second screen having the trapezoidal shape such that the size of the first screen having the trapezoidal shape is smaller than the size of the second screen having the trapezoidal shape, when the first drag input is applied for a second distance longer than the first distance; and

continuing to display the indicator while the first drag input is applied, wherein when the first drag input is applied for the second distance the second screen is the currently displayed screen.

7. The method of claim 6, wherein the first screen comprises at least a home screen, a dock screen, a cover flow, a web page, or a list.

8. The method of claim 6, further comprising:

displaying, on the display, a third screen comprising a plurality of user selectable items together with the first screen prior to the first drag input being received within the first screen, wherein a fourth screen is not displayed on the display prior to a second drag input being received within the third screen; and

displaying, on the display, a portion of the third screen and a portion of the fourth screen while the second drag input is being received within the third screen,

wherein the first drag input does not cause the displaying of the portion of the third screen and the portion of the fourth screen, and the second drag input does not cause the displaying of the portion of the first screen having the trapezoidal shape and the portion of the second screen having the trapezoidal shape.

9. The method of claim 6, wherein the displayed plurality of user selectable items of the first screen are maintained in a same spatial relationship to each other while the first drag input is being received.