CN102681837B - For providing graphic user interface with editor's method of multilayer electronic content, system and equipment - Google Patents
For providing graphic user interface with editor's method of multilayer electronic content, system and equipment Download PDFInfo
- Publication number
- CN102681837B CN102681837B CN201110461392.8A CN201110461392A CN102681837B CN 102681837 B CN102681837 B CN 102681837B CN 201110461392 A CN201110461392 A CN 201110461392A CN 102681837 B CN102681837 B CN 102681837B
- Authority
- CN
- China
- Prior art keywords
- layer
- expression
- input
- content
- ground floor
- 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
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]
- 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
-
- 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
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04801—Cursor retrieval aid, i.e. visual aspect modification, blinking, colour changes, enlargement or other visual cues, for helping user do find the cursor in graphical user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04804—Transparency, e.g. transparent or translucent windows
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present invention relates to a kind of provide user interface feature with edit multilayer electronic content system and method.More specifically, illustrative embodiments relates to showing on a computing device for the graphic user interface of editing electronic content and shows can be used for the expression of fixed number layer that uses in described digital content.The expression not having the layer used in described layer is graphically distinguished from the expression to the layer used in described layer.Input is received, it is provided that for editing editor's feature of the layer of described digital content in response at described computer equipment.
Description
Technical field
The disclosure relates generally to computer software, and relate more specifically to photo disposal and
Other digital content softwares for editing apply, and relate more specifically to use by this class application carry
The layer of confession and other features.
Background technology
Various photo disposals and the application of other digital content softwares for editing can be used for desk computer
With other electronic equipments.This type of application is used for being adjusted photo and other digital pictures,
Create web to design and the art work, and for various other purposes.At digital video editing
Middle use layer is with by the different element sepatation of image.Layer can be with relative transparent, application drawing on it
As effect or image and the above and below being placed in other image layer.By allowing user only
On the spot editing the single layer of image, layer provides convenient mode with the different aspect at image
Work independently.Layer can use as the transparent sheet of stacking, and user can create thereon
Image and effect, its middle level has the partially visible transparent or semitransparent of the following layer of permission
Region.Can be according to dissimilar offer layer, such as, as object layer, bitmap layer and to
Amount layer.
Many editor's application for desktop can have practically unlimited number for electronics
The single image of content or the layer of section, this is because desktop processes and user interface constraint is logical
The most hardly to using layer to be any limitation as.On the contrary, tablet computing device, mobile phone and its
His equipment is generally of more limited disposal ability, memorizer, screen size, input group
Part and/or restriction use other of layer or other editors's feature (feature) on these devices
Attribute.Layer is used to be normally limited and troublesome on these devices.For this kind equipment
Editor application do not fully provide for the restriction in view of this kind equipment robust instrument and
User interface capabilities.This type of application also requires a large amount of and menu and other user interface features
User is mutual, and this may make to use application time-consuming or difficult.
Summary of the invention
One illustrative embodiments relates to showing on a computing device in editing electronic
The graphic user interface held and display are to can be used for the fixed number of use in digital content
The expression of layer.Expression to the layer not having to use in layer is graphically distinguished from layer
The expression of the layer used.In response to receiving input at computer equipment, it is provided that be used for editing
Editor's feature of the layer of digital picture.These illustrative aspects are not mentioned to limit or limit
Fixed open, and it is to provide example to assist the understanding to it.Other embodiments are concrete real
Execute in mode and discuss, and provide and further describe.In various embodiments one
Individual or multiple providing the advantage that can be by consulting this specification or presented by practice
Individual or multiple embodiments are further appreciated by.
Accompanying drawing explanation
When reading detailed description below with reference to accompanying drawing, the disclosure be may be better understood
These and other features, aspect and advantage, wherein:
Fig. 1 is to depict showing in the exemplary computing environments for realizing particular implementation
Example calculates the block diagram of equipment；
Fig. 2 illustrates and illustrates the expression to the layer used and the expression to the layer not have use
A series of screenshot captures；
Fig. 3 illustrates a series of screenshot captures illustrating layer creating；
Fig. 4 illustrates the screenshot capture illustrating the layer that reorders；
Fig. 5 illustrates and illustrates a series of screenshot captures deleting layer；
Fig. 6 A to Fig. 6 B illustrates access extension layer edit menu；
Fig. 7 illustrates and is shown with a series of screens of mask feature (mask feature) and cuts
Figure；
Fig. 8 illustrates a series of screenshot captures being shown with opaque feature；
Fig. 9 illustrates a series of screenshot captures being shown with layer effect characteristic；
Figure 10 illustrates and illustrates the screenshot capture adjusting extension layer edit menu；
Figure 11 illustrates a series of screenshot captures being shown with visible features；
Figure 12 A to Figure 12 E illustrates and illustrates a series of screenshot captures creating new photograph lamella；
Figure 13 illustrates a series of screenshot captures illustrating downstairs merger layer；
Figure 14 illustrates and illustrates a series of screenshot captures merging all layers；
Figure 15 illustrates a series of screenshot captures of the expanded menu being shown for all layers；
Figure 16 illustrates and illustrates that folding a series of screens for the expanded menu of all layers cuts
Figure；
Figure 17 illustrates and illustrates a series of screenshot captures deleting all layers；
Figure 18 illustrates a series of screenshot captures illustrating all layers deleted in another background；
Figure 19 illustrates and illustrates a series of screenshot captures selecting multiple layers；
Figure 20 illustrates a series of screenshot captures illustrating the attribute adjusting multiple layers；
Figure 21 illustrates and illustrates that another adjusts a series of screenshot captures of the attribute of multiple layers；
Figure 22 illustrates a series of screenshot captures illustrating discovery layer；
Figure 23 illustrates the exemplary screen wherein distinguishing layer special object during layer discovery procedure
Curtain sectional drawing；
It is wherein specific right according to alternate ways differentiation layer that Figure 24 illustrates during layer discovery procedure
The exemplary screen shots of elephant；
Figure 25 illustrates the exemplary user interface of digital image editing software application；And
Figure 26 be a diagram that the illustrative methods providing editor's feature with the layer of editor's digital picture
Flow chart.
Detailed description of the invention
For providing the system and method for the improvement of following feature, it is allowed to user create, delete,
Manage and edit or use multilamellar digital picture and other digital contents.User interface is provided
Feature and function are at the computer equipment with limited resources, (such as flat board calculates and sets
Standby, but can extendible realization in other computer equipments being not so limited)
Editor's application of upper use provides various benefit.Similarly, it is provided that user interface feature and
Function is for having the touch screen computer equipment as main or unique input mechanism
But (can also realize in being additionally included in desktop application by mouse, stylus or other are defeated
Enter equipment receive input other calculating equipment in) background in various benefit is provided.
One embodiment shows that other expressions of selectable thumbnail image and layer are made
For for allowing display layer information and receiving the Main Means of the input about layer.Only show pin
To thumbnail or other minimal information of layer so that this type of represents is well adapted for having
Use in finite baffle size or other calculating equipment limited.One embodiment is at screen
Side on provide the expression of layer of vertical stacking so that this stacking will not cause with
The other guide of display is obscured, the What You See Is What You Get such as shown in this stacking neighbouring
(WYSIWYG) figure of digital content, effect or other aspects of display in interface.This
The individually expression planted in stacking can provide the information about layer.Such as, for the contracting represented
Sketch map image provides the breviary preview of the content of layer.Represent and also can indicate that whether layer is empty.
Such as, in the stacking that seven layers represent, wherein three expressions can provide the contracting of equivalent layer
Sketch map image and other four represent each can provide those four layers of instruction (i.e. not have for sky
Used) icon.The sum of the expression used can provide the sum to obtainable layer
Instruction.In example previously, seven represent that only seven layers of instruction can use, simultaneously seven
In individual, only three are currently being used.
Editor's application user interface may be configured to allow user to manage in various manners
Layer.The user's input technology that can use displaing core information but configured by intelligence allows to visit
Ask that additional information and the layer of function and character representation are to provide layer editor and the characteristics of management.Such as,
Touch screen gesture can be limited so that utilize gesture directly perceived access and use additional letter
Breath and feature, the screen space amount needed for reducing simultaneously or minimizing for menu and option.
Such as, on layer thumbnail single knocking can select this layer, double knockings can open this layer with
For editing in WYSIWYG editing machine, it is dragged to the left side and can delete this layer, keep
And the new relative position pulled during layer is folded to layer stack may be used for reordering layer, Yi Jibao
Hold and pull layer to another layer so that this layer be dragged to lamination thereon and etc..
Extension information and feature can be accessed by gesture directly perceived, and gesture offer directly perceived itself provides
Perhaps minimal information and/or treat differently to use via gesture in only displaing core
The additional icon and other character representations.Such as, the gesture that represents relative to layer so that
Display layer edit tool characteristic pattern target menu, and relative to opaque characteristic pattern target with
Rear gesture can cause use for the opaque feature of this layer.Other illustrative layers editor is special
Levy and include mask, opaque, mixed model etc..
The embodiment presented at this provides different various advantages.Offer occupies limited
The ease of user interface element of screen space promotes offer and more finely and more simply uses
Layer feature and functional.Layer represents can be less and keep visible to encourage use and understand
Layer.Similarly, provide the information about the restriction in layer use (such as to only graphically
Have seven spendable instructions of layer) can identify that the restriction of application is avoided by allowing user
User is dejected.Limit and use label and external information so that the use of editor's application is simpler
Single, more directly perceived or kinder and more approachable.Similarly, it is allowed to user uses touch input gesture
Check, alternately, create, delete, mobile or editing layer can simplify use, avoid
Distortion and encouragement are created.
Provide these illustrated examples to introduce general theme discussed here and also to reader
It is not intended to be limiting the scope of disclosed concept.It has been described with reference to the drawings various additional with lower part
Embodiment and example, label similar in accompanying drawing represents similar element.
With reference now to accompanying drawing, Fig. 1 is to depict for realizing the exemplary of particular implementation
The block diagram of the exemplary computer device in computing environment.Application and other digital contents are in example
Perform on property computer equipment 10 or use, and being illustrated as functional unit or module.Such as this
Known to the skilled person, this type of application and content may reside within any suitable calculating
Perform in machine computer-readable recording medium and on the processor that any meaning is suitable.Such as, as shown
, the network equipment 10 includes computer-readable medium, be such as coupled to processor 11 with
Machine accesses memorizer (RAM) 12, and this processor 11 performs the executable program of computer and refers to
Order and/or access storage information in memory 12.This processor 11 can include micro-
Processor, ASIC, state machine or other processors, and can be any number of calculating
Machine processor.Computer-readable medium that this processor can include storing instruction or
Can be in communication with, when this instruction is performed by processor so that this processor performs
Step described here.
Computer-readable medium can include but not limited to electricity, light, magnetic or can be to processor
Other storage devices of computer-readable instruction are provided.Other examples include but not limited to floppy disk,
CD-ROM, DVD, disk, memory chip, ROM, RAM, ASIC, it is configured
Processor, optical storage, tape or other magnetic storages or computer processor can be therefrom
Read any other medium of instruction.Instruction can include by compiler and/or interpreter from by
According to any suitable computer programming language (include such as C, C++, C#, Objective-C,
Visual Basic, Java, Python, Perl, JavaScript and ActionScript) write
The processor specific instructions of code building.
Equipment 10 can also include multiple outside or inside equipment, such as mouse, CD-ROM,
DVD, keyboard, display, audio tweeter, one or more mike or any other
Input or outut device.Such as, equipment 10 is shown with display 18 and various user connects
Jaws equipment 19.Bus (such as bus 16) includes in apparatus 10.Equipment 10 can be
Personal computing devices, mobile device or be adapted to provide for one or more feature described herein
The electronic equipment of any other type.In an illustrative embodiments, equipment 10 is
Touch panel device, such as flat board or touch screen mobile phone.An illustrative embodiments
In, the screen size to angular measurement of this touch screen is including 5 inches and 9 inches
In the range of.
Fig. 1 illustrates example devices 10, and it includes in memory 12 for editing electronic
The editor of content 14 applies 13.Digital content includes but not limited to electronic document, text, figure
Picture, figure, webpage, application and Rich Internet application.Example system can include touching
Screen is to provide display 18 and UI equipment 19, and includes that processor 11 is for performing to deposit
Instruction in storage computer-readable medium on one or more equipment (such as equipment 10),
To provide the application (such as editor's application 13) for editing electronic content.Editor's application 13
Itself can include submodule.One Exemplary module is module 21, and it is used for so that touching
Touch screen display to can be used for the expression of the fixed number target zone of use in digital content.To layer
In do not have the expression of layer used can be graphically distinguished from the expression to the layer used in layer.
It addition, the expression to the layer used in layer can each show minimal information, such as by only
Display represents the optional thumbnail image of the respective layer of digital content.Do not use in layer
The expression of layer can each show that instruction does not use the optional designator of opposite layer.Mould
Block 21 may determine that the order that the relative position of expression represents with instruction.Each expression relative to
What other represented is disposed vertically the position that may indicate that according to this its associated layers of order.Such as,
The expression of ground floor is positioned at the expression to the second layer indicated above in digital content first
Layer face on the second layer.The relative position of layer indicates which layer has covered which other layer.Cause
This, such as, the ground floor in face means some part bag that ground floor is potential on the second layer
Include and covered the figure of second layer corresponding part, image or other data.
Another exemplary submodule is module 22, and it is in response to receiving via touch screen
Input to provide the editor's feature for editing electronic content layer.An exemplary embodiment party
In formula, module 22 is configured to receive based on the input touched as selecting to represent ground floor
First represents and moves it to the hands relative to the second new position represented to the second layer
Gesture.In response to receiving this input, ground floor can be incorporated into the second layer and change by module 22
Become the first expression to indicate this ground floor to be not used.
Fig. 2 illustrates and illustrates the expression to the layer used and the expression to the layer not have use
A series of screenshot captures 202,204 and 206 in example devices 10.Represent 212,214,
216,218,220,222 represent obtainable six layers.Accordingly, because use and do not have
The expression of layer or the number that use are fixing, so display is on figure and intuitively
Show that there are limited number layer can use.In this example, the layer being being currently used is only
Represented by the image thumbnails of respective layer.The layer not having or the layer target not used are come
Representing, this target is blockage in this example.This type of exemplary goal can be less than, etc.
In or more than the size to the expression of the layer being currently being used.The expression 212 of layer, 214,216,
218,220,222 is the least and configure they can be presented, and does not shows
Write and cover the image 210 or image layer edited the most on device 10.Represent 212,214,216,
218, the order of the represented layer of order instruction of 220,222.Therefore, by representing 212 expressions
Layer by represent 214 expression layers above, by represent 214 expression layers by represent 216
Above the layer represented etc..In one embodiment, one of expression, some or all in
Outside present image or digital content editing area.
Screenshot capture 202 illustrates only one of which in six available layers and is filled.Specifically,
Represent that 222 show thumbnail image, and other layers 212,214,216,218,220
Each displays indicate in those other layers 212,214,216,218,220 each can
With but currently without the target used.Such as, this type of target can by knocking or other
Touch screen gesture selects to initiate to fill new layer.Screenshot capture 204 has illustrated new layer
Through being filled, as represented the thumbnail of layer with offer shown in 216 and 220 change by representing,
For substitute illustrate marker can with but represent 216 Hes currently without the target used
220 (previously as shown in screenshot capture 202).Similarly, screenshot capture 206 illustrates
All six layer is all used, as by provide the expression 212 of thumbnail, 214,216,218,
220, shown in 222.
Expression can provide and to indicate by not being being used with representing or representing on figure
Thumbnail or other features using associated layers is distinguished in representing of layer.By providing thumbnail,
Represent the information further providing the true content (image, image effect etc.) about layer.
This information can be improved layer identification or improve the ease used.If employing contracting
Sketch map image, then thumbnail can but the minimal version of the entire content of layer is not necessarily provided,
The whole bitmap of layer is such as provided.Image for thumbnail such as can provide only layer on the contrary
In do not include the part of unused portion of this layer.This to thumbnail middle level content
Scaling or selectivity use can be useful in following environment, its middle level have less feature or
A large amount of untapped parts.Scale or optionally select the content for thumbnail to change
Enter layer identification.In an illustrative embodiments, layer is divided into quadrant or other parts
And the part only used uses in the thumbnail represented for layer.
Screenshot capture 202,204,206 further illustrate layer illustrate how may indicate that
In one or more layers, which layer is the most such as in same shown WYSIWYG interface
Processed.In screenshot capture 202, highlighting of expression 222 is indicated corresponding to this
Represent that the layer of 222 is currently being edited.Similarly, in screenshot capture 204 and 206,
To represent 220 highlight instruction currently being edited corresponding to the layer of this expression 220.
Fig. 3 illustrates a series of screenshot captures in the example devices 10 illustrating layer creating
302、304.In this example, on device 10 to the position list knocking 330 representing 220
Make to create new layer.In response to this input, new layer is filled and represents 220 from screen
Target in curtain sectional drawing 330 changes, to represent that the layer being associated with 220 is being currently used,
As shown in screenshot capture 304.In this example, the establishment of layer is completed by single gesture.
Although layer creating is controlled by the input of knocking type in this example, but can alternatively or attached
Use with adding based on other forms touched and the other types of input.
Fig. 4 illustrates the screenshot capture 402 in the example devices 10 illustrating the layer that reorders.
In this example, on device 10 to represent 214 position pull 330 for dragging down
Drag represent 214 so that by represent 212,214,216,218,220,222 expression layers
It is reordered.The release of the most shown position pulls, the layers being associated with expression 214
Reorder by represent 212,214,216,218,220 expression layers bottom and
By representing on the layer of 222 expressions.In this example, the reordering by single gesture of layer
Complete.Although reordering in this example layer by drag-type input control, but can in case
Selection of land or additionally use based on touch other forms and the other types of input.
Fig. 5 illustrates a series of screenshot captures illustrated in the example devices 10 deleting layer
502、504、506.In this example, on device 10 to table in screenshot capture 502
Show the position of 222 pull 530 for would indicate that 222 represent 212 from other, 214,216,
218, the stacking of 220 pulls out.This makes graphical indicator 508 instruction delete screen
Curtain sectional drawing 504 shown in associated layers and represent that 222 changes are as shown in screenshot capture 506
To represent and to represent that 222 layers being associated there are currently no and used.In this example, layer
Delete and completed by single gesture.Although deleting layer in this example to be controlled by drag-type input,
But can be alternatively or additionally to use based on other forms touched and other classes of input
Type.
Fig. 6 A to Fig. 6 B illustrates access extension layer edit menu 606.Fig. 6 A illustrates and shows
A series of screenshot captures 602,604 on example equipment 10, and Fig. 6 B illustrates Fig. 6 A
The bigger view of extension layer edit menu 606.In this example, on device 10 to
The position (as shown in screenshot capture 602) of selected expression 216 carries out single knocking 630
So that extension layer edit menu 606 occurs, as shown in screenshot capture 604.Such as Fig. 6 B
Shown in, extension layer edit menu 606 includes the eyeball for opening and closing visual properties
Icon 608, thumbnail 610, for the mask feature for linking or solve linking layer mask
Mask icon 612, for adjustment layer opacity opaque icon 614, be used for controlling
The effect icon 616 of layer effect and for adjusting extension layer edit menu 606 to new position
The gripper icon 618 put.In this example, extension layer edit menu 606 is presented on screen and cuts
The position indicating layer associated there shown in Figure 60 4, in this example for by representing
216 layers represented.In this example, extension layer edit menu 606 is accessed by single knocking or double
Tap gesture controls.Although employ this input in this example, but can be alternatively
Or additionally use based on other forms touched and the other types of input.
Fig. 7 illustrates a series of screens in the example devices 10 being shown with mask feature
Sectional drawing 702,704.In this example, single to the position of mask icon 612 on device 10
Knocking 730, as shown in screenshot capture 702.Add and link mask and mask icon
612 change to indicate mask to be added, and add chain to extension layer edit menu 606
Map interlinking mark 710, for instruction, it is linked.In this example, the use to mask feature
Controlled by single tap gesture.Although employing this input in this example, but can in case
Selection of land or additionally use based on touch other forms and the other types of input.
Fig. 8 illustrates a series of screens in the example devices 10 being shown with opaque feature
Curtain sectional drawing 802,804.In this example, position to opaque icon 614 on device 10
Put single knocking 830 shown in screenshot capture 802.As response, opaque scale 806
Opaque adjustment slide block 808 is utilized to show, as shown in screenshot capture 804.In this example
In, the use to opaque feature is controlled by single tap gesture.Although using in this example
This input, but can alternatively or additionally using based on other forms touched and
The other types of input.
Fig. 9 illustrates a series of screens in the example devices 10 being shown with layer effect characteristic
Curtain sectional drawing 902,904.In this example, position to effect icon 616 on device 10
Single knocking 930 is shown in screenshot capture 902.As response, effect icon 906 utilizes
Optional feature shows for may select feature by the MULTIPLY effect highlighted
908 select NORMAL, MUTLIPLE, ADD and SCREEN effect, such as screen
Shown in sectional drawing 904.In this example, to the use of effect characteristic by single tap gesture control
System.Although employing this input in this example, but can alternatively or additionally make
With based on other forms touched and the other types of input.
Figure 10 illustrates and illustrates in the example devices 10 adjusting extension layer edit menu 606
Screenshot capture 1002.In this example, it is shown that on device 10 to gripper icon 618
Position pull 1030.As response, extension layer edit menu 606 is moved into new
Position.When extension layer edit menu 606 by mobile time, relative to its when resting position
Size aspect seems bigger.In this example, extension layer edit menu 606 is adjusted by pulling
Gesture controls.Although employing this input in this example, but can alternatively or attached
Use with adding based on other forms touched and the other types of input.
Figure 11 illustrates a series of screens in the example devices 10 being shown with visual properties
Curtain sectional drawing 1102,1104.In this example, position to the eyeball icon 608 on device 10
Put single knocking 1130 shown in screenshot capture 1102.As response, represent 214 changes
It is folded and invisible with the layer represented by instruction.In this example, represent 214 with can
Size approximation phase for the thumbnail image of the image representing the layer being being used
With.In this example, the use of visual properties is controlled by single tap gesture.Although showing at this
Example employs this input, but can alternatively or additionally use based on touch its
His form and other types of input.
Figure 12 A to Figure 12 E illustrates and illustrates in the example devices 10 creating new photograph lamella
A series of screenshot captures 1202,1204,1206,1208,1210.In this example, exist
On equipment 10 to the position representing 216 single long by 1230 at the screenshot capture 1202 of Figure 12 A
Shown in.This makes to add new layer (ADD A NEW LAYER) menu 1214 at Figure 12 B
Screenshot capture 1204 shown in.Highlight the expression 216 representing the layer being just added.
In this example, it is shown that on device 10 to adding image layer (ADD AN IMAGE
LAYER) the position list knocking 1232 of option one 232.This makes photograph album (PHOTO
ALBUM) menu 1218 is shown in the screenshot capture 1206 of Figure 12 C.Receive photo
The selection of storehouse option one 219 and display photos library menu 1220, the screen such as Figure 12 D cuts
Shown in Figure 120 8.Exemplary PHOTO ALBUM menu 1218, photo library menu 1220
With other features can by being used alone, operating system or accessed by network or provide.
In the example of Figure 12 C and Figure 12 D, PHOTO ALBUM menu 1218 and photo library
Menu 1220 is illustratively from operating system access.Generally, import carrying photo or other
Lead in item can use by operating system or be used alone offer association photo management feature and
Photo library promotes.Integrated to from operating system or the user interface components that is used alone
Image-editing process can be promoted.In this example, on device 10 to photo library menu
The position list knocking 1234 of the photo icon 1222 in 1220 selects for the pass on layer
Connection photo.Association photo be added to layer, the part being shown as image 210 and for
There is provided expression 216 as the thumbnail of the less version illustrating photo.
Using this technology, photo easily can be imported and just apply picture editting by user
In the layer of the image of upper establishment or editor.In one embodiment, user can import this
Kind of image or fill new layer, no matter the layer of accommodating layer above and below is the most made
With.Therefore, represent that 212,214,216,218,220,222 offers can obtain about layer
Property and the information that uses of layer, and may be provided for according to the access to certain layer of the layer order,
No matter any layer in other layers is the most used.Therefore, user has according to the suitableeest
The order of the purpose and style of share family is filled and the motility of editing layer.Shown expression
212,214,216,218,220,222 further provide user when the layer of pre-editing
The instruction of the order in the order of multiple layers.This provides and can assist in keeping user oriented
Or promote user's background to the use of multiple layers.
As exemplary use case, user can import photo and then add on photo
Layer is to carry out poster composition (poster composition).As particular example, user is permissible
Knocking is to start to fill new layer, from tool tray accessing text instrument, and on this layer
Key in text.User then can use other can layer to add additional image and effect.
As another exemplary use-case, user can import on the bottom (such as in layer 6)
Including the photo of sport car, and above, adding layers (such as layer 5) can be covered to add then
Plate falls the DABAI shape (large white shape) of photo base section below sport car.Upper
The layer (the most in layer 4) in face, user can add text in the peripheral location of sport car
And illustration.Extra play can the most such as not damage (broken by additive effect
Bad sexually revising) outward appearance of sport car polished or adjusts by photo.As another exemplary
Use-case, user can use multiple layer by use different layers create webpage design with
Create different modules or other assemblies, the most such as web page buttons, icon and menu.Make
Using another exemplary use-case, user can use multiple layer to create multilayer bitmap and/or vector
Figure.
Figure 13 illustrates a series of screens in the example devices 10 illustrating downstairs merger layer
Sectional drawing 1302,1304,1306,1308.In this example, on device 10 to expression
The position of 212 pulls 1330 shown in screenshot capture 1302,1304,1306.Along with shifting
Dynamic expression 212 is placed on another and represents above, in example represents 214, merges designator 1310
Occur as the overstriking square represented around 212 as shown in screenshot capture 1306.Represent
212,214 can alternatively or additionally expand and/or beat.In response to release, layer is together
It is incorporated into expression 214 and represents that 212 changes are to indicate by representing 212 layers represented no longer
Used, as shown in screenshot capture 1308.Merge layer and be typically destructive action.At this
In example, downstairs merger layer is by drag gesture control.Although employing this in this example
Input, but can be alternatively or additionally to use based on other forms touched and input
Other types.Merge layer for various reasons.(the most only allow to make at limiting layer number
With six layers) equipment on, it is particularly desirable to the merging of layer.Thus, it is easy to understand and use
Can be particularly useful on these devices for merging the technology of layer.
Figure 14 illustrates a series of screens illustrated in the example devices 10 merging all layers
Sectional drawing 1402,1404,1406,1408.In this example, on device 10 to expression
The extruding 1430 of the position between 212 and 222 is at screenshot capture 1402,1404,1406
Shown in.Due to top layer represent 212 and bottom represent that 222 are placed in the position pressed together
Put, therefore merge designator 1410 as shown in screenshot capture 1406 as overstriking square
Occur.In response to release, layer be incorporated into together expression 222 and represent 212,214,
216,218 and 220 change with instruction by representing that 212,214,216,218 and 220 represent
Layer be no longer used, as shown in screenshot capture 1408.In this example, merge layer by
Extruding gesture controls.Although employ this input in this example, but can be alternatively
Or additionally use based on other forms touched and the other types of input.
On the equipment of limiting layer number (the most only allowing to use six layers), it is particularly desirable to
The merging of all layers.In exemplary use case, user can use all obtainable layers
Create the image in Helianthi field.Once user is satisfied to the image in Helianthi field, user
Just all layers can be incorporated in single layer and start to add additional spy on the layer vacated
Levy.
Figure 15 illustrates in the example devices 10 of the expanded menu being shown for all layers
A series of screenshot captures 1502,1504,1506.In this example, three on device 10
Refer to that knocking 1530 is shown in screenshot capture 1502.As response, it is shown that for all
The expanded menu 1512,1514,1516,1518,1520 and 1522 of layer, such as screenshot capture
Shown in 1504.Before three refer to knocking 1530, highlight expression 212 to indicate its quilt
Select.After three refer to knocking 1530, highlight the expanded menu 1512 of correspondence to refer to
Show that it is chosen.In this example, equipment 10 pulls 1532 at screenshot capture 1506
Shown in.Pull 1532 visualitys making to close all layers, because pulling inswept all layers
The eyeball designator of expanded menu 1512,1514,1516,1518,1520.This provides
For the simple example that pulls input controlling the effect for multiple layers.In this example,
Show three fingers and drag gesture.Although employ this input in this example, but can
Alternatively or additionally to use based on other forms touched and the other types of input.Logical
Often, user can extend the menu for multiple or all layers for various reasons.Such as,
User may want to carry out significant number of layers management and can be by adjusting multilevel extension attribute at once
Simplify this management.
Figure 16 illustrates and illustrates that folding is in the example devices 10 of the menu of all layers
A series of screenshot captures 1602,1604,1606.In this example, three on device 10
Refer to that knocking 1630 is shown in screenshot capture 1604.As response, fold for all layers
Expanded menu 1512,1514,1516,1518,1520 and 1522, such as screenshot capture
Shown in 1606.Before three refer to knocking 1630, highlight expanded menu 1512 to refer to
Show that it is chosen.After three refer to knocking 1630, highlight the expression corresponding to identical layer
212 indicate it to be chosen.In this example, it is shown that three refer to tap gesture.Although at this
Example employs this input, but can alternatively or additionally use based on touch
Other forms and the other types of input.
Figure 17 illustrates a series of screens illustrated in the example devices 10 deleting all layers
Sectional drawing 1702,1704,1706.Screenshot capture 1702 shows expanded menu 1512,
1514,1516,1518,1520 and 1522.In this example, it is shown that on equipment 10
Three fingers pull 1730.As response, designator 1740 is deleted in display, such as screenshot capture 1704
Shown in and layer be deleted.In this example, delete after, represent 212,214,
216, the layer that 218,220 instructions represent is not used and represents the layer that 222 instructions represent
It is being used but does not include any image or image effect.In this example, it is shown that three refer to
Drag gesture.Although employing this input in this example, but can alternatively or attached
Use with adding based on other forms touched and the other types of input.
The expression 212 of displays in the stacking that the deletions of multiple layers can be represented relative to layer,
214,216,218,220,222 similarly by similar input (such as, three refer to pull input)
Control.Figure 18 illustrates and is shown in the example devices 10 deleting all layers in another background
On a series of screenshot captures 1802,1804,1806.Screenshot capture 1702 shows
Expanded menu 1512,1514,1516,1518,1520 and 1522.In this example, show
Three fingers gone out on equipment 10 pull 1830.As response, it is shown that delete designator 1840,
As shown in screenshot capture 1804 and delete layer.In this example, after deleting,
Represent that the layer that 212,214,216,218,220 instructions represent is not used and represents
The layer that 222 instructions represent is being used but does not include any image or image effect.In this example
In, it is shown that three refer to drag gesture.Although employing this input in this example, but
Can be alternatively or additionally to use based on other forms touched and the other types of input.
Use order that similar input gesture controls to be similar in different backgrounds so that user
Interface is more directly perceived and is easier to study and uses.
Figure 19 illustrates a series of screens illustrated in the example devices 10 selecting multiple layers
Sectional drawing 1902,1904.In this example, knocking keep 1930 to be followed by device 10
Another knocking 1932 illustrates on screenshot capture 1902.This makes to select multiple expression simultaneously
214、220.In this example, it is illustrated that knocking and holding are followed by another knocking.Although
This example employs this input, but can alternatively or additionally use based on touch
Other forms and the other types of input.
Figure 20 illustrates and in the example devices 10 illustrating the attribute adjusting multiple layers one is
Row screenshot capture 2002,2004,2006.In this example, screenshot capture 2002 shows
Go out the knocking 2030 on device 10 to selected expression 212,220.This makes expanded menu
2040,2042 is shown as shown on screenshot capture 2004.In this example, expanded menu
Single knocking 2032 on the opaque icon of 2040 makes as shown in screenshot capture 2006 aobvious
Show the opaque scale 2044 with opaque adjustment slide block 2046, for adjusting and extension
The opacity of the layer that menu 2040,2042 is associated.In this example for illustrative mesh
This input of use, but can with alternatively or additionally use based on touch other forms
Other types with input.
Figure 21 illustrates another example devices 10 adjusted illustrating the attribute to multiple layers
On a series of screenshot captures 2102,2104.In this example, at screenshot capture 2202
Middle display expanded menu 2040,2042.In this example, receive from extension dish at equipment 10
Single 2040 pull 2130 to expanded menu 2042.This makes menu 2140 ask whether to use
The layer mask of the layer being associated with expanded menu 2040 substitutes and is associated with expanded menu 2042
The layer mask of layer, as shown in screenshot capture 2104.In this example for illustrative mesh
Employ this input, but can alternatively or additionally use based on other shapes touched
Formula and the other types of input.Input is commonly used for providing simple mechanisms for not
With copy between layer and/or moving characteristic or attribute.
Figure 22 illustrates a series of screenshot captures in the example devices 10 illustrating discovery layer
2202、2204、2206、2208.In this example, receive knocking and keep input 2230,
As shown in screenshot capture 2204,2206.Along with user continues to keep, select designator (all
As highlighted) traversal expression 212,214,216,218,220,222, it is at screen
Traversal shown in sectional drawing 2204,2206 extends and illustrates.In this example, designator is selected
Highlight selected expression one by one.In screenshot capture 2204, highlight
Represent 212.In screenshot capture 2206, it is highlighted expression 220.When user releases
When putting, as shown in screenshot capture 2208, the expression selected when release is (in this example
In for expression 220) keep selected.In this example, long pressing is called from downward time of top
The enlargement layer gone through finds device.This traversal can circulate until user discharges this input or offer
Input to stop traversal.Employ this input the most for illustration purposes, but
Can be alternatively or additionally to use based on other forms touched and the other types of input.
Various technology may be used for the difficulty sometimes of process mark and selection certain layer
Task.Object can be generally hiding, such as, if under the something that dried layer is in the higher layers
And be accordingly difficult to mark, select and edit.Figure 23 illustrates showing in example devices 10
Example screenshot capture 2302, wherein distinguishes special object during layer discovery procedure.Show at this
In example, the Automatic Cycle of layer is by knocking and keeps input 2330 initiation, in this Automatic Cycle phase
Between to utilize designator 2340 to distinguish right with what the current layer paid close attention in circulation at this was associated
As.Exemplary Automatic Cycle can pay close attention to individual course in predetermined amount of time (such as half second).
Owing to Automatic Cycle pays close attention to different conditions, profile or other shape representations therefore can be shown
Exist in the current layer paid close attention to denoted object.The most for illustration purposes
Employ this input, but can be alternatively or additionally to use based on other forms touched
Other types with input.
Figure 24 illustrates the exemplary screen shots 2402, Qi Zhong in example devices 10
Special object is distinguished according to alternate ways during layer discovery procedure.In this example, layer
Automatic Cycle by knocking and keep input 2430 initiation, during Automatic Cycle by adjust with
The opacity that other layers are associated will be closed in circulation at this with current during Automatic Cycle
The object (such as object 2440) that is associated of layer of note is associated with or not layer current concern
Object make a distinction.Opacity can be reduced so that relevant to the current layer paid close attention to
The object of connection is visible and/or can distinguish.Employ this most for illustration purposes
Input, but can be alternatively or additionally to use based on other forms touched and input
Other types.
Figure 25 illustrates example user circle of the software for editing application performed on device 10
Face 2502.User interface 2502 includes the work providing various instrument for editing electronic content
Have menu 2520, stop push-button 2530, repeat knob 2540 and represent (all for access layer
As the layer of Fig. 2 represents 212,214,216,218,220 and 222) layer icon 2550,.
Calling layer icon 2550 or can not make other user interface 2502 features (all
As, tools menu 2520, stop push-button 2530 and repeat knob 2540) hide.One
In individual embodiment, user's calling layer icon 2550, select layer, and return to user circle
The main work space in face 2502.
Figure 26 be a diagram that editor's feature exemplary providing the layer for editing electronic content
The flow chart of method 2600.Illustrative methods 2600 can be realized by various equipment, should
Equipment includes but not limited to the equipment 10 shown in Fig. 1.At the equipment (equipment of such as Fig. 1
10) upper realization, the feature of illustrative methods 2600 can be the most logical by editor's application 13
The one or both crossed in module 21 and 22 performs.
Illustrative methods 2600 includes showing the graphic user interface for editing electronic content,
As shown in block 2610, and display is to can be used for the fixed number that uses in digital content
The expression of mesh layer, as shown in block 2620.To the expression figure not having the layer used in layer
On be different from the expression of layer used in layer.Each expression to the layer used in layer is permissible
Only show the optional thumbnail image of the respective layer representing digital content.Do not make in layer
Layer each represent the optional designator that can show that instruction does not use equivalent layer.
The relative position of the expression of fixed number layer be can serve to indicate that order.Such as, to first
The expression of layer is positioned in the expression to the second layer and may indicate that in digital content ground floor is the
On two layers.
Illustrative methods 2600 farther includes to carry in response to receiving input at computer equipment
For editor's feature of the layer for editing electronic content, as shown in block 2630.This input
The input based on touch received can be included on the touch-screen display of computer equipment,
This display is for showing the expression to fixed number layer.This permissible based on the input touched
Selecting to represent does not has the first of the ground floor used to represent in layer, and defeated in response to receiving this
Entering, the first expression can change to indicate ground floor the most to use.Similarly, based on touching
The input touched can select to represent that the first of the ground floor used in layer represents and deletes first
Layer, and in response to receiving input, first represents that can be varied to indicate ground floor does not has
Used.
In another example, can include selecting to represent the of ground floor based on the input touched
One represents and moves it to the gesture of the new position represented relative to the second of the second layer, from
And the order of the change of the expression shown by Shide's existence.In response to receiving input, can be with base
Order in the change represented changes the order of the layer of digital content.
In another example, the first table selecting to represent ground floor is included based on the input touched
Show and move it to the gesture of the new position represented relative to the second of the second layer.In response to
Receiving input, ground floor can be incorporated into the second layer and first and represent and change to indicate the
One layer is not used.Similarly, in another example, choosing is included based on the input touched
Select three or more expression for the gesture merged.In response to receiving input, three or more
Multilamellar can be integrated into by the independent single layer represented in representing.This gesture
So that merge all layers of one section of digital content.
In an illustrative embodiments, illustrative methods 2600 farther includes to show one
Individual or multiple extension layer options.For example, it is possible to receive based on the input touched as gesture,
This gesture selects the first expression representing ground floor to present for scaling option.In response to connecing
Receive this input, the menu of extension layer option can be shown.Can show for multiple layers simultaneously
The menu of extension layer option.
In an illustrative embodiments, it is provided that include the volume of the feature for label layer
Collect feature.When receiving input, individually expression that designator can be represented by selection and follow
Ring is to allow simply to select desired layer.In particular example, when the first expression of layer is chosen
When circulating for this designator by multiple expressions, can highlight or distinguish by first
The feature of the respective layer represented by expression.
In an illustrative embodiments, base is thereon already installed with the meter of software application
The type of calculation equipment, software application the number of the layer used is fixing.Such as, not
With on the second calculating equipment of type, software application can be installed to use different fixed number
Layer even allow for using unlimited number of layer.The identical collection of Rotating fields may be used for having
Multiple computer equipments of different number layers provide software application.This structure can be multiple
Between equipment, frequency band, territory and platform identical.Therefore, monolayer user interface system can be used
Do not consider in photo editing application, picture application, text layout's application and utilization layering
Any other application of the feature of application, the equipment that it uses this application and its dependent variable.
The use of the layer in specific background can based on user setup or other when mounted, peace
It is suitable to be adjusted to after dress.Such as, relatively few target zone may be used for phone, flat board meter
Calculation machine, laptop computer, desk computer and there are relatively small display or limited resources
Other electronic equipments.On the equipment with bigger display and/or less limited resources,
Additivity can be allowed, preferably do not consider by having simple perception to be allowed
The user interface of the number of plies.If more layers is available in different application or background, then extra play
Additional expression in the bigger stacking that can be represented by layer is indicated.If must be allowed for
Access extra play, then can be provided by scroll bar or other features and extra play is represented
Access.In one example, acquiescence layer represents in minimum represents, but user can adjust
Arrange there are the representing of extension, layer name and other details.
General introduction
Elaborate that at this multiple specific detail is to provide the thorough understanding to claimed subject matter.So
And, it will be appreciated by those skilled in the art that and can put into practice in the case of there is no these specific detail
Required theme.In other instances, those of ordinary skill in the art it is understood that side
Method, device or system describe the most in a specific embodiment thus do not cover required master
Topic.
The mode that represents by the symbol of algorithm or operation about data bit or by terms of
The binary digit symbol stored in calculating system storage (such as, computer storage)
Mode presents some part.These arthmetic statements or expression are the general of data processing field
The example of the technology that logical technical staff uses, in order to pass on him to other those skilled in the art
The essence that works.Algorithm is the self-consistent sequence of operation or guides being similar to expected result
Process.In this context, operate or process and relate to the physical manipulation to physical quantity.To the greatest extent
Pipe not necessarily, can take to be stored, transmit, combine, compare by generally this type of amount
Relatively or handle electricity or the form of magnetic signal.Primarily for the reason of public use, have
Time be referred to as convenience and by this type of signal bit, data, value, element, symbol,
Character, item, numeral, number etc..It will be appreciated, however, that these and similar terms is whole
It is associated with suitable physical amount and the most convenient labelling.Unless otherwise specifically indicated should
Work as attention, it should understand run through this specification discussion employ such as " process ", " meter
Calculate ", " computing ", " determination " and " mark " etc. represent the action of calculating equipment with
Process, this calculating equipment such as one or more computer or one or more is similar
Electronic computing device, its handle or conversion calculate the memorizer of platform, depositor or
Be represented as in other information storing devices, transmission equipment or display device physical electronic or
The signal of person's amount of magnetism.
One or more system discussed herein be not limited to any specific hardware structure or
Configuration.Calculating equipment can include providing based on one or more result inputted any
The assembly being suitable for is arranged.Be suitable for calculating system include access storage software based on omnipotent
The computer system of microprocessor, this software this calculating system is programmed or configure so that
Obtain this calculating system and become one or more enforcement realizing this theme from general-purpose calculating appts
The dedicated computing device of mode.Any applicable programming, script or other classes can be used
The combination of the language of type or language is with according to making in the programming of the equipment of calculating or configuration
Software form realize the teaching that comprises at this
The embodiment of method disclosed herein can be held in this type of calculates the operation of equipment
OK.The order of the frame presented in the examples described above can be change, and such as frame can be again
Sort, combine and/or be divided into sub-block diagram.Frame or process can be performed in parallel.
" being applicable to " as used herein or " being configured to " are intended to open and non-row
The language of his property, and it is not excluded for task or the step being applicable to or being configured to carry out add
Rapid equipment.It addition, to " based on " use be intended to open and nonexcludability,
In processes, " based on " one or more condition quoted or the step of value, calculating
Or other actions in practice can based on beyond the additional conditions beyond cited or
Value.The title, list and the numbering that include at this are used merely to facilitate the purpose of explanation, and not
It is intended for limiting.
Although describing this theme at this with reference to particular implementation, it being understood, however, that this
Skilled person is understanding above in the case of content, can be for this type of embodiment side
Just carry out various adjustment, change and equivalence to arrange.Thus it should be noted that, for example
And unrestricted purpose presents the disclosure, and it is not precluded from for ordinary skill people
This type of amendment that member is clear to, change and/or additional.
Claims (20)
1. for providing a graphic user interface method to edit multilayer electronic content, bag
Include:
Display is for the described graphic user interface of editing electronic content on a computing device；
Described computer equipment shows to can be used for editing discretely in described digital content
The expression of fixed number layer of different aspect of image, in wherein showing including being filled
The expression of the layer held and be not filled content layer represent the two described fixed number layer
Represent that instruction can be used for by using the indivedual of image described in described graphic user interface editor
Layer edits the maximum number layer of the described different aspect of described image discretely, wherein to not having
The expression having the layer being filled content is graphically distinguished from the expression of the layer being filled content；With
And
Input is received, it is provided that be used for editing in described electronics in response at described computer equipment
Editor's feature of the layer held.
Method the most according to claim 1, wherein:
Each layer in the described layer being filled content is only by the respective layer of described digital content
Untagged optional thumbnail image represents；And
The described each layer not being filled in the layer of content is not only filled out by instruction equivalent layer
The untagged selectable designator filling content represents.
Method the most according to claim 1, the described table of wherein said fixed number layer
The relative position instruction order shown, wherein the expression of ground floor is positioned on the expression of the second layer
Instruction described in described digital content ground floor on the described second layer.
Method the most according to claim 1, wherein said input is included in described calculating
The input based on touch received on the touch-screen display of machine equipment, described touch screen shows
Device shows the expression to described fixed number layer.
Method the most according to claim 4, wherein said based on the input selection touched
Represent the first expression of the ground floor not being filled content in described layer, wherein in response to connecing
Receiving described input, described first represents that change is to indicate described ground floor to be filled content.
Method the most according to claim 4, wherein said based on the input selection touched
Represent that the first of the ground floor being filled content in described layer represents and deletes described ground floor,
Wherein in response to receiving described input, described first represents to change do not have with the described ground floor of instruction
It is filled content.
Method the most according to claim 4, wherein said input based on touch includes
Select represent the first expression of ground floor and move it to the second expression relative to the second layer
The gesture of new position so that the altered order of the expression shown by Cuning, its
In in response to receive described input, described altered order based on described expression changes
The order of the layer of described digital content.
Method the most according to claim 4, wherein said input based on touch includes
Select represent the first expression of ground floor and move it to the second expression relative to the second layer
The gesture of new position, wherein in response to receiving described input:
Described ground floor is incorporated into the described second layer；And
Described first represents that change is to indicate described ground floor not to be filled content.
Method the most according to claim 4, wherein said input based on touch includes
Select the gesture that three or more expression merges, wherein in response to receiving described input,
Described three or more layer is incorporated into by the single layer represented by the single expression of described expression
In.
Method the most according to claim 9, wherein said gesture makes described electronics
All layers of content merge.
11. methods according to claim 4, wherein said based on the input bag touched
Include the gesture of the first expression selecting to represent ground floor, wherein in response to receiving described input,
The menu of display extension layer option.
12. methods according to claim 4, wherein the menu of extension layer option for
Multiple layers show simultaneously.
13. methods according to claim 1, the expression of the ground floor used in it
Only show that a part for described ground floor, the transparent part of wherein said ground floor are not shown as
A part for the expression of described ground floor.
14. methods according to claim 1, wherein base has been mounted with to carry
Supply the type of the described calculating equipment of the software application of described graphic user interface, fixed layer
Fixed number, is wherein arranged on different types of second calculating equipment when described software application
Time, the described fixed number of layer is different, and the identical collection of its media layer damage is for described
Described software application is provided on computer equipment and described second computer equipment.
15. methods according to claim 1, also include with indicate each layer whether by
Which layer fills content indicates just edited discretely.
16. 1 kinds are used for the system providing graphic user interface to edit multilayer electronic content,
Including:
Touch screen；And
Processor, is stored in the computer-readable medium on one or more equipment for execution
In instruction, wherein when being performed by described processor, described instruction performs operation, described
Operation includes:
Display is for the described graphic user interface of editing electronic content on a computing device；
Described computer equipment shows to can be used for editing discretely in described digital content
The expression of fixed number layer of different aspect of image, in wherein showing including being filled
The expression of the layer held and be not filled content layer represent the two described fixed number layer
Represent that instruction can be used for by using the indivedual of image described in described graphic user interface editor
Layer edits the maximum number layer of the described different aspect of described image discretely, wherein to not having
The expression having the layer being filled content is graphically distinguished from the expression of the layer being filled content；With
And
Input is received, it is provided that be used for editing in described electronics in response at described computer equipment
Editor's feature of the layer held.
17. systems according to claim 16, the expression of wherein said fixed number layer
Relative position instruction order, wherein the expression of ground floor is positioned on the expression of the second layer and refers to
Show that ground floor is on the described second layer described in described digital content.
18. systems according to claim 16, wherein said operation also includes:
Receiving based on the input touched as gesture, described gesture selects to represent the of ground floor
One represents and represents, by described first, the new position moving to represent relative to the second of the second layer
Put；And
In response to receiving described input:
The image aspect of described ground floor is incorporated into the described second layer；And
Change described first to represent to indicate described ground floor not to be filled content.
19. systems according to claim 16, the diagonal of wherein said touch screen is surveyed
The screen size of amount is in the scope including 5 inches and 9 inches.
20. 1 kinds are used for the equipment providing graphic user interface to edit multilayer electronic content,
Including:
For display on a computing device for described graphical user circle of editing electronic content
The device in face；
For showing on described computer equipment can be used for editing discretely in described electronics
The device of the expression of the fixed number layer of the different aspect of the image in appearance, wherein shows bag
The expression including the layer being filled content and the layer not being filled content represent the described of the two
The expression instruction of fixed number layer can be used for by using described in described graphic user interface editor
Indivedual layers of image edit the maximum number of the described different aspect of described image discretely
Layer, wherein the expression to the layer not being filled content is graphically distinguished from and is filled content
The expression of layer；And
For receiving input in response at described computer equipment, it is provided that be used for editing described electricity
The device of editor's feature of the layer of sub-content.
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| US13/006,738 | 2011-01-14 | ||
| US13/006,738 US9619108B2 (en) | 2011-01-14 | 2011-01-14 | Computer-implemented systems and methods providing user interface features for editing multi-layer images |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN102681837A CN102681837A (en) | 2012-09-19 |
| CN102681837B true CN102681837B (en) | 2016-09-21 |
Family
ID=46491689
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201110461392.8A Active CN102681837B (en) | 2011-01-14 | 2011-12-28 | For providing graphic user interface with editor's method of multilayer electronic content, system and equipment |
Country Status (2)
| Country | Link |
|---|---|
| US (1) | US9619108B2 (en) |
| CN (1) | CN102681837B (en) |
Families Citing this family (37)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8874525B2 (en) | 2011-04-19 | 2014-10-28 | Autodesk, Inc. | Hierarchical display and navigation of document revision histories |
| US8533595B2 (en) * | 2011-04-19 | 2013-09-10 | Autodesk, Inc | Hierarchical display and navigation of document revision histories |
| US8533594B2 (en) * | 2011-04-19 | 2013-09-10 | Autodesk, Inc. | Hierarchical display and navigation of document revision histories |
| US8533593B2 (en) * | 2011-04-19 | 2013-09-10 | Autodesk, Inc | Hierarchical display and navigation of document revision histories |
| US20120272144A1 (en) * | 2011-04-20 | 2012-10-25 | Microsoft Corporation | Compact control menu for touch-enabled command execution |
| US20130097555A1 (en) * | 2011-10-13 | 2013-04-18 | Microsoft Corporation | Dynamic content preview cycling model for answers with transitions |
| WO2013116919A1 (en) * | 2012-02-07 | 2013-08-15 | Research In Motion Limited | Methods and devices for merging contact records |
| USD752086S1 (en) * | 2012-02-24 | 2016-03-22 | Samsung Electronics Co., Ltd. | Portable electronic device with an animated graphical user interface |
| US8934044B2 (en) * | 2012-07-20 | 2015-01-13 | Adobe Systems Incorporated | Systems and methods for live view photo layer in digital imaging applications |
| KR101935039B1 (en) * | 2012-09-11 | 2019-01-03 | 엘지전자 주식회사 | Mobile terminal and method for controlling of the same |
| EP2735955B1 (en) * | 2012-11-21 | 2018-08-15 | Océ-Technologies B.V. | Method and system for selecting a digital object on a user interface screen |
| US10824313B2 (en) | 2013-04-04 | 2020-11-03 | P.J. Factory Co., Ltd. | Method and device for creating and editing object-inserted images |
| KR101501028B1 (en) | 2013-04-04 | 2015-03-12 | 박정환 | Method and Apparatus for Generating and Editing a Detailed Image |
| KR102183448B1 (en) * | 2013-04-26 | 2020-11-26 | 삼성전자주식회사 | User terminal device and display method thereof |
| US9452294B2 (en) * | 2013-05-16 | 2016-09-27 | Nuvectra Corporation | Automatic current balancing with lock control for a clinician programmer |
| KR20150006235A (en) * | 2013-07-08 | 2015-01-16 | 삼성전자주식회사 | Apparatus providing combined ui component and control method thereof |
| US20150058808A1 (en) * | 2013-08-23 | 2015-02-26 | General Electric Company | Dynamic contextual touch menu |
| USD738900S1 (en) * | 2014-03-19 | 2015-09-15 | Wargaming.Net Llp | Display screen with animated graphical user interface |
| US9747713B2 (en) * | 2014-04-09 | 2017-08-29 | Adobe Systems Incorporated | Performing editing actions on recent drawing marks |
| US10558338B2 (en) | 2014-05-28 | 2020-02-11 | Facebook, Inc. | Systems and methods for providing responses to and drawings for media content |
| USD794050S1 (en) * | 2014-08-19 | 2017-08-08 | Fujifilm Corporation | Display screen for digital camera with transitional graphical user interface |
| KR102230267B1 (en) | 2014-09-04 | 2021-03-19 | 삼성전자주식회사 | Apparatus and method of displaying images |
| US10198144B2 (en) * | 2015-08-28 | 2019-02-05 | Google Llc | Multidimensional navigation |
| CN105120352B (en) * | 2015-09-30 | 2019-03-19 | 天脉聚源（北京）科技有限公司 | The method and apparatus of interaction entrance are provided in video program |
| CN105120351B (en) * | 2015-09-30 | 2019-03-19 | 天脉聚源（北京）科技有限公司 | The method and apparatus of interaction entrance are shown in video program |
| USD785035S1 (en) * | 2016-01-15 | 2017-04-25 | Microsoft Corporation | Display screen with animated graphical user interface |
| CN107122628A (en) * | 2016-02-24 | 2017-09-01 | 阿里巴巴集团控股有限公司 | Icon processing method and processing device, the terminal of application program |
| US10511700B2 (en) * | 2016-02-25 | 2019-12-17 | Ricoh Company, Ltd. | Communication terminal with first application displaying status of second application |
| USD815141S1 (en) * | 2016-10-27 | 2018-04-10 | Apple Inc. | Display screen or portion thereof with graphical user interface |
| USD820303S1 (en) * | 2016-10-27 | 2018-06-12 | Apple Inc. | Display screen or portion thereof with graphical user interface |
| USD865796S1 (en) * | 2017-07-19 | 2019-11-05 | Lenovo (Beijing) Co., Ltd. | Smart glasses with graphical user interface |
| USD942995S1 (en) * | 2019-04-03 | 2022-02-08 | Siemens Aktiengesellschaft | Display screen or portion thereof with graphical user interface |
| CN110662104B (en) * | 2019-09-30 | 2022-05-31 | 北京金山安全软件有限公司 | Video dragging bar generation method and device, electronic equipment and storage medium |
| US11087515B2 (en) * | 2019-11-13 | 2021-08-10 | Adobe Inc. | Losslessly exchanging image layer data between image editing applications |
| CN112860163B (en) * | 2021-01-21 | 2022-11-11 | 维沃移动通信（深圳）有限公司 | Image editing method and device |
| USD1045890S1 (en) * | 2021-09-16 | 2024-10-08 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with transitional graphical user interface |
| US20230385079A1 (en) * | 2022-05-31 | 2023-11-30 | Microsoft Technology Licensing, Llc | Rendering graphical elements on an interface |
Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6606105B1 (en) * | 1999-12-22 | 2003-08-12 | Adobe Systems Incorporated | Layer enhancements in digital illustration system |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2009037361A (en) * | 2007-07-31 | 2009-02-19 | Brother Ind Ltd | Server device, server device control program, and file transfer system |
| US20090146961A1 (en) * | 2007-12-05 | 2009-06-11 | David Shun-Chi Cheung | Digital image editing interface |
| US20100125814A1 (en) * | 2008-11-18 | 2010-05-20 | Lemons Kenneth R | User interface for a project management system |
| ES2630408T3 (en) * | 2008-12-01 | 2017-08-21 | Lg Electronics Inc. | Operation procedure of a mobile terminal execution icon |
-
2011
- 2011-01-14 US US13/006,738 patent/US9619108B2/en active Active
- 2011-12-28 CN CN201110461392.8A patent/CN102681837B/en active Active
Patent Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6606105B1 (en) * | 1999-12-22 | 2003-08-12 | Adobe Systems Incorporated | Layer enhancements in digital illustration system |
Also Published As
| Publication number | Publication date |
|---|---|
| US9619108B2 (en) | 2017-04-11 |
| US20120185768A1 (en) | 2012-07-19 |
| CN102681837A (en) | 2012-09-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102681837B (en) | For providing graphic user interface with editor's method of multilayer electronic content, system and equipment | |
| CN103649894B (en) | Dynamic menu based on context | |
| JP5908130B2 (en) | Application for generating journals | |
| CN105930064B (en) | The method and system and calculating equipment of item in managing user interface | |
| US20130124980A1 (en) | Framework for creating interactive digital content | |
| US20150378580A1 (en) | Interaction in chain visualization | |
| US10983695B2 (en) | Focus management system | |
| US7557804B1 (en) | Methods and apparatus for three-dimensional isographic navigation | |
| US7945863B1 (en) | Localized exploded view | |
| US20120151408A1 (en) | Dynamic network browser | |
| US9274686B2 (en) | Navigation framework for visual analytic displays | |
| JP2022539335A (en) | Intelligent interaction tablet operation method, device, terminal device and storage medium | |
| WO2013108139A2 (en) | Designing website user controls | |
| CN108052322A (en) | A kind of dragging method based on visual layout's system | |
| US11604573B2 (en) | Self-clustering stacks of visible information units in an infinitely zoomable space on a graphical computing device | |
| US20130067363A1 (en) | Defining and Editing User Interface Behaviors | |
| JP7004628B2 (en) | Image display control device, operation program of image display control device, and operation method | |
| US20140331141A1 (en) | Context visual organizer for multi-screen display | |
| CN109716294A (en) | With the user interface for moving mini label | |
| Cardoso et al. | The Multimodal Annotation Software Tool (MAST) | |
| JP2020052542A (en) | Image display control apparatus, operation program and operation method of the same | |
| Schwab et al. | Easypz. js: Interaction binding for pan and zoom visualizations | |
| KR102585998B1 (en) | Method for displaying page and a hospital practice management system apparatus therefor | |
| Rönneberg et al. | Developing a Multi-Touch Map Application for a Large Screen in a Nature Centre | |
| Burkhardt | Collaborative Process Modelling with Multi-Touch Tables |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant |