Mobile terminal and method of controlling the same

• US 9,417,781 B2
• Filed: 05/25/2012
• Issued: 08/16/2016
• Est. Priority Date: 01/10/2012
• Status: Active Grant

• Current Assignee: LG Electronics, Inc. (LG Corporation)
• Original Assignee: LG Electronics, Inc. (LG Corporation)
• Inventors: Lee, Kunwoo, Yoo, Hanwoong
• Primary Examiner(s): YANG, ANDREW GUS
• Application Number:
  US13/480,642
• Publication Number:
  US 20130176298A1
• Time in Patent Office: 1,544 Days
• Field of Search: None
• US Class Current: 1/1
• CPC Class Codes: G06F 3/0483 Interaction with page-structured environments, e.g. book metaphor
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures

Abstract

A mobile terminal and a method of controlling the same are provided. When a touch input of starting from a predefined area on a touch screen is received, the mobile terminal scrolls at least one page including at least one item while sequentially exposing on the touch screen, but scrolls by giving a three-dimensional effect to each page. Accordingly, accessibility and utility of an item providing in the mobile terminal can be improved.

Claims

1. A mobile terminal comprising:

a touch screen configured to receive touch inputs and display at least one web page; and

a controller operatively connected to the touch screen and configured to

display a representative web page on the touch screen, wherein the representative web page is one among a plurality of web pages and each of the plurality of web pages includes a top side, a bottom side, a left side and a right side,

display the plurality of web pages in a parallel and layered state in response to receiving a touch and drag input on an identifier area of the representative web page,

sequentially slide the plurality of web pages according to the drag input in a layered sequence of the plurality of web pages so that a top page of the plurality of web pages moves in a direction of the drag input and each of the plurality of web pages under the top page is revealed to increase an amount that is displayed,

set a separation gap between one of the plurality of web pages and an adjacent web page overlapping the one web page according to a second touch input on the one web page to increase the separation gap by an amount set by a user, the separation gap being increased to increase an amount of the one web page that is displayed while at least a portion of each of the plurality of web pages is displayed, wherein at least one of the one web page or the adjacent web page is stationary while the other is moved by the second touch input while in the overlapped state to increase the separation gap, and wherein the separation gap is a distance between the top side of the one web page and the top side of the adjacent web page,

display fixed icons on corresponding positions of the plurality of web pages in response to consequently receiving a touch input on a specific area while the plurality of web pages are being slid with the drag input, and

slide the plurality of web pages to a next fixed icon when the drag input is received in a state in which the fixed icons are displayed, regardless of a distance of the drag input,

wherein the controller is configured to adjust the separation gap by enlarging or narrowing the separation gap between the one web page and the adjacent web page according to the second touch input.

2. The mobile terminal of claim 1, wherein a width of the bottom side of the each of the plurality of web pages is changed to be smaller than a width of the top side of each of the plurality of web pages based on a distance of the drag input.

3. The mobile terminal of claim 2, wherein the controller is further configured to change a number of the displayed plurality of web pages according to the distance of the drag input.

4. The mobile terminal of claim 1, wherein the controller is further configured to display a specific web page as the representative web page when a touch input for selecting the specific web page of the plurality of web pages is received.

5. The mobile terminal of claim 1, wherein the identifier area of the web page is provided at the top side of the representative web page.

6. The mobile terminal of claim 1, wherein the drag direction of the drag input is toward the bottom side of the web page toward an inside of the touch screen.

7. The mobile terminal of claim 1, wherein a width of the top side of the web page does not change while the width of the bottom side becomes smaller when the plurality of web pages sequentially slide.

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

displaying a representative web page on a touch screen configured to receive touch inputs;

displaying the representative web page on the touch screen, wherein the representative web page is one among a plurality of web pages and each of the plurality of web pages includes a top side, a bottom side, a left side and a right side,

displaying the plurality of web pages in a parallel and layered state in response to receiving a touch and drag input on an identifier area of the representative web page;

sequentially sliding the plurality of web pages according to the drag input in a layered sequence of the plurality of web pages so that a top page of the plurality of web pages moves in a direction of the drag input and each of the plurality of web pages under the top page is revealed to increase an amount that is displayed;

setting a separation gap between one of the plurality of web pages and an adjacent web page overlapping the one web page according to a second touch input on the one web page to increase the separation gap by an amount set by a user, the separation gap being increased to increase an amount of the one web page that is displayed while at least a portion of each of the plurality of web pages is displayed, wherein at least one of the one web page or the adjacent web page is stationary while the other is moved while in the overlapped state to increase the separation gap, and wherein the separation gap is a distance between the top side of the one web page and the top side of the adjacent web page,

displaying fixed icons on corresponding positions of the plurality of web pages in response to consequently receiving a touch input on a specific area while the plurality of web pages are being slid with the drag input; and

sliding the plurality of web pages to a next fixed icon when the drag input is received in a state in which the fixed icons are displayed, regardless of a distance of the drag input,

wherein the separation gap is adjusted by enlarging or narrowing the separation gap between the one web page and the adjacent web page according to the second touch input.