Mobile terminal and method of controlling the same

Patent metadata

Field	Value
Publication number	US-9417781-B2
Application number	US-201213480642-A
Country	US
Kind code	B2
Filing date	May 25, 2012
Priority date	Jan 10, 2012
Publication date	Aug 16, 2016
Grant date	Aug 16, 2016

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.

First claim

What is claimed is:

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.

Assignees

• Lee Kunwoo
• Yoo Hanwoong
• Lg Electronics Inc

Inventors

• Lee Kunwoo
• Yoo Hanwoong

Classifications

• G06F3/0416

  Control or interface arrangements specially adapted for digitisers · CPC title

• G06F3/0484

  for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range · CPC title

• G06F3/0412

  Digitisers structurally integrated in a display · CPC title

• G06F3/0485

  Scrolling or panning · CPC title

• G06F3/0488 Primary

  using a touch-screen or digitiser, e.g. input of commands through traced gestures · CPC title