CN104238902B - Stacking-type Tab View - Google Patents

Stacking-type Tab View Download PDF

Info

Publication number
CN104238902B
CN104238902B CN201410205844.XA CN201410205844A CN104238902B CN 104238902 B CN104238902 B CN 104238902B CN 201410205844 A CN201410205844 A CN 201410205844A CN 104238902 B CN104238902 B CN 104238902B
Authority
CN
China
Prior art keywords
contents panel
touch
content pane
sensitive display
contents
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201410205844.XA
Other languages
Chinese (zh)
Other versions
CN104238902A (en
Inventor
C·G·卡鲁纳姆尼
I·M·亨德森
P·拉塞尔·奈特
A·德奥利亚
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Apple Inc
Original Assignee
Apple Computer Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Apple Computer Inc filed Critical Apple Computer Inc
Publication of CN104238902A publication Critical patent/CN104238902A/en
Application granted granted Critical
Publication of CN104238902B publication Critical patent/CN104238902B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] 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
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] 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
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] 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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] 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
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/134—Hyperlinking

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The present disclosure describes stacking-type Tab View.Computing device can show multiple contents panels in web browser window.Each contents panel can correspond to different websites.In the case where contents panel to be positioned as to one before another in 3-D view, contents panel can be arranged in visual stack.In 3-D view, the distance between contents panel can be shown as separating contents panel.Each contents panel can show the snapshot image of web site contents.Contents panel can be used to be substituted for the label to be navigated between webpage.

Description

Stacking-type Tab View
The cross reference of related application
The priority for the U.S. Provisional Patent Application 61/832,915 submitted this application claims on June 9th, 2013, leads to herein Reference is crossed to be incorporated herein its complete content.
Technical field
The disclosure relates generally to GUI item.
Background technology
Web browser can realize label type graphic user interface (GUI).Realizing label type GUI browser can allow User opens multiple webpages in single browser window.Browser can be displayed side by side multiple labels, generally in browser window Mouthful top at or near top.Each label can correspond to different webpages.Selection of the user to label is received in browser When, the pane of browser window (generally below label) can show corresponding webpage.User can be by clicking on different marks Label switch between webpage.
The content of the invention
The present disclosure describes stacking-type Tab View.Computing device can show multiple contents in web browser window Pane.Each contents panel can correspond to different websites.Contents panel can be arranged in visual stack, wherein in three-dimensional Contents panel is positioned as one before another in view.In 3-D view, the distance between contents panel can show It is shown separated by contents panel.Each contents panel can show the snapshot image of web site contents.It can be substituted using contents panel For the label to be navigated between webpage.
Computing device can be shown when receiving the user for selecting contents panel corresponding with webpage selection with screen mode toggle Web page contents.In addition, computing device can sort when receiving user's input to contents panel.In response to by contents panel from original Beginning, position was moved to user's input of new position, and computing device can move the contents panel in animation motion, wherein, if Another contents panel is kept off between home position and new position, then fortune of another contents panel in response to mobile contents panel Move and hide.
The feature described in this specification can be realized to obtain one or more advantages.For example, controlled with conventional tags Compare, the preview of multiple webpages can be provided in a display screen by realizing the computing device of stacking-type Tab View.Preview energy The website for enough helping user to select user to desire access to.The smoothly moving picture provided during contents panel is rearranged than conventional tags control System can be more true to nature and directly perceived.
The details of one or more specific implementations of stacking-type Tab View is elaborated in accompanying drawing and description below.Root According to specification, accompanying drawing and claim, other features, aspect and the advantage of stacking-type Tab View will be evident.
Brief description of the drawings
Fig. 1 is the diagram for showing exemplary stacking-type Tab View.
Fig. 2A and Fig. 2 B are to show that contents panel in stacking-type Tab View rearranges the figure of the exemplary animation of position Show.
Fig. 2 C and Fig. 2 D are the diagrams of the exemplary animation for the Rolodex shapes operation for showing stacking-type Tab View.
Fig. 3 A are the diagrams for showing to close the exemplary operation of contents panel.
Fig. 3 B be show from stacking-type Tab View select when mesh model in example content pane diagram.
Fig. 3 C be show from stacking-type Tab View select when list mode in example content pane diagram.
Fig. 3 D are the diagrams for showing the exemplary snapshot operation of contents panel in stacking-type Tab View.
Fig. 4 is the diagram of the part for the exemplary stacking-type Tab View subsystem for showing computing device.
Fig. 5 A- Fig. 5 C are the flow charts of stacking-type Tab View exemplary process.
Fig. 6 is the block diagram for showing to realize the example devices construction of the computing device of Fig. 1-Fig. 5 feature and operation.
Fig. 7 is the block diagram of the exemplary network operating environment of the computing device for the feature and operation for realizing Fig. 1-Fig. 5.
Fig. 8 A-8C are the block diagrams for showing to realize the exemplary computer device of Fig. 1-5 feature and operation.
Similar drawing reference numeral represents similar element in each accompanying drawing.
Embodiment
Exemplary stacking-type Tab View
Fig. 1 is the diagram for showing exemplary stacking-type Tab View.It can realize that stacking-type label regards by computing device 102 The feature of figure and operation.Computing device 102 can be fixed equipment (such as cloud computing server) or mobile device (such as plate meter Calculation machine, smart phone or wearable computing device).It is (such as touch-sensitive that computing device 102 can include or be coupled to display surface 106 Display screen).Computing device 102 is able to carry out computer program (such as web browser), the display content on display surface 106.
Computing device 102 can on display surface 106 display content pane 110,112,114 and 116.Contents panel 110th, each in 112,114 and 116 can be vision area corresponding with same or different web pages.Contents panel 110,112, Each snapshot (such as image) that can include corresponding to web page contents in 114 and 116.Can by contents panel 110,112, 114 and 116 are arranged to 3D vision storehouse.For example, each in contents panel 110,112,114 and 116 can be rendered into It is upright from basal plane (such as visible or sightless bottom plate).Distance (such as distance 118) on Z axis can by contents panel 112,114, Each in 116 separates with another contents panel.Each in contents panel 112,114,116 can be by before it Cover contents panel (such as appearing closer to user) part.Utilize the contents panel 112,114,116 shown in phantom in Fig. 1 Shielded part.
Computing device 102 can receive the selection input (such as touch input) of selection contents panel 112,114, one of 116. When receiving selection input, computing device 102 can show web page contents corresponding with selected contents panel with screen mode toggle.With Screen mode toggle display content may include the rendering content in the whole region of display surface 106, and optional one or more Item controlled (navigation toolbar as included item controlled, for being navigated between webpage) and/or one or more dicorations Project.
Computing device 102 can receiving position gesture input 120, for moving forward contents panel 112.Position gesture is defeated It can be gesture forward to enter 120, in the case where stylus or finger touch the non-shaded portions of contents panel 112, touched While the non-shaded portions of contents panel 112, slide to the bottom margin of display surface 106, showed to user.As Response, computing device 102 can mobile content pane 112 and the content windows behind contents panel 112 (such as to user) forward Lattice 114 and 116.In each specific implementation, the distance between contents panel 112,114 and 116 can increase, or, in addition may be used Selective, can occur new contents panel behind contents panel 116.It is determined that forward gesture has reached threshold value (such as threshold Value distance or threshold velocity) when, computing device 102 can increase distance, add new contents panel or both furthermore.
Position gesture input 120 can be before mobile content pane 110 contents panel 112.Computing device 102 can be true Positioning puts gesture input 120 while display surface 106 are touched to the position slipped down to above contents panel 110, and so Contents panel 112 is discharged afterwards.As response, computing device 102 can be in animation 122 before contents panel 110 in positioning Hold pane 112.
Animation 122 can make contents panel 110 be shown as dodging below contents panel 112 and reappearing in content window Behind lattice 112.Computing device 102 can be shown with animation mode and be dodged.In some specific implementations, computing device 102 can Contents panel 110 is set to be moved to the bottom margin of display surface 106, until contents panel 110 seems that position is less than contents panel 112nd, untill the visible or invisible bottom plate residing for 114 and 116.In some specific implementations, computing device 102 can reduce interior Hold the height of pane 110 so that contents panel 110 seems shorter, until contents panel reaches height threshold.It is specific real at some Shi Zhong, computing device 102 can change the display perspective of contents panel 110 so that contents panel 110 is shown as from stand up position Become position of lying down.
Before, during or after animation of dodging, computing device 102 can make contents panel 112 move forward for example to Originally the position occupied by contents panel 110.Then computing device 102 can make contents panel 110 be moved upwards up to content window Behind lattice 112, until contents panel 110 is in the position occupied originally by contents panel 112.Movement in animation 122 can Ratio including keeping contents panel 112, or change the ratio of contents panel 112 (such as by reducing height).
Computing device 102 can receiving position gesture input 124, for being moved rearwards contents panel 112.Position gesture is defeated It can be gesture backward to enter 124, in the case where stylus or finger touch the non-shaded portions of contents panel 112, and While touching the non-shaded portions of contents panel 112, slide, appeared in away from user to the top edge of display surface 106 Direction on.As response, computing device 102 being capable of the mobile content pane 112 and positioned at content window (as away from user) backward Contents panel 114 and 116 behind lattice 112.In various specific implementations, the distance between contents panel 112,114 and 116 can Reduce, or, additionally or alternatively, last contents panel (being in this example contents panel 116) can disappear.True When gesture reaches threshold value (such as threshold distance or threshold velocity) after orientation, computing device 102 can reduce distance, remove contents panel 116 or both furthermore.
Contents panel 112 can be moved to behind contents panel 114 by position gesture input 124.Computing device 102 can The position that position gesture input 124 is slid up to above contents panel 114 while contents panel 112 are touched is determined, so Contents panel 112 is discharged afterwards.As response, contents panel 112 can be positioned at contents panel by computing device 102 in animation Behind 114.
Animation can make contents panel 114 be shown as dodging below contents panel 112 and reappearing in contents panel Before 112.Computing device 102 can be shown with animation mode and be dodged.In some specific implementations, computing device 102 can make Contents panel 114 to the bottom margin of display surface 106 move, until contents panel 114 seem position less than contents panel 110, Untill visible or invisible bottom plate residing for 112 and 116.In some specific implementations, computing device 102 can reduce content window The height of lattice 114 so that contents panel 110 seems shorter, until contents panel reaches height threshold.In some specific implementations In, computing device 102 can change the display angular perspective of contents panel 114 so that contents panel 114 is shown as from stand up position Become position of lying down.
Before, during or after animation of dodging, computing device 102 can make contents panel 112 be moved rearwards for example to Originally the position occupied by contents panel 114.Then computing device 102 can make contents panel 114 be moved upwards up to content window Before lattice 112, until contents panel 114 is in the position occupied originally by contents panel 112.
Computing device 102 can receive addition pane input.Adding pane input can be included all the elements pane 110th, 112,114 and 116 it is moved rearwards the input for exceeding threshold distance (as away from user).In new content pane can appear in Hold before pane 110.In some specific implementations, addition pane input may include by touching addition pane virtual push button 128 User input.In response to determining that user touches addition pane virtual push button 128, computing device 102 can make contents panel 110th, 112,114 and 116 it is moved rearwards and thinks new content pane slot milling.Computing device 102 can be originally by content window The position display new content pane that lattice 110 occupy.
Computing device 102 can be in response to tilting the position of the regulation contents panel 110,112,114 and 116 of input 132, showing Show perspective or both, to simulate parallax effect.Tilting input 132 can tilt display surface 106 so that display surface 106 An edge (such as left hand edge or lower edge) and observer (as keep display surface 106 user) the distance between with it is relative The distance between edge (as being respectively right hand edge or top edge) and observer difference.Computing device 102 can use coupling Motion sensor (such as accelerator or gyroscope or both) detection to computing device 102 tilts input 132.As response, meter The position of each in contents panel 110,112,114 and 116 can be adjusted or be orientated to simulate inclined three by calculating equipment 102 Tie up visual effect (such as parallax effect).
For example, in some specific implementations, when it is determined that display surface is tilted to the left, in the left hand edge of display surface 106 and In the case that the distance between observer is more than the distance between the right hand edge of display surface 106 and user, computing device 102 can The relative position of mobile content pane 110,112,114 and 116.Computing device 102 can flatly mobile content pane 110, 112nd, 114 and 116 one or more, each distance are based on corresponding between angle of inclination and contents panel and observer What distance determined.One or more movements of contents panel 110,112,114 and 116 can be with the interior of relatively front position Hold pane to be moved to the left relatively, and the relative visual effect to move right of contents panel of relatively rear position.
In some specific implementations, when it is determined that display surface is tilted to the left, computing device 102 can change contents panel 110th, the orientation of each in 112,114 and 116 so that each in contents panel 110,112,114 and 116 is shown as With the angle faces corresponding to angle of inclination to the right.
Fig. 2A and Fig. 2 B are to show that contents panel in stacking-type Tab View rearranges the figure of the exemplary animation of position Show.Fig. 2A can correspond to Fig. 1 animation 122.Fig. 2A shows the concept for the animation 122 seen from the right side of display surface 106 View.The Z axis of sensing observer shows the layering spatial relationship between contents panel 110,112,114 and 116.
Contents panel 110,112,114 and 116 can be arranged to parallel storehouse, wherein contents panel 110,112,114 With 116 in each parallel to another., can be by contents panel 110,112,114 and 116 in some specific implementations Rolodex storehouses are arranged to, wherein each in contents panel 110,112,114 and 116 is illustrated as referring to up or down To visible or sightless trunnion axis 201.Trunnion axis 201 can be less than the bottom margin of display surface 106.It is specific real at some Shi Zhong, contents panel 110,112,114 can be shown as being attached to roller 202 in bottom margin.Can in display surface 106 So that roller 202 is shown as into bottom plate.Some specific implementation in, roller 202 can with invisible, and by contents panel 110,112, 114 and 116 display perspective limits.
In animation 122 (in the case where selection contents panel 112 with contents panel 110 to exchange position), calculating is set Standby 102 can move down contents panel 110 in motion 204 to the bottom margin of display surface 106.After motion 204, Contents panel 110 can appear in position 110b, and the position can be in the home position of contents panel 110 (such as on Z axis more Close to user) before the lying on the back of opening position (such as content upward) position or prostrate (such as content down) position.It is specific at some In implementation, motion 204 can be the sliding motion along the path for moving the expression of arrow shown in 204.In sliding motion, content The top edge of pane 110 can move down, and the bottom margin of contents panel 110 can move to observer, until content Pane 110 seems to be set to only in horizontal supine position.In some specific implementations, motion 204 can be flip-flop movement.Overturning In motion, the bottom margin of contents panel 110 can keep constant, and the top edge of contents panel 110 can be moved to observer It is dynamic, it is set to only in horizontal prone position until contents panel 110 seems.
Then computing device 102 can move forward contents panel 112 in motion 206 and reach originally by contents panel 110 positions occupied.Contents panel 110 can be moved to originally by interior by computing device 102 in motion 208 from position 110b Hold the position that pane 112 occupies.If position 110b is supine position, motion 208 can be that arrow table shown in 208 is moved on edge The sliding motion in the path shown.In sliding motion, top edge (rightest point of display 110b line) energy of contents panel 110 Enough move up, the bottom margin (ultra-left point of display 110b line) of contents panel 110 can be moved rearwards (such as into Fig. 2A Right, it is and in opposite direction shown in Z axis), occupied originally by contents panel 112 until contents panel 110 stands on the position Untill the position occupied.If position 110b is prone position, motion 208 can be flip-flop movement.
Fig. 2 B show the right side view of the animation for contents panel 112 to be moved to behind contents panel 114.Dynamic In picture, computing device 102 can move down contents panel 114 in motion 210.After motion 210, contents panel 114 Position 114b can be appeared in.
Then computing device 102 can be moved rearwards contents panel 112 in motion 214 and reach originally by contents panel 114 positions occupied.Contents panel 114 can be moved to originally by interior by computing device 102 in motion 216 from position 114b Hold the position that pane 114 occupies.Each in motion 210 and motion 216 can be sliding motion or flip-flop movement.
Fig. 2 C and Fig. 2 D are the diagrams for the exemplary animation for showing the operation of stacking-type Tab View Rolodex shapes.Fig. 2 C show The exemplary rotary motion seen from the right side of display surface 106 is gone out.Gesture is rotated receiving, such as slips over multiple contents panels Gesture when, computing device 102 can be such that contents panel 110,112,114 and 116 is rotated (220) around trunnion axis 201.Example Such as, computing device 102 can receive at the bottom margin of display surface 106 or close to the position at bottom margin, across all Contents panel 110,112,114 and 116, reach at display surface 106 top edge or close to top edge position it is upward Mobile gesture, there is the obvious path moved from front to back.As response, computing device 102 can result in rotation (220) Motion.
Fig. 2 D show the exemplary operation of addition new content pane.In some specific implementations, computing device 102 can It is determined that rotation 220 causes contents panel 110,112,114 and 116, (as away from the observer on Z axis), movement is enough to place backward Threshold distance of the new content pane 222 to be shown on display surface 106.As response, computing device 102 can originally by The opening position display content pane 222 that foremost contents panel (such as contents panel 110) occupies.
In some specific implementations, computing device 102 can receive the input of new content pane (such as by new pane button 128).As response, computing device 102 can be moved rearwards contents panel 110,112,114 and 116 (as away from observer), Until generating enough large spaces before contents panel 110 to accommodate new contents panel 222.Computing device 102 can including Hold in the space before pane 110 and add new contents panel 222.
New contents panel 222 can correspond to an associated new viewing area of initial discord particular webpage.Hereafter join Examine the item specific that Fig. 3 B and Fig. 3 C describe to show in new content pane 222.Alternatively, new content pane 222 The snapshot of content pages can be included.Content pages can be first front opening but because same in the preassigned Tab View to stacking-type When the limitation of contents panel number that shows and be not depicted in the webpage in stacking-type Tab View.
Computing device 102 can determine that after rotation 220, it is (such as low that contents panel 116 is moved to sightless position Covered in virtual backplane or completely by other guide pane).Additionally or alternatively, computing device 102 can determine, due to With the addition of new content pane 222, if including contents panel 116, positioned at the contents panel sum away from observer farthest whether More than the preassigned limit.As response, computing device 102 contents panel 116 can be appointed as it is inactive, and from Display in stacking-type Tab View removes contents panel 116.Computing device 102 can rotate contents panel forward receiving 222nd, during 110,112 and 114 input, contents panel 116 and display content pane 116 are reactivated.
Fig. 3 A are the diagrams for showing to close the exemplary operation of contents panel.Computing device 102 can receive deletion gesture Input 302.The non-shaded portions touched on display surface 106 in contents panel 112 can be included in by deleting gesture input 302. Deleting gesture input 302 can be included in while touching 112 non-shaded portions of contents panel to side sliding motion (such as to aobvious The left hand edge or right hand edge of presentation surface 106).Computing device 102 can make contents panel 112 follow sliding motion direction move It is dynamic.Computing device 102 can determine that the distance slided to side has met to delete threshold value.As response, computing device 102 can Contents panel 112 is removed from stacking-type Tab View.
When removing contents panel 112, computing device 102 can move forward originally behind the contents panel 112 in Hold pane 114 and 116, to occupy the position occupied originally by contents panel 112.It is alternative or in addition, remove content During pane 112, computing device 102 can be moved rearwards the contents panel 110 before contents panel 112 originally, to occupy original Come the position occupied by contents panel 112.
Fig. 3 B be show from stacking-type Tab View select when mesh model in example content pane diagram.Example Property contents panel can be Fig. 2 new content pane 222.
New content pane 222 can be the new window not associated with webpage.When receiving selection input, in new content pane In the case that content in 222 occupies display surface 106 rather than stacked label view, new content pane 222 can enter complete Shield display pattern.New content pane 222 can include input frame 308, and input frame 308 is configured to receive the unification for website The text input of URLs (URL).
New content pane 222 can include grid view region 310.Grid view region 310 is new content pane 222 A part, with and without border, it is configured to the display image in grid is laid out.Grid layout can include X row and Y rows. Image can include example images 312,314 and 316.Image 312,314 and 316 can correspond to the chain of one group of sensing website Connect or be stored in the remote document in file or bookmark file.Each in image 312,314 and 316 can correspond to One of link in file or bookmark file.
Computing device 102 can determine image 312,314 and 316 based on its corresponding content source.Computing device 102 can Retrieval is designated as the image of presentation graphics (such as the collection clip icon for being used to identify website or webpage).For example, computing device 102 can collect clip icon from the first retrieved web.Computing device 102 can determine that the collection clip icon of retrieval meets size threshold Value is (as big at least as M × N number of pixel).As response, computing device 102 can adjust the collection icon size of retrieval The preliminary dimension that (being such as enlarged or reduced) arrives matching network is saved, and by the collection figure of regulation in grid view region 310 Mark is shown as image 312.When receiving user's input of selection image 312, computing device 102 can provide the interior of the first website Hold to be shown on display surface 106.
Computing device 102 can be from the second retrieved web presentation graphics.Computing device 102 can determine the image of retrieval Fail to meet dimension threshold.As response, computing device 102 can determine the primary color of retrieved image.Computing device 102 Can the color based on most non-white color pixels of retrieved image or the average color based on non-white color pixel, it is determined that mainly Color.Computing device 102 can be based on primary color generation image 314.Generate image 314 can include based on primary color, The size and image 315 specified for grid determine image.Image 315 can be provided by computing device 102, have with it is main The image for the color that color is contrasted.When receiving user's input of selection image 314, computing device 102 can provide the The content of two websites on display surface 106 to show.
Computing device 102 can determine that the 3rd website does not provide presentation graphics.As response, computing device 102 can Image 316 is determined, image 316 can be default image.Then computing device 102 can provide image 316 with grid view Shown in region 310.When receiving user's input of selection image 316, computing device 102 can provide the content of the 3rd website To be shown on display surface 106.
Fig. 3 C be show from stacking-type Tab View select when list mode in example content pane diagram.Content Pane can be contents panel 110,112,114,116 or 222.
Computing device 102 can show the list for the content item being stored on computing device 102 or remote server.List Content item, such as the article or webpage that Local or Remote preserves can be included.(it can such as be set based on user in equipment in calculating Standby 102 and second on computing device) content item checked, collects list automatically from multiple equipment.
Computing device 102 can determine image 320,322 and 324, and each image both corresponds to corresponding article or website, For showing in lists.Each for determining in image 320,322 and 324 may each comprise from corresponding article or website identification Presentation graphics.Identification presentation graphics can include determining that the collection clip icon of website, determine maximum in article or website Image, or determine the image for including face.Each for determining in image 320,322 and 324 may each comprise trimming and be identified Presentation graphics or the size of presentation graphics that is identified of reset.
Fig. 3 D are the diagrams for showing the exemplary snapshot operation of contents panel in stacking-type Tab View.Contents panel can be with It is contents panel 110,112,114,116 or 222.
Computing device 102 can receive navigation input 325.Navigation input 325 can show showing for first content page 326 Slip gesture input on presentation surface 106.First content page 326 can be the webpage for including first page content 327.Computing device 102 can determine that navigation toolbar 328 has when showing first content page 326 based on size of contents and user's rolling history subtracts Small height 330.In the navigation toolbar 328 of the height 330 with reduction, computing device 102 can show web page title And hide one or more instrument projects (as such arranged to receiving the navigation box for the URL that user keys in).
When receiving navigation input 325, computing device 102 can follow the direction of slip gesture input (such as in animation First content page 326 is removed from display surface 106 to the right).Computing device 102 can utilize the snapshot 332 of the second content pages Fill the space left by first content page 326.Snapshot 332 can include content item 333.Computing device 102 can it is determined that User creates the snapshot 332 of the second content pages when leaving the second content pages.For example, when receiving navigation input 325, computing device 102 can generate the snapshot of first content page 326, and store institute in the first content page 326 it is determined that user is navigating back The snapshot of generation to show in the future.Each contents panel can be associated with multiple snapshots.For example, Fig. 3 D's is exemplary interior Holding pane can be associated with the snapshot of snapshot 332 and first content page 326.
Snapshot 332 can be shot when navigation toolbar 328 has full height 334.Computing device can be based on user Shown in the browse action (when such as being scrolled upwards in user at the top of the second content pages) in the second content pages with full height 334 Navigation toolbar 328.When slip gesture input is in position 336 (such as close to the vertical centre of display surface 106), work of navigating The Part I (such as right side) for having column 328 can have the height 330 reduced, and the Part II of navigation toolbar 328 is (such as Left side) there can be complete height 334.Before first content page 326 removes completely from display surface 106, calculating is set It is standby display placeholder 338 be provided not to be snapshotted the spaces of 332 coverings to occupy.The space can have height, the height It is the difference between the height 330 and full height 334 reduced.The width in the space, the width can be that display surface 106 is left The distance between edge and position 336.Computing device 102 can position placeholder between navigation toolbar 328 and snapshot 332 338。
Computing device 102 can determine the content in placeholder 338 based on the content of the second webpage.For example, computing device 102 can determine the background color of the second webpage, and color of the specific context color as placeholder 338.It is determined that meeting When rendering condition (such as when it is determined that removing first content page 326 from display surface 106 completely), computing device 102 can Utilize the user interface items of the full height navigation toolbar 328 hiding when navigation toolbar 328 has the height reduced Replace the content of placeholder 338.User interface items can be arranged to receive the navigation box for the URL that user keys in.
When using 332 packing space of snapshot of the second content pages, computing device 102 can be from the second content pages of offer Download content in website.When it is determined that having met replacement condition, computing device 102 can remove snapshot 332, and render download Content for display.The content of download can match snapshot 332 or different from snapshot 332.For example, the content downloaded can be with Including content item 340, it can correspond to the content item 333 of snapshot 332, but be located at the position different from the position of content item 333. In the case where being covered in the snapshot 332 downloaded in content and gradually becoming transparent, removing snapshot 332 can be fast including intersecting colour fading According to 332, with the content of display download, until snapshot 332 disappears.
Replacement condition can include one or more rules, and the example is provided below.In some specific implementations, calculate Equipment 102 can determine to meet replacement condition when it is determined that the download duration meets or exceeds timeout threshold (such as X seconds).
In some specific implementations, computing device 102 can be it is determined that the inner capacities downloaded determines when meeting dimension threshold Meet replacement condition.Computing device 102 can based on download number of objects determine download content amount.The energy of computing device 102 Compared with the size of render tree, the size can determine enough number of objects by download when shooting snapshot 332.Render tree Size can include being used to render the number of objects of the second content pages.Computing device 102 can be it is determined that the number of objects downloaded Determine that the amount for downloading content meets dimension threshold when amount exceedes render tree percent X of size.
Some specific implementation in, computing device 102 can based on from provide the second content pages website information or Instruction determines to meet replacement condition when it is determined that not being downloaded.As response, computing device 102 can turn to what is previously checked Content pages rather than from website download content.Computing device 102 can remove snapshot 332 after interval (such as X milliseconds).
In some specific implementations, computing device 102 can determine full when it is determined that the content downloaded will not match snapshot Foot replaces condition.For example, computing device 102 can determine in the root object for the downloading content render tree associated with snapshot 332 Root object mismatch.
Example devices part
Fig. 4 is the diagram of the part for the exemplary stacking-type Tab View subsystem 402 for showing computing device 102.Label Each part in view subsystem 402 may each comprise hardware and software part.
Subsystem 402 can include content handling subsystem 404.Content handling subsystem 404 can include one or more Individual processor, the processor are configured to perform the application program (such as web browser) for showing stacking-type Tab View.Content Processing subsystem 404 can include contents panel manager 406.Contents panel manager 406 is content handling subsystem 404 Part, is configured to generate the stacking-type view of contents panel (such as contents panel 110,112,114,116 and 222), and manages Manage motion and the animation of contents panel.
Content handling subsystem 404 can include page-images manager 408.Page-images manager 408 is at content The part in subsystem 404 is managed, is configured to determine presentation graphics (such as image 312,314,316,320,322 of content pages With 324).
Content handling subsystem 404 can include snapshot manager 410.Snapshot manager 410 is content handling subsystem Part in 404, be configured to generate content pages snapshot (such as snapshot 332) and manage it is associated with multiple contents panels Snapshot.
Content handling subsystem 404 can include display interface 412.Display interface 412 is in content handling subsystem 404 Part, be configured to interact with display surface 106, including from display surface 106 receive input (such as touch input or gesture are defeated Enter) and provide input to contents panel manager 406, page-images manager 408 or snapshot manager 410.Display interface 412 The content generated by contents panel manager 406, page-images manager 408 and snapshot manager 410 can be provided with aobvious Shown on presentation surface 106.
Subsystem 402 can include communication subsystem 424.Communication subsystem 424 is the part of subsystem 402, including day Line, wireless processor (such as BBP, Wi-FiTMProcessor or BluetoothTMProcessor) and software or firmware, it is soft Part or firmware make wireless processor perform from one or more websites download content operation and to contents panel manager 406, Page-images manager 408 or snapshot manager 410 provide content.
Exemplary process
Fig. 5 A are the flow charts of the exemplary process 500 of non-intrusion type region notice.Journey can be performed by computing device 102 Sequence 500.
Computing device 102 can provide (502) preceding contents panel (such as contents panel 110) and rear contents panel (such as content Pane 112) to be shown on display surface (such as display surface 106).Each in preceding contents panel and rear contents panel is equal It can be the snapshot of webpage or webpage.Snapshot can include the image of webpage.Preceding contents panel can be illustrated within rear content Contents panel after covering before pane and partly.Distance in depth dimension can be shown as preceding contents panel with after Contents panel separates.
In some specific implementations, preceding contents panel and rear contents panel can be arranged to have following outward appearance：Preceding content Trunnion axis below the vertical edge of the vertical edge of the pane and rear contents panel preceding contents panel of sensing and rear contents panel is (such as Trunnion axis 201).Trunnion axis can be that the display of the visible axle or preceding contents panel and rear contents panel that are shown on display surface is saturating Depending on the invisible axle of restriction, as shown in figs. 2 a-d.Computing device 102 can be received back to and push away gesture input, content before it is touched At least one and upward sliding of pane or rear contents panel.As response, before computing device 102 can be shown with animation mode Contents panel and rear contents panel including reduce preceding contents panel and rear contents panel around the rotation (such as rotation 220) of trunnion axis Size, and change the display perspective of preceding contents panel and rear contents panel with the outward appearance away from observer's movement.
Computing device 102 can receive (504) position gesture input (such as position gesture input 120), content after it is touched Position before not being illustrated within pane by part that preceding contents panel covers and sliding into before contents panel.
In response to position gesture input, computing device 102 can exchange (506) preceding contents panel with after in animation motion The position of contents panel.In animation motion, preceding contents panel can be shown as the bottom margin movement to display surface.It is interior afterwards Holding pane can be shown as moving forward to occupy the position occupied by preceding contents panel originally.Preceding contents panel can be shown as Moved up behind rear contents panel to occupy the position occupied originally by rear contents panel.
In some specific implementations, after exchanging position in the stage 506, computing device 102 can receive (508) touch The second place gesture input (such as position gesture input 124) of contents panel afterwards, after the swap, rear contents panel is shown as position Before preceding contents panel.Second place gesture, which can slide into, to be illustrated within behind preceding contents panel (now later) Position.
In response to second place gesture input, computing device 102 can move rear contents panel in the motion of the second animation Dynamic (510) are arrived behind preceding contents panel.In the motion of the second animation, preceding contents panel can be shown as the bottom to display surface Move at edge.Contents panel can be shown as being moved rearwards to occupy the position occupied by rear contents panel originally afterwards.Then, it is preceding Contents panel can be shown as moving up before rear contents panel to occupy the position occupied by preceding contents panel originally.
In some specific implementations, computing device 102, which can receive, deletes gesture input (as deleted gesture input 302). A part for preceding contents panel or rear contents panel can be touched and be slided to side by deleting gesture input.As response, calculate Equipment 102 can remove the contents panel touched in animation from display.In animation, the contents panel touched being capable of root Slipped away according to the glide direction for deleting gesture input from display surface.
In some specific implementations, computing device 102 can receive the input of new content pane, for into display surface Display addition new content pane.As response, computing device 102 can be in animation in preceding contents panel and rear contents panel two New content pane is added before person.
In some specific implementations, equipment 102 can receive inclination input (as tilted input 132), and display surface is inclined Tiltedly it is more than the second vertical edge of display surface to the distance between the first vertical edge and observer of display surface to observing The position of the distance between person.As response, computing device can change the outward appearance plane of preceding contents panel and rear contents panel Outward appearance plane to simulate inclined 3-D effect.The change can include angle change or offset variation.
Fig. 5 B are shown with the flow chart of the exemplary process 520 of mesh model display content pane.It can be set by calculating Standby 102 configuration processors 520.
Computing device 102 can receive (522) request to fill contents panel.The request can include being used to create in new Hold user's input of pane (such as new content pane 222) or inputted for the user of access bookmarks page.
Computing device 102 can point to the set of one or more links of website from content storage library searching (524).It is interior It can be locally stored on computing device 102 or the file remotely from computing device 102 to hold repository.Content repository Can be bookmark page or reading list.
Computing device 102 can determine (526) one or more images.Each image can be corresponding to one in set Web site url.It is determined that each image can include, when it is determined that the presentation graphics provided by corresponding website meets dimension threshold, Presentation graphics is appointed as the image corresponding to the website.It is determined that each image can include, it is determined that presentation graphics not When meeting dimension threshold, image is generated based on presentation graphics, and the image generated is appointed as corresponding to the website Image.Generation image (such as image 314) can include determining primary color based on presentation graphics, and be given birth to based on primary color Into the image corresponding to website.
Computing device 102 can in response to request provide (528) one or multiple image, in contents panel with net Lattice pattern (such as in grid view region 310) or list mode (for example, as shown in FIG. 3 C) display.
Fig. 5 C are the flow charts for showing to manage the program 540 of snapshot.Can be by the configuration processor 540 of computing device 102.
(such as navigation input 325) is inputted in response to the navigation for navigating to the second content pages from first content page, is calculated Equipment 102 can identify the snapshot (such as snapshot 332) of (542) second content pages.Snapshot can include the second content pages and with The image of the website association of second content pages is provided.
Computing device 102 can determine that (544) toolbar associated with first content page (such as navigation toolbar 328) has There is first size (such as the height 330 reduced), it is less than the second size (such as full height of the toolbar associated with snapshot 334)。
Computing device 102 can be based on the difference between first size and the second size and associated with the second content pages Background color determine (546) placeholder (such as placeholder 338).
Computing device 102 can input in response to navigation, navigate to the second content pages from first content page, carried in animation For (548) placeholder to be displayed in association with snapshot.Computing device 102 can utilize the content of toolbar when completing animation Item replaces (550) placeholder.
In some specific implementations, computing device 102 can determine multiple snapshots.Each snapshot can be with providing webpage Website is associated.Each website can be associated with a contents panel of the web browser with multiple contents panels.Example Such as, contents panel 110,112,114,116 and 222 is each can be associated with the multiple snapshots generated during navigation.
Computing device 102 can be from the operating system of computing device 102 or from application program reception signal.Signal can refer to Show that memory uses the level (such as medium, high or critical) of pressure.As response, computing device 102 can be made based on memory One or more snapshots are removed with stress level.
For example, when it is determined that the medium memory of signal designation uses stress level, computing device 102, which can run through, to be referred to It is set to inactive contents panel to be iterated (such as the current contents panel not shown with screen mode toggle).In iteration, calculate Equipment 102 can remove the one or more snapshots associated with inactive contents panel.It is determined that signal designation is high deposits When reservoir uses stress level, it is fast that computing device 102 can remove the one or more associated with inactive contents panel According to and with the activity description pane one or more snapshots associated (such as the contents panel that is currently shown with screen mode toggle), institute Except stating recent snapshot, next snapshot and a upper snapshot.Recent snapshot can be the content pages currently shown in contents panel Image.Next snapshot page can obtain when from the navigation (such as to the right side of current display webpage) in the first direction of current display webpage .Upper snapshot page can obtain when from the navigation (such as to the left side of current display webpage) in a second direction of current display webpage. When it is determined that the critical memory of signal designation uses stress level, computing device 102 can remove all snapshots.
Example devices construct
Fig. 6 is the frame for showing to realize the example devices construction 600 of the computing device 102 of Fig. 1-Fig. 5 feature and operation Figure.Computing device 102 can be laptop computer, Tablet PC, smart phone or wearable computing device (such as intelligence Wrist-watch).Computing device 102 can include memory interface 602, one or more data processors, image processor and/or place Manage device 604, and peripheral interface 606.Memory interface 602, one or more processors 604 and/or ancillary equipment connect Mouth 606 can be individual components, or can be integrated into one or more integrated circuits.Processor 604 can include one or more Individual application processor and one or more wireless processors.Each part in computing device 102 for example can be by one or more Bar communication bus or signal wire coupling.
Sensor, equipment and subsystems couple can be facilitated multiple functions to peripheral interface 606.For example, it can incite somebody to action Motion sensor 610, optical sensor 612 and proximity transducer 614 are coupled to peripheral interface 606 to be moved easily equipment Orientation, illumination and close to function.Location processor 615 (such as gps receiver) can be connected to peripheral interface 606 to carry For geo-location.It is available to provide that electronic magnetic instrument 616 (such as IC chip) can be also connected to peripheral interface 606 In it is determined that the data in magnetic north direction.Thus, electronic magnetic instrument 616 can be used as electronic compass.Motion sensor 610 can include quilt It is configured to determine one or more accelerometers of mobile device movement velocity and direction change.Barometer 617 can include connection To peripheral interface 606 and it is configured to measure one or more equipment of the atmospheric pressure around mobile device.
Using camera subsystem 620 and optical sensor 622 (such as charge (CCD) or complementary metal oxygen Compound semiconductor (CMOS) optical sensor) facilitate camera-enabled, such as shooting photo and video clipping.
Communication function can be facilitated by one or more radio communication subsystems 624, the radio communication subsystem can Including radio frequency receiver and transmitter and/or optics (such as infrared) receiver and transmitter.The specific design of communication subsystem 624 With realizing the communication network that may depend on mobile device and intend to operate by it.For example, mobile device may include designed for logical Cross GSM network, GPRS network, EDGE network, Wi-FiTMOr WiMaxTMNetwork and BluetoothTMThe communicator of network operation System 624.Specifically, radio communication subsystem 624 may include host protocol so that mobile device can be configured as other nothings The base station of line equipment.
Audio subsystem 626 can be coupled to loudspeaker 628 and microphone 630 and enable the function of voice to facilitate, such as Speech recognition, speech reproduction, digital record and telephony feature.Audio subsystem 626 can be configured as receiving voice from user Order.
I/O subsystems 640 can include touch surface controller 642 and/or other input controllers 644.It will can touch Touch surface controller 642 and be coupled to touch-surface 646 or pad.Touch-surface 646 and touch surface controller 642 for example can Using in a variety of Touch technologies any one detection contact and motion or its interruption, Touch technologies include but is not limited to capacitive character, Resistive, infrared and surface acoustic wave technique, and for determining to connect with contacting other of one or more points of the contact of surface 646 Nearly sensor array or other elements.Touch-surface 646 can include such as touch-screen.
Other input controllers 644 can be coupled to other input/control devicess 648, such as one or more buttons, shake Arm switch, thumb roller, infrared port, USB port and/or pointing device (such as stylus).One or more of buttons (do not show Go out) may include for the volume of loudspeaker 628 and/or microphone 630 control increase/reduction button.
In a specific implementation, button pressed into the first duration can untie the locking of touch-surface 646；And Button pressed into second duration longer than the first duration can open or close the power supply of computing device 102.With Family can carry out self-defined to the function of one or more buttons.For example, it is also possible to realized using touch-surface 646 virtual or soft Button and/or keyboard.
In some specific implementations, computing device 102 can be presented the audio and/or video file of record, such as MP3, AAC and mpeg file.In some specific implementations, computing device 102 can include the function of MP3 player.Computing device 102 Therefore the pin connector compatible with iPod can be included.Other input/output and control device can also be used.
Memory interface 602 may be coupled to memory 650.Memory 650 may include high-speed random access memory and/ Or nonvolatile memory, such as one or more disk storage equipments, one or more optical storage apparatus, and/or flash memory Memory (such as NAND, NOR).Memory 650 can storage program area 652, such as Darwin, RTXC, LINUX, UNIX, OS X, WINDOWS, iOS or embedded OS (such as VxWorks).Operating system 652 may include to be used to handle basic system clothes Business and the instruction for performing hardware dependent tasks.In some specific implementations, operating system 652 can include kernel (such as UNIX kernel).
Memory 650 can also store communication instruction 654, by facilitate with terms of one or more optional equipments, one or more Calculation machine and/or one or more server communications.Memory 650 can include graphic user interface instruction 656, to facilitate figure User interface process；Sensor process instruction 658, to facilitate the processing related to sensor and function；Telephone order 660, with The convenient process and function related to phone；Electronic information process instruction 662, to facilitate the process related to electronic information and work( Energy；Web-browsing instruction 664, to facilitate the process and function related to network browsing；Media handling instruction 666, to facilitate and matchmaker Body processing related process and function；GPS/ navigation instructions 668, to facilitate the process related to GPS and navigation and instruction；Photograph Machine instruction 670, to facilitate the process and function related to camera；Magnetometer data 672 and calibration command 674, to facilitate magnetic Power instrument is calibrated.Memory 650 can also store other software instruction (not shown), for example, safety command, for convenient and network video The Internet video instruction of the related process of frequency and function, and/or the net for the convenient process related to shopping online and function Upper shopping instruction.In some specific implementations, media handling instructs 666 points as audio frequency process instruction and Video processing instruction, point Yong Yu not the convenient process related to audio frequency process and function and the process and function related with Video processing.It will can also start Record is stored in memory 650 with international mobile equipment identification number (IMEI) or similar hwid.
Memory 650 can store browser administration instruction 676.Browser administration instruction can include contents panel management Instruction, when executed, processor 604 is set to perform the operation of contents panel manager 406, including configuration processor 500.Browser Management instruction 676 can include page-images management and instruct, and when executed, processor 604 is performed page-images manager 408 operation, including configuration processor 520.Browser administration instruction 676 can include snapshot management and instruct, and when executed, make Processor 604 performs the operation of snapshot manager 410, including configuration processor 540.
Each of the instruction being identified above and application program can with for performing said one or multiple functions Instruction set is corresponding.These instructions need not perform as independent software program, process or module.Memory 650 can wrap Include additional instruction or less instruction.In addition, can in hardware and/or software, be included in one or more signal transactings and/ Or in application specific integrated circuit, perform the various functions of mobile device.
Illustrative Operating Environment
Fig. 7 is the block diagram of the exemplary network operating environment 700 of the computing device for the feature and operation for realizing Fig. 1-Fig. 5. Each in mobile device 702a and 702b can be computing device 102.Mobile device 702a and 702b can be for example in data Communicated in communication by one or more wired and or wireless networks 710.For example, wireless network 712 (such as cellular network) can lead to Cross and communicated using gateway 716 with wide area network (WAN) 714 (such as internet).Equally, (such as 802.11g wirelessly connects access device 718 Access point) communication access to wide area network 714 can be provided.
In some specific implementations, voice communications versus data communications can be established by wireless network 712 and access device 718. For example, mobile device 702a can dial and receive call (as used internet voice protocol (VoIP)), send and connect Email message (as used Post Office Protocol 3 (POP3)) is received, and passes through wireless network 712, gateway 716 and wide area network 714 Electronic document and/or stream, such as webpage, photo and video are retrieved (as used transmission control protocol/Internet protocol (TCP/IP) Or UDP (UDP)).Equally, in some specific implementations, mobile device 702b can by access device 718 and Wide area network 714 come dial and receive call, send and receive email message and retrieval electronic document.In some tools During body is implemented, one or more cable can be used to be physically connected to access device 718 for mobile device 702a or 702b, and connect It can be personal computer to enter equipment 718.In this configuration, mobile device 702a or 702b is referred to alternatively as " being limited " equipment.
Mobile device 702a and 702b can also establish communication by other means.For example, wireless mobile apparatus 702a energy Enough by wireless network 712 and other wireless devices, such as the communication such as other mobile devices, cell phone.Equally, mobile device 702a and 702b can be by using one or more communication subsystem (such as BluetoothTMCommunication equipment) establish peer-to-peer communications 720, such as PAN.Also other communication protocols and topological structure can be realized.
Mobile device 702a and 702b for example can be taken by one or more wired and or wireless networks with one or more The communication of business 730 and 740.Serviced for example, first content service 730 can be first content page 326.The energy of second content service 740 It is the second content pages service enough to mobile device 702a and 702b, based on the second content pages, mobile device 702a and 702b can Generate snapshot 332.
Mobile device 702a or 702b can also access other data and interior by one or more wired and or wireless networks Hold.For example, mobile device 702a or 702b accessible content publisher, such as news site, real simple association (RSS) supply Original text, website, blog, social network sites, Developer Network etc..By touching (such as network object) in response to user and clear to network Look at the calling of function or application program (such as browser), it is possible to provide this access.
Fig. 8 A are to show the block diagram according to the feature for realizing Fig. 1-5 of embodiment and the example of the computing device operated.Meter The principle of the present invention can be implemented to carry out by the combination of hardware, software or hardware and software by calculating the block of equipment.This area It should be understood to the one skilled in the art that the block described in Fig. 8 A can combine or be divided into sub-block, to perform invention discussed above principle. Therefore, description herein can support as described herein piece of any possible combination or separation or further definition.
As shown in Figure 8 A, including one or more processors computing device 802 include display surface 805, be coupled to it is aobvious The display interface 812 of presentation surface 805 and the contents panel manager 806 for being coupled to display interface 812.For example, computing device 802 can be the computing device 102 in Fig. 1.For example, display surface 805 can be the display surface 106 in Fig. 1.Display surface 812 It is configured to provide preceding contents panel and rear contents panel to show on display surface 805.Preceding contents panel is illustrated within Contents panel after before contents panel and partly covering afterwards, the distance wherein in depth dimension are shown as separating preceding content Pane and rear contents panel.Display interface 812 is further configured to receiving position gesture input, its touch after contents panel not by A part for preceding contents panel masking, and slide into the position being illustrated within before preceding contents panel.Contents panel pipe Reason device 806 is configured in response to display interface 812 and receives contents panel before position gesture input exchanges in animation motion With the position of rear contents panel.In animation motion, preceding contents panel is shown as the bottom margin movement to display surface 805, And rear contents panel is shown as moving forward to occupy the position occupied by preceding contents panel originally, then, preceding contents panel It is shown as being moved upwards up to behind rear contents panel to occupy the position occupied by rear contents panel originally.
It should be noted by those skilled in the art that display interface 812 and contents panel manager 806 can come in many ways Realize.For example, display interface 812 and contents panel manager 806 can be by being realized by instruction configuration processor.For example, refer to Order can be stored in ROM, and is read when computing device starts from ROM to programming device, to realize display interface 812 With contents panel manager 806.And for example, display interface 812 and contents panel manager 806 are curable in special equipment.
According to another embodiment, display interface 812 is further configured to the content window after touch is received after exchanging position The second place gesture input of lattice, after the swap, before the rear contents panel is illustrated within before contents panel, wherein Second place gesture slides into the position being illustrated within behind preceding contents panel.Contents panel manager is further configured to respond Content window before rear contents panel is moved to by second place gesture input in the motion of the second animation is received in display interface 812 Behind lattice, wherein in the motion of the second animation, preceding contents panel is shown as the bottom margin movement to display surface 805, after Contents panel is shown as being moved rearwards to occupy the position occupied by rear contents panel originally, and then, preceding contents panel is shown as It is moved upwards up to before rear contents panel to occupy the position occupied originally by preceding contents panel.
According to another embodiment, each in preceding contents panel and rear contents panel is webpage or snapshots of web pages, The snapshot is the image of webpage.
According to another embodiment, display interface 812, which is further configured to receive, deletes gesture input.Gesture input is deleted to touch Touch a part for preceding contents panel or rear contents panel and slided to side.Contents panel manager 806 is further configured to ring It should be received in display interface 812 and delete gesture input in animation and remove the contents panel that is touched, wherein basis from display The glide direction of gesture input is deleted, the contents panel touched slips away from display surface 805.
According to another embodiment, preceding contents panel and rear contents panel are arranged to following outward appearance：Preceding content window The vertical edge of the vertical edge of lattice and rear contents panel points to the trunnion axis below preceding contents panel and rear contents panel, wherein The trunnion axis is the visible axle being shown on display surface 805 or limited by the display perspective of preceding contents panel and rear contents panel Invisible axle.
According to another embodiment, display interface 812, which is further configured to be received back to, pushes away gesture input, content window before it is touched At least one and upward sliding in lattice and rear contents panel.Contents panel manager 806 is further configured in response to display Interface 812, which receives, to be pushed back gesture input and shows that preceding contents panel and rear contents panel surround the rotation of trunnion axis with animation mode Turn, including reduce the size of preceding contents panel and rear contents panel, and change the display of preceding contents panel and rear contents panel Perspective is with the outward appearance away from observer's movement.
According to another embodiment, display interface 812 is further configured to receive the input of new content pane, for display Display addition new content pane in surface 805.Contents panel manager 806 is further configured to connect in response to display interface 812 Receive the input of new content pane and add new content pane before both preceding contents panel and rear contents panel in animation.
According to another embodiment, display interface 812, which is further configured to receive, tilts input, and the inclination input will display Surface 805 tilts to following location：In the opening position, the distance between the first vertical edge of display surface 805 and observer The second vertical edge more than display surface 805 arrives the distance between observer.Contents panel manager 806 is further configured to ring It should be received in display interface 812 and tilt the outward appearance plane of the preceding contents panel of input change and the outward appearance plane of rear contents panel, To simulate inclined 3D visual effect.
Fig. 8 B are to show the block diagram according to the feature for realizing Fig. 1-5 of embodiment and the example of the computing device operated.Meter The principle of the present invention can be implemented to carry out by the combination of hardware, software or hardware and software by calculating the block of equipment.This area It should be understood to the one skilled in the art that the block described in Fig. 8 B can combine or be divided into sub-block, to perform invention discussed above principle. Therefore, description herein can support as described herein piece of any possible combination or separation or further definition.
According to another embodiment, including one or more processors computing device 802 include content repository 814, Display surface 805, the display interface 812 for being coupled to display surface 805, and it is coupled to display interface 812 and content repository 814 page-images manager 808.For example, computing device 802 can be the computing device 102 in Fig. 1.For example, display surface 805 can be the display surface 106 in Fig. 1.Display interface 812 is configured to receive request to fill contents panel.Page-images Manager 808 is configured to retrieve the set for the one or more links for pointing to website from content repository 814.Page-images pipe Reason device 808 is further configured to determine one or more images, the web site url that each image corresponds in set.Display connects Mouthfuls 812 are further configured to provide one or more images in response to the request, in contents panel with mesh model Or list mode is shown.
It should be noted by those skilled in the art that content repository 814, display interface 812 and page-images manager 808 It can realize in many ways.For example, content repository 814, display interface 812 and page-images manager 808 can by by The processor configured is instructed to realize.For example, instruction can be stored in ROM, and when computing device starts from ROM read to Programming device, to realize content repository 814, display interface 812 and page-images manager 808.And for example, content storage Storehouse 814, display interface 812 and page-images manager 808 are curable in special equipment.
According to another embodiment, the user that the request includes being used to create new content pane inputs or for accessing book Sign user's input of page.
According to another embodiment, page-images manager 808 is further configured to determine each image by operating as follows： When it is determined that the presentation graphics provided by corresponding website meets dimension threshold, presentation graphics is appointed as corresponding to website Image；Or when it is determined that presentation graphics is unsatisfactory for dimension threshold, image is generated based on presentation graphics, and will be generated Image be appointed as image corresponding to website.
According to another embodiment, page-images manager 808 is further configured to by operating generation image as follows：It is based on Presentation graphics determines primary color；And the image based on primary color generation corresponding to website.
Fig. 8 C are to show the block diagram according to the feature for realizing Fig. 1-5 of embodiment and the example of the computing device operated.Meter The principle of the present invention can be implemented to carry out by the combination of hardware, software or hardware and software by calculating the block of equipment.This area It should be understood to the one skilled in the art that the block described in Fig. 8 C can combine or be divided into sub-block, to perform invention discussed above principle. Therefore, description herein can support as described herein piece of any possible combination or separation or further definition.
Display surface 805, coupling are included according to the computing device 802 of one embodiment, including one or more processors Display interface 812 to display surface 805, it is coupled to the snapshot manager 810 of display interface 812, is coupled to display interface 812 Toolbar manager 816, and be coupled to the placeholder manager 818 of display interface 812.For example, computing device 802 can be Computing device 102 in Fig. 1.For example, display surface 805 can be the display surface 106 in Fig. 1.Display interface 812 is configured to Receive the navigation input that the second content pages are navigate to from first content page.Snapshot manager 810 is configured in response to navigate defeated Enter the snapshot of the second content pages of identification, the snapshot includes the image of the second content pages and the net with providing second content pages Stand associated.Toolbar manager 816, which is configured to determine the toolbar associated with first content page, has first size, institute State the second size that first size is less than the toolbar associated with the snapshot.Placeholder manager 818 is configured to：It is based on Difference and the background color associated with the second content pages between first size and the second size determine placeholder；In response to It is described navigation input, provided in the animation for navigating to the second content pages from first content page the placeholder with the snapshot Display in association with；And replace the placeholder using the content item of the toolbar when completing the animation.
It should be noted by those skilled in the art that display interface 812, snapshot manager 810, the and of toolbar manager 816 Placeholder manager 818 can be realized in many ways.For example, display interface 812, snapshot manager 810, toolbar manager 816 and placeholder manager 818 can be by being realized by instruction configuration processor.For example, instruction can be stored in ROM, and Computing device is read to programming device when starting from ROM, to realize display interface 812, snapshot manager 810, toolbar Manager 816 and placeholder manager 818.As another example, display interface 812, snapshot manager 810, toolbar Manager 816 and placeholder manager 818 are curable in special equipment.
According to another embodiment, each of first content page and the second content pages are shown by web browser Webpage.
According to another embodiment, snapshot manager 810 is additionally configured to：Determine multiple snapshots, wherein each snapshot with There is provided the website of webpage is associated, and wherein each website and a content of the web browser with multiple contents panels Pane is associated；Receive the signal that instruction memory uses stress level；And as response, pressure is used based on the memory Power is horizontal to remove one or more snapshots.
According to another embodiment, snapshot manager 810 is additionally configured to remove one or more soon by operating as follows According to：When it is determined that the medium memory of the signal designation uses stress level, through being designated as inactive contents panel It is iterated, it includes removing the one or more snapshots associated with the inactive contents panel；And it is determined that institute When stating the high memory of signal designation and using stress level, one or more associated with the inactive contents panel is removed Individual snapshot and the one or more snapshots associated with activity description pane, the recent snapshot of the activity description pane, under Except one snapshot and a upper snapshot；Or when it is determined that the critical memory of the signal designation uses stress level, remove institute There is snapshot.Recent snapshot is the image of the webpage currently shown in contents panel, next snapshot be from current display webpage to The image of obtainable webpage during left-hand navigation, and a upper snapshot can be obtained when being navigated to the right from current display webpage Webpage image.
Have been described for many specific implementations of the present invention.It will be appreciated, however, that the spirit and scope of the invention are not being departed from In the case of can various modification can be adapted.

Claims (33)

1. a kind of method for showing multiple contents panels, including：
At the computing device including one or more processors, non-transient memory and touch-sensitive display：
It is described more by multiple contents panels in the first order display vision stack in depth dimension on the touch-sensitive display Individual contents panel includes first content pane and the second contents panel, and first order is shown including the first content pane To cover before second contents panel and partly second contents panel, wherein in the depth dimension Distance be shown as separating the first content pane and second contents panel；
Detect the first touch gestures on the touch-sensitive display, including detection second contents panel not by described first The first contact in a part for contents panel masking, and detection first contact are moved to showing on the touch-sensitive display The position being shown in before the first content pane；And
The first content window is illustrated within response to detecting that first contact is moved on the touch-sensitive display Position before lattice, the position of the first content pane and second contents panel is exchanged in animation motion so that The multiple contents panel is shown in vision stack on the touch-sensitive display by the second order, wherein：
Second order is illustrated within including second contents panel before the first content pane and part Cover the first content pane in ground；And
In animation motion, the first content pane is shown as in the depth dimension to the touch-sensitive display Bottom margin moves, and second contents panel is shown as moving forward in the depth dimension to occupy described touch-sensitive aobvious Show the position for detecting on device and being occupied before first touch gestures by the first content pane, and the first content Pane is shown as being moved rearwards in the depth dimension detects that described first touches to occupy on the touch-sensitive display The position occupied before gesture by second contents panel.
2. according to the method for claim 1, in clearing house, rheme postpones, in addition to：
While the multiple contents panel is shown in vision stack by the second order on the touch-sensitive display, detection is touch-sensitive Described in the second contact and detection on the second touch gestures on display, including a part for detection second contents panel The position being illustrated within behind the first content pane that second contact is moved on the touch-sensitive display；And
The first content window is illustrated within response to detecting that second contact is moved on the touch-sensitive display Position behind lattice, the position of second contents panel and the first content pane is exchanged in the motion of the second animation, is made The multiple contents panel is shown in vision stack on the touch-sensitive display by first order, wherein described the In the motion of two animations, second contents panel is shown as in depth dimension to the bottom margin of the touch-sensitive display Mobile, second contents panel is shown as being moved rearwards in depth dimension and detected with occupying on the touch-sensitive display The position occupied before first touch gestures by second contents panel, and the first content pane is shown as Moved forward in depth dimension with occupy first touch gestures are detected on the touch-sensitive display before by described the The position that one contents panel occupies so that the first content pane covers a part for second contents panel.
3. the method according to claim 11, wherein：
Each in the first content pane and second contents panel is the snapshot of webpage or webpage, the snapshot It is the image of the webpage.
4. the method according to claim 11, in addition to：
Detect the deletion gesture input on the touch-sensitive display, the deletion gesture input include the first content pane or Do not connect by second in a part for a contents panel in second contents panel of first content pane masking The side movement of second contact on tactile and described touch-sensitive display；And
In response to detecting that the side of second contact is moved, stop the first content pane in the touch-sensitive display Or the display of one in second contents panel, wherein stopping showing the first content pane or second content window One in lattice includes display animation, the first content pane described in the animation or one in second contents panel Slipped away according to the direction that the side of the described second contact is moved from the touch-sensitive display.
5. according to the method for claim 1, wherein the first content pane and second contents panel are arranged to With following outward appearance：The vertical edge of the vertical edge of the first content pane and second contents panel points to described the Trunnion axis below one contents panel and second contents panel, wherein the trunnion axis is displayed at the touch-sensitive display On visible axle or the invisible axle that is limited by the display perspective of the first content pane and second contents panel.
6. the method according to claim 11, in addition to：
Detect the gesture input that pushes back on the touch-sensitive display, it is described push back gesture input include the first content pane or Not by the second contact and described the at least one in second contents panel of first content pane masking Two contact moving up on the touch-sensitive display；And
In response to detecting the second contact moving up on the touch-sensitive display, described the is shown with animation mode One contents panel and the second contents panel surround the rotation of the trunnion axis, including reduce the first content pane and described the The size of two contents panels, and change the display perspective of the first content pane and second contents panel with remote From the outward appearance of observer's movement.
7. the method according to claim 11, in addition to：
The new content pane input on the touch-sensitive display is detected, the new content pane is inputted for into the vision stack The multiple contents panel addition new content pane；And
In response to detecting the new content pane input, in the first content pane and second content window in animation The multiple contents panel addition new content pane before from both lattice to the vision stack.
8. the method according to claim 11, in addition to：
Detection tilts input, and the inclination input corresponds to tilts to following location by the touch-sensitive display, in the position Place, the distance between the first vertical edge of the touch-sensitive display and observer are more than the second vertical of the touch-sensitive display Edge arrives the distance between observer；And
In response to detecting that described tilt inputs, change the outward appearance plane of the first content pane and second contents panel Outward appearance plane to simulate the inclined 3D visual effect.
9. according to the method for claim 1, wherein the multiple contents panel also includes the 3rd contents panel, and wherein While the vision stack is shown by first order, second contents panel is located at described first in depth dimension Between contents panel and the 3rd contents panel.
It is 10. described according to the method for claim 9, wherein while the vision stack is shown by second order First content pane is in depth dimension between second contents panel and the 3rd contents panel.
11. according to the method for claim 1, wherein animation motion is additionally included in the first content pane described The display first content pane is temporarily ceased while being moved rearwards in depth dimension, to simulate the first content pane Dodge under second contents panel.
12. a kind of computing device, including：
One or more processors；
Touch-sensitive display；And
It is coupled to the non-transient computer readable storage medium storing program for executing of the computing device, the non-transient computer readable storage medium storing program for executing Computer instruction is stored, the computer instruction is operable such that the computing device operation, and the operation includes：
It is described more by multiple contents panels in the first order display vision stack in depth dimension on the touch-sensitive display Individual contents panel includes first content pane and the second contents panel, and first order is shown including the first content pane To cover before second contents panel and partly second contents panel, wherein in the depth dimension Distance be shown as separating the first content pane and second contents panel；
Detect the first touch gestures on the touch-sensitive display, including detection second contents panel not by described first The first contact in a part for contents panel masking, and detection first contact are moved to showing on the touch-sensitive display The position being shown in before the first content pane；And
The first content window is illustrated within response to detecting that first contact is moved on the touch-sensitive display Position before lattice, the position of the first content pane and second contents panel is exchanged in animation motion so that The multiple contents panel is shown in the vision stack on the touch-sensitive display by the second order, wherein：
Second order is illustrated within including second contents panel before the first content pane and part Cover the first content pane in ground；And
In animation motion, the first content pane is shown as in the depth dimension to the touch-sensitive display Bottom margin moves, and second contents panel is shown as moving forward in the depth dimension to occupy described touch-sensitive aobvious Show the position for detecting on device and being occupied before first touch gestures by the first content pane, and the first content Pane is shown as being moved rearwards in the depth dimension detects that described first touches to occupy on the touch-sensitive display The position occupied before gesture by second contents panel.
13. computing device according to claim 12, wherein the instruction also makes the computing device in clearing house rheme Operation is performed after putting, the operation includes：
While the multiple contents panel is shown in vision stack by the second order on the touch-sensitive display, detection is touch-sensitive Described in the second contact and detection on the second touch gestures on display, including a part for detection second contents panel The position being illustrated within behind the first content pane that second contact is moved on the touch-sensitive display；And
The first content window is illustrated within response to detecting that second contact is moved on the touch-sensitive display Position behind lattice, the position of second contents panel and the first content pane is exchanged in the motion of the second animation, is made The multiple contents panel is shown in vision stack on the touch-sensitive display by first order, wherein described the In the motion of two animations, second contents panel is shown as in depth dimension to the bottom margin of the touch-sensitive display Mobile, second contents panel is shown as being moved rearwards in depth dimension and detected with occupying on the touch-sensitive display The position occupied before first touch gestures by second contents panel, and the first content pane is shown as Moved forward in depth dimension with occupy first touch gestures are detected on the touch-sensitive display before by described the The position that one contents panel occupies so that the first content pane covers a part for second contents panel.
14. computing device according to claim 12, wherein：
Each in the first content pane and second contents panel is the snapshot of webpage or webpage, the snapshot It is the image of the webpage.
15. computing device according to claim 12, wherein the instruction also operates the computing device, it is described Operation includes：
Detect the deletion gesture input on the touch-sensitive display, the deletion gesture input include the first content pane or Not by the second contact in the part of one in second contents panel of first content pane masking and institute State the side movement of second contact on touch-sensitive display；And
In response to detecting that the side of second contact is moved, stop the first content pane in the touch-sensitive display Or the display of one in second contents panel, wherein stopping showing the first content pane or second content window One in lattice includes display animation, the first content pane described in the animation or one in second contents panel Slipped away according to the direction that the side of the described second contact is moved from the touch-sensitive display.
16. computing device according to claim 12, wherein the first content pane and the second contents panel quilt It is arranged to that there is following outward appearance：The vertical edge of the vertical edge of the first content pane and second contents panel points to Trunnion axis below the first content pane and second contents panel, wherein the trunnion axis be displayed at it is described touch-sensitive Visible axle on display is limited invisible by the display perspective of the first content pane and second contents panel Axle.
17. computing device according to claim 16, wherein the instruction also operates the computing device, it is described Operation includes：
Detect the gesture input that pushes back on the touch-sensitive display, it is described push back gesture input include the first content pane or Not by the second contact and described the at least one in second contents panel of first content pane masking Two contact moving up on the touch-sensitive display；And
In response to detecting the second contact moving up on the touch-sensitive display, described the is shown with animation mode One contents panel and the second contents panel surround the rotation of the trunnion axis, including reduce the first content pane and described the The size of two contents panels, and change the display perspective of the first content pane and second contents panel with remote From the outward appearance of observer's movement.
18. computing device according to claim 12, wherein the instruction also operates the computing device, it is described Operation includes：
The new content pane input on the touch-sensitive display is detected, the new content pane is inputted for into the vision stack The multiple contents panel addition new content pane；And
In response to detecting the new content pane input, in the first content pane and second content window in animation The multiple contents panel addition new content pane before from both lattice to the vision stack.
19. computing device according to claim 12, wherein the instruction also operates the computing device, it is described Operation includes：
Detection tilts input, and the inclination input corresponds to tilts to following location by the touch-sensitive display, in the position Place, the distance between the first vertical edge of the touch-sensitive display and observer are more than the second vertical of the touch-sensitive display Edge arrives the distance between observer；And
In response to detecting that described tilt inputs, change the outward appearance plane of the first content pane and second contents panel Outward appearance plane to simulate the inclined 3D visual effect.
20. computing device according to claim 12, wherein the multiple contents panel also includes the 3rd contents panel, and And wherein while the vision stack is shown by first order, second contents panel is located at institute in depth dimension State between first content pane and the 3rd contents panel.
21. computing device according to claim 20, wherein while the vision stack is shown by second order, The first content pane is in depth dimension between second contents panel and the 3rd contents panel.
22. computing device according to claim 12, wherein animation motion is additionally included in the first content pane The display first content pane is temporarily ceased while being moved rearwards in the depth dimension, to simulate in described first Hold pane to dodge under second contents panel.
23. a kind of non-transient computer readable storage medium storing program for executing for being coupled to computing device, the computing device has one or more Individual processor and touch-sensitive display, the non-transient computer readable storage medium storing program for executing store computer instruction, and the computer refers to Order is operable such that the computing device operation, and the operation includes：
Multiple contents panels are shown in vision stack by the first order in depth dimension on the touch-sensitive display, it is described more Individual contents panel includes first content pane and the second contents panel, and first order is shown including the first content pane To cover before second contents panel and partly second contents panel, wherein in the depth dimension Distance be shown as separating the first content pane and second contents panel；
Detect the first touch gestures on the touch-sensitive display, including detection second contents panel not by described first The first contact in a part for contents panel masking, and detection first contact are moved to showing on the touch-sensitive display The position being shown in before the first content pane；And
The first content window is illustrated within response to detecting that first contact is moved on the touch-sensitive display Position before lattice, the position of the first content pane and second contents panel is exchanged in animation motion so that The multiple contents panel is shown in vision stack on the touch-sensitive display by the second order, wherein：
Second order is illustrated within including second contents panel before the first content pane and part Cover the first content pane in ground；And
In animation motion, the first content pane is shown as in the depth dimension to the touch-sensitive display Bottom margin moves, and second contents panel is shown as moving forward in the depth dimension to occupy described touch-sensitive aobvious Show the position for detecting on device and being occupied before first touch gestures by the first content pane, and the first content Pane is shown as being moved rearwards in the depth dimension detects that described first touches to occupy on the touch-sensitive display The position occupied before gesture by second contents panel.
24. non-transient computer readable storage medium storing program for executing according to claim 23, wherein the instruction also makes the calculating Equipment performs operation after clearing house rheme is put, and the operation includes：
While the multiple contents panel is shown in vision stack by the second order on the touch-sensitive display, detection is touch-sensitive Described in the second contact and detection on the second touch gestures on display, including a part for detection second contents panel The position being illustrated within behind the first content pane that second contact is moved on the touch-sensitive display；And
The first content window is illustrated within response to detecting that second contact is moved on the touch-sensitive display Position behind lattice, the position of second contents panel and the first content pane is exchanged in the motion of the second animation, is made The multiple contents panel is shown in vision stack on the touch-sensitive display by first order, wherein described the In the motion of two animations, second contents panel is shown as in depth dimension to the bottom margin of the touch-sensitive display Mobile, second contents panel is shown as being moved rearwards in depth dimension and detected with occupying on the touch-sensitive display The position occupied before first touch gestures by second contents panel, and the first content pane is shown as Moved forward in depth dimension with occupy first touch gestures are detected on the touch-sensitive display before by described the The position that one contents panel occupies so that the first content pane covers a part for second contents panel.
25. non-transient computer readable storage medium storing program for executing according to claim 23, wherein：
Each in the first content pane and second contents panel is the snapshot of webpage or webpage, the snapshot It is the image of the webpage.
26. non-transient computer readable storage medium storing program for executing according to claim 23, wherein the instruction also makes the calculating Equipment performs operation, and the operation includes：
Detect the deletion gesture input on the touch-sensitive display, the deletion gesture input include the first content pane or Not by the second contact in the part of one in second contents panel of first content pane masking and institute State the side movement of second contact on touch-sensitive display；And
In response to detecting that the side of second contact is moved, stop the first content pane in the touch-sensitive display Or the display of one in second contents panel, wherein stopping showing the first content pane or second content window One in lattice includes display animation, the first content pane described in the animation or one in second contents panel Slipped away according to the direction that the side of the described second contact is moved from the touch-sensitive display.
27. non-transient computer readable storage medium storing program for executing according to claim 23, wherein the first content pane and institute The second contents panel is stated to be arranged to following outward appearance：The vertical edge of the first content pane and second content window The vertical edge of lattice points to the trunnion axis below the first content pane and second contents panel, wherein the trunnion axis The visible axle being displayed on the touch-sensitive display or the display by the first content pane and second contents panel Have an X-rayed the invisible axle limited.
28. non-transient computer readable storage medium storing program for executing according to claim 27, wherein the instruction also makes the calculating Equipment performs operation, and the operation includes：
Detect the gesture input that pushes back on the touch-sensitive display, it is described push back gesture input include the first content pane or Not by the second contact and described the at least one in second contents panel of first content pane masking Two contact moving up on the touch-sensitive display；And
In response to detecting the second contact moving up on the touch-sensitive display, described the is shown with animation mode One contents panel and the second contents panel surround the rotation of the trunnion axis, including reduce the first content pane and described the The size of two contents panels, and change the display perspective of the first content pane and second contents panel with remote From the outward appearance of observer's movement.
29. non-transient computer readable storage medium storing program for executing according to claim 23, wherein the instruction also makes the calculating Equipment performs operation, and the operation includes：
The new content pane input on the touch-sensitive display is detected, the new content pane is inputted for into the vision stack The multiple contents panel addition new content pane；And
In response to detecting the new content pane input, in the first content pane and second content window in animation The multiple contents panel addition new content pane before from both lattice to the vision stack.
30. non-transient computer readable storage medium storing program for executing according to claim 23, wherein the instruction also makes the calculating Equipment performs operation, and the operation includes：
Detection tilts input, and the inclination input corresponds to tilts to following location by the touch-sensitive display, in the position Place, the distance between the first vertical edge of the touch-sensitive display and observer are more than the second vertical of the touch-sensitive display Edge arrives the distance between observer；And
In response to detecting that described tilt inputs, change the outward appearance plane of the first content pane and second contents panel Outward appearance plane to simulate the inclined 3D visual effect.
31. non-transient computer readable storage medium storing program for executing according to claim 23, wherein the multiple contents panel also wraps The 3rd contents panel is included, and wherein while the vision stack is shown by first order, second contents panel In depth dimension between the first content pane and the 3rd contents panel.
32. non-transient computer readable storage medium storing program for executing according to claim 31, wherein being shown by the described second order While the vision stack, the first content pane is in depth dimension in second contents panel and the described 3rd Between appearance pane.
33. non-transient computer readable storage medium storing program for executing according to claim 23, wherein animation motion is additionally included in The first content pane temporarily ceases the display first content pane while being moved rearwards in the depth dimension, with Just the first content pane is simulated to dodge under second contents panel.
CN201410205844.XA 2013-06-09 2014-05-15 Stacking-type Tab View Active CN104238902B (en)

Applications Claiming Priority (4)

Application Number Priority Date Filing Date Title
US201361832915P 2013-06-09 2013-06-09
US61/832,915 2013-06-09
US14/198,099 US9804745B2 (en) 2013-06-09 2014-03-05 Reordering content panes in a stacked tab view
US14/198,099 2014-03-05

Publications (2)

Publication Number Publication Date
CN104238902A CN104238902A (en) 2014-12-24
CN104238902B true CN104238902B (en) 2017-12-01

Family

ID=50486771

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410205844.XA Active CN104238902B (en) 2013-06-09 2014-05-15 Stacking-type Tab View

Country Status (4)

Country Link
US (3) US9804745B2 (en)
EP (2) EP3812879B1 (en)
KR (2) KR101592312B1 (en)
CN (1) CN104238902B (en)

Families Citing this family (44)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150098309A1 (en) * 2013-08-15 2015-04-09 I.Am.Plus, Llc Multi-media wireless watch
US9568891B2 (en) 2013-08-15 2017-02-14 I.Am.Plus, Llc Multi-media wireless watch
JP6086851B2 (en) * 2013-09-18 2017-03-01 株式会社ソニー・インタラクティブエンタテインメント Information processing apparatus and information processing method
US9952756B2 (en) * 2014-01-17 2018-04-24 Intel Corporation Dynamic adjustment of a user interface
US20160004393A1 (en) * 2014-07-01 2016-01-07 Google Inc. Wearable device user interface control
JP5855196B1 (en) * 2014-09-19 2016-02-09 ヤフー株式会社 Information display device, distribution device, information display method, and information display program
KR102328823B1 (en) 2014-11-12 2021-11-19 삼성전자 주식회사 Apparatus and method for using blank area on screen
US20160259523A1 (en) * 2015-03-06 2016-09-08 Greg Watkins Web Comments with Animation
RU2637882C2 (en) 2015-03-31 2017-12-07 Общество С Ограниченной Ответственностью "Яндекс" Method for managing web-resource displays in browser window, method of placing tabs in stack in browser window, electronic device and server
RU2632131C2 (en) 2015-08-28 2017-10-02 Общество С Ограниченной Ответственностью "Яндекс" Method and device for creating recommended list of content
JP6525820B2 (en) * 2015-08-28 2019-06-05 キヤノン株式会社 Electronic device and control method therefor, imaging apparatus
CN106528187B (en) * 2015-09-09 2020-04-07 腾讯科技（深圳）有限公司 Method and device for determining occupancy background color
RU2632100C2 (en) 2015-09-28 2017-10-02 Общество С Ограниченной Ответственностью "Яндекс" Method and server of recommended set of elements creation
RU2629638C2 (en) 2015-09-28 2017-08-30 Общество С Ограниченной Ответственностью "Яндекс" Method and server of creating recommended set of elements for user
RU2635065C2 (en) * 2015-09-29 2017-11-08 Общество С Ограниченной Ответственностью "Яндекс" Method (options) and electronic device (options) of interaction with thread content element
CN106569679A (en) * 2015-10-13 2017-04-19 阿里巴巴集团控股有限公司 Object display method and equipment
FI127227B (en) * 2016-01-04 2018-01-31 Trimble Solutions Corp Display area control area
US10216370B2 (en) 2016-03-29 2019-02-26 Microsoft Technology Licensing, Llc Tabs in system task switchers
RU2632144C1 (en) 2016-05-12 2017-10-02 Общество С Ограниченной Ответственностью "Яндекс" Computer method for creating content recommendation interface
WO2018000382A1 (en) * 2016-06-30 2018-01-04 华为技术有限公司 Graphical user interface and method for viewing application, and terminal
RU2636702C1 (en) 2016-07-07 2017-11-27 Общество С Ограниченной Ответственностью "Яндекс" Method and device for selecting network resource as source of content in recommendations system
RU2632132C1 (en) 2016-07-07 2017-10-02 Общество С Ограниченной Ответственностью "Яндекс" Method and device for creating contents recommendations in recommendations system
CN106372137A (en) * 2016-08-26 2017-02-01 乐视控股（北京）有限公司 Multi-window page display processing method and apparatus
CN106445274A (en) * 2016-08-26 2017-02-22 乐视控股（北京）有限公司 Method and device for processing multi-window page display
CN106227461B (en) * 2016-09-06 2020-01-14 广东欧珀移动通信有限公司 Window switching method and device
CN106648339B (en) * 2016-09-09 2020-04-21 Oppo广东移动通信有限公司 Window switching method and device
CN106502496B (en) * 2016-10-19 2019-12-27 Oppo广东移动通信有限公司 Window switching method and device
CN108241633A (en) * 2016-12-23 2018-07-03 百度在线网络技术（北京）有限公司 It is switched fast the method and apparatus of webpage
CN108268294B (en) * 2016-12-30 2021-03-12 腾讯科技（深圳）有限公司 Page switching method and device
USD882600S1 (en) 2017-01-13 2020-04-28 Yandex Europe Ag Display screen with graphical user interface
US11630877B1 (en) * 2017-01-24 2023-04-18 Snap Inc. Custom visual codes for network links
RU2714594C1 (en) 2018-09-14 2020-02-18 Общество С Ограниченной Ответственностью "Яндекс" Method and system for determining parameter relevance for content items
RU2720899C2 (en) 2018-09-14 2020-05-14 Общество С Ограниченной Ответственностью "Яндекс" Method and system for determining user-specific content proportions for recommendation
RU2720952C2 (en) 2018-09-14 2020-05-15 Общество С Ограниченной Ответственностью "Яндекс" Method and system for generating digital content recommendation
CN109358932A (en) * 2018-09-28 2019-02-19 上海七色猫网络科技有限公司 Common software interface flow control method
RU2725659C2 (en) 2018-10-08 2020-07-03 Общество С Ограниченной Ответственностью "Яндекс" Method and system for evaluating data on user-element interactions
RU2731335C2 (en) 2018-10-09 2020-09-01 Общество С Ограниченной Ответственностью "Яндекс" Method and system for generating recommendations of digital content
CN110262877B (en) * 2019-04-30 2022-05-13 华为技术有限公司 Card processing method and device
US11494209B2 (en) 2019-09-04 2022-11-08 Hiperwall, Inc. Multi-active browser application
RU2757406C1 (en) 2019-09-09 2021-10-15 Общество С Ограниченной Ответственностью «Яндекс» Method and system for providing a level of service when advertising content element
WO2022041162A1 (en) * 2020-08-29 2022-03-03 Citrix Systems, Inc. Mask including moveable window for viewing content
CN114363462B (en) * 2020-09-30 2023-01-06 华为技术有限公司 Interface display method, electronic equipment and computer readable medium
CN114201713A (en) * 2021-11-19 2022-03-18 北京字节跳动网络技术有限公司 Page jump method and device, computer equipment and storage medium
US20230314801A1 (en) * 2022-03-29 2023-10-05 Rovi Guides, Inc. Interaction methods and systems for a head-up display

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009266188A (en) * 2008-03-31 2009-11-12 Yahoo Japan Corp Display control method and program
CN102782633A (en) * 2010-02-12 2012-11-14 微软公司 Multi-layer user interface with flexible parallel and orthogonal movement

Family Cites Families (42)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6909443B1 (en) * 1999-04-06 2005-06-21 Microsoft Corporation Method and apparatus for providing a three-dimensional task gallery computer interface
US9229474B2 (en) * 2010-10-01 2016-01-05 Z124 Window stack modification in response to orientation change
US8341541B2 (en) * 2005-01-18 2012-12-25 Microsoft Corporation System and method for visually browsing of open windows
US8683362B2 (en) * 2008-05-23 2014-03-25 Qualcomm Incorporated Card metaphor for activities in a computing device
US8527881B2 (en) * 2007-01-30 2013-09-03 Oracle International Corporation Enterprise web browser extension
US8392429B1 (en) * 2008-11-26 2013-03-05 Google Inc. Informational book query
US20110181521A1 (en) * 2010-01-26 2011-07-28 Apple Inc. Techniques for controlling z-ordering in a user interface
US8830225B1 (en) * 2010-03-25 2014-09-09 Amazon Technologies, Inc. Three-dimensional interface for content location
US20150205489A1 (en) * 2010-05-18 2015-07-23 Google Inc. Browser interface for installed applications
US20120131441A1 (en) * 2010-11-18 2012-05-24 Google Inc. Multi-Mode Web Browsing
EP2641143B1 (en) * 2010-11-18 2023-06-21 Google LLC Delayed shut down of computer
WO2012074798A1 (en) * 2010-11-18 2012-06-07 Google Inc. Haptic feedback to abnormal computing events
US9060320B1 (en) * 2010-11-18 2015-06-16 Google Inc. Identifying trapping access points
US8560960B2 (en) 2010-11-23 2013-10-15 Apple Inc. Browsing and interacting with open windows
US9142193B2 (en) * 2011-03-17 2015-09-22 Intellitact Llc Linear progression based window management
KR101810884B1 (en) * 2011-06-07 2017-12-20 삼성전자주식회사 Apparatus and method for providing web browser interface using gesture in device
US8700999B2 (en) * 2011-08-15 2014-04-15 Google Inc. Carousel user interface for document management
US9213775B2 (en) * 2011-09-01 2015-12-15 Facebook. Inc. Domain-specific browser tab creation and management
US8739070B2 (en) * 2011-11-01 2014-05-27 WMODE, Inc. System, method and apparatus for providing an application carousel
US8866852B2 (en) * 2011-11-28 2014-10-21 Google Inc. Method and system for input detection
US8381102B1 (en) * 2011-12-06 2013-02-19 Google Inc. Systems and methods for visually scrolling through a stack of items displayed on a device
US9395868B2 (en) * 2011-12-06 2016-07-19 Google Inc. Graphical user interface window spacing mechanisms
US8881032B1 (en) * 2011-12-07 2014-11-04 Google Inc. Grouped tab document interface
US8836658B1 (en) * 2012-01-31 2014-09-16 Google Inc. Method and apparatus for displaying a plurality of items
US20150212670A1 (en) * 2012-02-01 2015-07-30 Google Inc. Highly Customizable New Tab Page
US9477642B2 (en) * 2012-02-05 2016-10-25 Apple Inc. Gesture-based navigation among content items
US8451246B1 (en) * 2012-05-11 2013-05-28 Google Inc. Swipe gesture classification
US9178746B2 (en) * 2012-07-03 2015-11-03 Google Inc. Browser-based fetch of external libraries
US8959438B2 (en) * 2012-09-06 2015-02-17 Google Inc. Media control pane in browser
US9696879B2 (en) * 2012-09-07 2017-07-04 Google Inc. Tab scrubbing using navigation gestures
US9219719B1 (en) * 2012-09-21 2015-12-22 Google Inc. Automatic dynamic vetting of browser extensions and web applications
US9465596B2 (en) * 2012-09-27 2016-10-11 Google Inc. Cross system installation of web applications
US9070211B1 (en) * 2012-10-18 2015-06-30 Google Inc. Webview tag for a sandboxed multiprocess browser
US9459705B2 (en) * 2013-03-18 2016-10-04 Facebook, Inc. Tilting to scroll
WO2014183098A2 (en) * 2013-05-09 2014-11-13 Amazon Technologies, Inc. Mobile device interfaces
US9181760B2 (en) * 2013-07-24 2015-11-10 Innovations, Inc. Motion-based view scrolling with proportional and dynamic modes
US10126839B2 (en) * 2013-07-24 2018-11-13 Innoventions, Inc. Motion-based view scrolling with augmented tilt control
US9547525B1 (en) * 2013-08-21 2017-01-17 Google Inc. Drag toolbar to enter tab switching interface
US9423941B2 (en) * 2013-09-05 2016-08-23 Facebook, Inc. Tilting to scroll
US10592064B2 (en) * 2013-09-17 2020-03-17 Amazon Technologies, Inc. Approaches for three-dimensional object display used in content navigation
US20150100552A1 (en) * 2013-10-07 2015-04-09 QQ Solutions Inc. Managing non-committed computerized workflows
US10310726B2 (en) * 2015-05-14 2019-06-04 Oath Inc. Content navigation based upon motion

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009266188A (en) * 2008-03-31 2009-11-12 Yahoo Japan Corp Display control method and program
CN102782633A (en) * 2010-02-12 2012-11-14 微软公司 Multi-layer user interface with flexible parallel and orthogonal movement

Also Published As

Publication number Publication date
US9798447B2 (en) 2017-10-24
EP2811385B1 (en) 2021-03-17
US20140365854A1 (en) 2014-12-11
KR20140143696A (en) 2014-12-17
US20160299651A1 (en) 2016-10-13
EP2811385A3 (en) 2015-01-14
KR101951991B1 (en) 2019-02-25
CN104238902A (en) 2014-12-24
KR101592312B1 (en) 2016-02-05
KR20160018638A (en) 2016-02-17
US9804745B2 (en) 2017-10-31
EP3812879A1 (en) 2021-04-28
EP3812879B1 (en) 2023-02-15
EP2811385A2 (en) 2014-12-10
US20180074667A1 (en) 2018-03-15

Similar Documents

Publication Publication Date Title
CN104238902B (en) Stacking-type Tab View
US11144177B2 (en) Application execution method by display device and display device thereof
US10209877B2 (en) Touch screen device, method, and graphical user interface for moving on-screen objects without using a cursor
US9792665B2 (en) Real time visual feedback during move, resize and/or rotate actions in an electronic document
JP5951781B2 (en) Multidimensional interface
JP6185656B2 (en) Mobile device interface
CN109242931B (en) Method and apparatus for arranging images using image recognition
US11604580B2 (en) Configuration of application execution spaces and sub-spaces for sharing data on a mobile touch screen device
US20180329598A1 (en) Method and apparatus for dynamic display box management
CN103426202A (en) Display system and display method for three-dimensional panoramic interactive mobile terminal
EP3211515A1 (en) Display device and method for controlling display device
KR102255087B1 (en) Electronic device and method for displaying object
KR102117450B1 (en) Display device and method for controlling thereof
CN103294328B (en) The user interface of digital camera
JP2017068600A (en) Image selection apparatus, image selection method, and image selection program
CN114518919A (en) Content sharing method and device, equipment and storage medium
CN114690983A (en) Content sharing method and device, equipment and storage medium

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant