CN103189828B - The method and system of the item in managing user interface and computing equipment - Google Patents

Abstract

Disclose the user interface change about moving item in the user interface.Can start to the operation of selected item (such as by moving cursor or indication equipment in the user interface, drag operation), and the expression that can present the item selected by diagram is moved from its respective original position towards the current location of cursor or the equipment of indication and form the animation of trooping near the current location of cursor or the equipment of indication.When moving on the container object of trooping in the user interface of item, the expression of item can adopt the appearance style defined by this container object.Expression can also be shown as to depart from and to troop and desired location towards item described in container object moves, as the preview putting down operation be put in this container object.

Description

The method and system of the item in managing user interface and computing equipment

Technical field

The disclosure relates generally to the item of information on Management Calculation equipment.

Background technology

Modern computing devices is usually included in the file system storing item of information in various catalogue in file system layer aggregated(particle) structure or sub-directory (such as, file).In graphic user interface (GUI), the expression of item of information (such as, icon) can at the corresponding container object associated with father's item of this item of information (such as, desktop, folder window) shown in, to indicate the position of this item of information in file system layer aggregated(particle) structure.

Each container object can with a kind of appearance style (such as, large icons view, small icon view, List View, row view, etc.) association.The expression of the item of information comprised in container object can present corresponding outward appearance according to the appearance style that this container object associates.When a Xiang Congyi container moves on to another container with different appearance style, or when the appearance style of current container is modified, the outward appearance of the expression of item can change according to the current appearance pattern of this current container.

Much operating system all makes it possible to perform drag-and-drop operation to the item of selection current in GUI.In drag-and-drop operation, the movement that the expression of selected item can follow pointer (the indication equipment such as, in cursor of mouse or touch sensitive surface) in the user interface moves (or " pulling ") to another container object from a container object.When this is released (or " putting down ") on the dropping zone (dropzone) of the target container expected, selected item becomes the content item of target container and this expression is presented in target container according to the appearance style associated with target container.

Summary of the invention

User or application can select in the user interface one or more represent and by cursor in user interface (such as, cursor of mouse or track ball cursor) or the equipment of indication is (such as, finger or pointer) movement to select item represent start-up operation (such as, drag operation).When operation is activated, can presents in the user interface and illustrate that described item represents towards cursor or give directions the current location of equipment to move and form the animation of trooping near the current location of cursor or the equipment of indication.When cursor or indication equipment move in the user interface, what item represented troop can in the user interface along with cursor or indication equipment move together.Each the expression of trooping can in trooping from this, other represents different paths and moves with different speed or acceleration in the user interface.

When item represents initially by selection, according to the appearance style that therefrom have selected these container objects represented and associate, these expressions can have the first respective outward appearance.When moving on the dropping zone of the container object in the user interface of trooping that item represents, this troop in item represent and can present corresponding outward appearance based on to the appearance style that this container object associates.

In some implementations, if user in the user interface movement troops and passes by a container object to arrive another destination, then do not present the change of outward appearance, and determine user on container object mobile troop be intended that this to be trooped be put in this container object in just present the change of outward appearance.The intention of user can based on such as when be clustered in move on container object time user interface in the motion feature of speed or acceleration and so on of cursor or the equipment of indication estimate.

In some implementations, when being clustered in of representing of item is moved on underproof landing order target area, the item of trooping represents the respective outward appearance that original appearance when can to present from them in source container is different, and wherein these expressions are selected from this source container.New outward appearance can based on the appearance style by source container being this underproof landing object definition.In some implementations, source container can define can based on different trigger events (such as, represent staying in underproof landing target, process on specific region that item represents in source container, etc.) be applied to any amount of different appearance style that item represents.

In some implementations, when pointer or be clustered in stay on potential target container exceed the set time period time, animation can be presented troop and move towards these desired location represented in target container object to illustrate that these represent to depart from, as the preview putting down operation be put in target container object.Item represents and can occur with preview state (such as, as translucent coating) near the desired location place of these expressions or its, and the appearance style of employing and potential target container object association.If some desired location represented is in the current sightless region in the user interface of potential target container object, these expressions can be shown as and move to this sightless region from trooping along respective path in the user interface.

In some implementations, if cursor or give directions equipment moving leave potential target container and do not put down selected item, then the expression of selected item can animation be shown as from its desired location or near respective position remove and rejoin near the current location of cursor or the equipment of indication and troop.Alternatively, if selected item is released in potential target container, the expression of then selected item can be shown as from the first state (such as by animation, translucent) be converted to the second state (such as, opaque state) and be placed in potential target container this desired location.

Some realizes one or more application programming interface (API) comprised in environment, and in described environment, calling program code is with mutual by this one or more interface other program code invoked.The enabling (invocation) (it may further include various types of parameter) and can transmit between calling program and invoked code via API of various function call, message or other type.In addition, API can be used in definition in API and the ability of the data type realized in invoked program code or class for calling program code provides.

At least some realizes comprising and wherein calls software part by API and the mutual environment of invoked software part.The method of being undertaken operating by API in this environment comprises and transmits enabling of one or more function call, message and other type or parameter via API.

In some implementations, item represents the outward appearance that can have and be generated based on the various appearance style defined by source container object and various potential landing target container by operating system.Often kind of appearance style can be defined by API by the container of correspondence.Often kind of appearance style can specify one or more layer for item represents, and every one deck can associate with the different attribute Sum fanction controlling the outward appearance of this layer, the animation style of this layer etc.Different animations can perform independently of one another to different layers.

Except the appearance style that each independent item represents, item represent be in its various outward appearance time, each container object can also be that multiple item (such as, all selected item) collectively defines corresponding formation pattern (formationstyle).Formation pattern also can be defined by API by the container object of their correspondences.The example of formation pattern can comprise item and represent the layout in its source container, troop formation and the preview formation in potential landing target container near pointer, as the described herein.Other formation pattern also can define.The different animation style that can be employed the respective transformation illustrated between outward appearance and formation also can be specified by API by source container or potential landing target container.

Set forth one or more details realized of management item in the user interface in the accompanying drawings and the description below.Other feature, aspect and advantage will become clear from this description, accompanying drawing and claim.

Accompanying drawing explanation

Figure 1A-1C describes exemplary user interface change, show, in response to the startup of the set operation (such as, drag operation) to multiple selected item, the expression of multiple selected item is moved towards the current location of pointer and is formed near the current location of pointer and troops.

Fig. 1 D describes exemplary user interface change, shows the movement that pointer is followed in the movement of trooping that item in the user interface represents.

Fig. 1 E-1F describes exemplary user interface change, show troop be in potential target container dropping zone in time this troop in item represent and change its outward appearance according to the appearance style of potential target container.

Fig. 1 G describes exemplary user interface change, will be put in potential target container if show selected item, and item represents to depart from troops and in potential target container, its respective desired location moves, as the preview of container configuration.

Fig. 1 H describes exemplary user interface change, and the expression showing the item selected when selected item is released or is put in potential target container is placed in its respective desired location.

Fig. 1 I describes exemplary user interface change, shows trooping that item represents and follows moving of pointer and leave potential target container (such as, user determines selected item not to be put in this potential target container).

Fig. 1 J-1K describes exemplary user interface change, in the second potential target container that trooping of showing that item represents being drawn to and associate with the second appearance style and trooping of representing of item changes its outward appearance according to the appearance style of the second potential target container.

Fig. 1 L describes exemplary user interface change, if showing selected item will be put in the second potential target container, the expression of selected item departs from troops and its respective desired location moves, as the preview of container configuration in the second potential target container.

Fig. 1 M describes exemplary user interface change, shows when selected item is placed in the second potential target container, and the expression of selected item is placed to its respective desired location.

Fig. 1 N-1P describes exemplary user interface change, shows to one or more selection and from the first container to the pulling of second container being in free arrangement state.

Fig. 1 Q-1R describes exemplary user interface change, shows preview that item represents and is displayed on its desired location in second container, and in previews in second container object by pointer movement.

Fig. 1 S describes exemplary user interface change, shows selected item after item is released in second container and is placed to the respective position as shown in preview.

Fig. 2 A is in response to and makes the expression of selected item near pointer current location, form the process flow diagram of the example process of trooping to the startup of the set operation (such as, drag operation) of selected item.

Fig. 2 B is the process flow diagram of following the example process of the lasting movement of pointer for the expression of the middle selected item that makes to troop.

Fig. 3 changes the process flow diagram that item represents the example process of outward appearance when being and moving on to for trooping of representing at item the container that appearance style different from associate.

Fig. 4 A is the process flow diagram of the example process representing in potential target container the preview of its respective desired location for display items.

Fig. 4 B is the process flow diagram of the example process for putting down selected item in potential target container.

Fig. 5 is not put into selected item the process flow diagram of the example process this potential target container for removing from potential target container after preview.

Fig. 6 will present the process flow diagram of the example process of the preview that item represents in the desired location place that represents of the item in potential target container for determining whether.

Fig. 7 is the process flow diagram of the example process for being changed the outward appearance that item represents when item is dragged to another container from a container.

Fig. 8 A-8C menu described for realizing describing with reference to figure 1A-1S presents the example software architecture of process.

Fig. 9 is the block diagram of the example hardware architecture for realizing user interface and the process described with reference to figure 1-8C.

In each figure, identical label indicates identical element.

Embodiment

For the exemplary user interface of drag and drop item in the user interface

In file system, item of information (such as, file and file) can be organized in file system layer aggregated(particle) structure.Each item of information (such as, file and file) can be contained in the father's item (such as, parent folder) in file system layer aggregated(particle) structure.For in the application program (such as, html editing machine, word processor, electronic mail editing etc.) of Edit Document, content item (such as, image, video, data object etc.) can embedding ad-hoc location in a document.In addition, item of information (such as, address book entry, data object) and user interface element (such as, button) can move from the commitment positions application window and insert at given location.

In graphic user interface (GUI), container object, such as desktop, folder window and/or application window, may be used for the file in representation file system hierarchy, present new or existing profile and/or present user interface element or data object.The expression (such as, icon) of the item of information (such as, file and file) comprised in parent folder can represent display in the container object (such as, folder window or desktop) of parent folder in the gui.Similarly, the expression (such as, thumbnail or icon) of content item (such as, image, video clipping, data object etc.) can display in the container object (such as, application window) presenting the profile being wherein embedded with this content item.Similarly, the expression (such as, the icon of button or data object) of user interface element and data object also can present in container object (such as, application window, finger window).

In the GUI of routine, user or application can at source container (such as, desktop or folder window) in options expression (such as, icon), utilize pointer (such as, pointer on cursor of mouse, touch-sensitive display or finger) item selected is represented and moves on to (such as, be dragged to) in the dropping zone (such as, the Free Region of desktop or the window area of folder window) of target container, and the item selected is represented be lowered in this target container.After drag-and-drop operation, the item of selection represents and can move to target container from source container on a user interface.In file system, the item corresponding to selected expression moves to the another location associated with target container in file system layer aggregated(particle) structure from the position associated with source container.

In the GUI of routine, when user pulls the item of selection in the user interface, the image that the movement of selected item can be illustrated out the expression for comprising selected item is on the whole pulled by cursor or indication equipment advances.When this image is dragged to another position from a position in the user interface, the outward appearance of selected item and spatial relationship are static in this image.When after the dropping zone at this image target approach container, this is released (such as, indicated by the change of target container outward appearance), picture drop-out is in target container, and instruction has been moved.

As disclosed herein, user can select one or more in the user interface, and when item be have selected, user can start set operation (such as, drag operation) by the movement of cursor or the equipment of indication to the item selected.When operation is activated, can present selected item is described expression (such as, icon) in the user interface from its original position towards cursor or give directions the current location of equipment to move and form the animation of trooping near the current location of cursor or the equipment of indication.Hereinafter, term " pointer " will be used for describing cursor (such as, mouse or track ball cursor) and the equipment of indication (finger such as, on touch-sensitive display or pointer).

In some implementations, when user moves pointer constantly in drag operation, the expression of the item selected can be trooped as one and be followed this pointer touch point of finger or pointer (on the cursor such as, in user interface or the touch-sensitive display) in the user interface and move.Each the independent movement represented of trooping can represent with other path represented in trooping relative to this, speed and acceleration independently.In some implementations, these expressions can be trailed after the current location of pointer with different distances in the cluster.

In addition, in some implementations, container object shown in user interface can associate from different appearance styles, and the expression of item shown by each container object can according to the appearance style associated with this container object expression characteristics outward appearance.Such as, common appearance style can comprise large icons view, small icon view, List View, row view or picture view.Other appearance style associated with application window such as can be defined by the API associated with operating system by providing the application program of this application window.Except for point other appearance style represented, each container object can also define one and be used from the formation pattern that selected item represents.Exemplary formation pattern comprise free arrangement layout, keep arrangement layout, troop.

In some implementations, when item is at first by selection, the expression of selected item can have the first respective outward appearance according to the appearance style associated with the respective source container of item.When the expression of selected item formed troop and move on the dropping zone of different vessels object in the user interface time, depend on the appearance style that the current place container object thereon of trooping that represents with item associates, this troop in the expression of selected item can present different outward appearances.In some implementations, when the selected item in trooping is on the region of underproof landing target container, this troop in the expression of selected item can present outward appearance based on other appearance style defined for this underproof landing target container by source container object.The formation pattern of selected item also can according to being that the formation pattern that this underproof landing target container defines changes by source container.

Figure 1A-1C describes exemplary user interface change, show, in response to the startup of pointer to the set operation (such as, drag operation) of multiple selected item, the expression of this multiple selected item is moved towards the current location of pointer and is formed near the current location of pointer and troops.

In figure ia, exemplary user interface 100 is given.Exemplary user interface 100 can be the desktop of operating system.Such as, in user interface 100, in the viewing area 102 of desktop, show multiple container object (such as, folder window 104, folder window 106 and application window 108).

As shown in Figure 1A, folder window 104 comprises representing (such as, item represents 110,112,114,116 and 118) with the item shown in large icons view.In large icons view, the expression of each can comprise the thumbnail of the preview of this content of display and the word tag of this title of display.Such as, if item is image file, so in large icons view, this expression can be the scaled copy of this image file, has the word tag of the filename of this image file of display.For another example, if item is file, so in large icons view, this expression can be the word tag of folder icon and this Folder Name of display amplified, and the surface of the folder icon amplified appears the representative content of this file.Other external appearance characteristic can associate with the expression of large icons view middle term, such as size, transparent grade, scheme of colour, etc.

In some implementations, folder window also can be small icon view, wherein can show the more small icon representing item.Small icon represent to comprise and represent less visual information than the large icons of item.Such as, the small icon of item represents the file type (such as, image file, text document, file etc.) that can indicate this, but eliminates the information about this any particular content.The large icons of item represents the word tag representing with small icon and can comprise this filename of instruction.In some implementations, the large icons of item represents that the word tag represented with small icon can have different outward appearances.

In some implementations, the folder window (such as, folder window 104) in large icons view (or small icon view) can be in free arrangement state or keep ordered state.In free arrangement state, the expression of item can be arranged in and move to any coordinate position of the viewing area of folder window.In maintenance ordered state, the expression of item can be positioned on evenly spaced grid, and keeps arrangement standard sorted (such as, by filename, by modification time, by size, by file type, etc.) according to one or more.

In some implementations, when folder window is in maintenance ordered state, if there is new item to be incorporated into this folder window, if or for one or more in this folder window with maintenance arrangement standard (such as, criteria for classification) attribute that associates changes, then this folder window can upgrade, to keep arrangement standard and new property value to reorganize item on the viewing area of this folder window according to one or more.

In some implementations, folder window (such as, folder window 104) can adjust size, and only some viewing area is visible to make this folder window in user interface 100.User can use scroll control to carry out the view window of move folder window to appear the hidden parts of viewing area, or amplification folder window appears the more multiple-aspect territory of this folder window.

As shown in figure ia, folder window 104 illustrates with large icons view and free arrangement state at present.The large icons of item 110,112,114,116 and 118 represents the viewing area being arranged in folder window 104 with free arrangement configuration.And as shown in figure ia, user have selected item 110,114 and 118(indicated by the shade by item 110,114 and 118).

And in figure ia, folder window 106 illustrates with List View at present.A file (such as, file " landing target 1 ") in folder window 106 representation file system hierarchy.Item in the file that the item shown in folder window 106 is included in representated by folder window 106.The expression (such as, item represents 122a and 122b) of the item shown in folder window 106 eachly can comprise the small icon representing this and the word tag that this filename is shown.The small icon of the List View of item can be identical with the visuals that this small icon represents, but List View represents that the word tag in representing with small icon can be positioned at different positions in representing at these two kinds.Such as, in List View represents, word tag is positioned at the right side of small icon; And in small icon represents, word tag is positioned at below small icon.

As shown in figure ia, the item in List View folder window 106 represents (such as, item represents 122a and 122b) can according to maintenance arrangement standard sorted, such as by filename, by size, by modification time, by item type, etc.In folder window 106, the expression of two item 122a and 122b arranges according to its filename.

Except large icons view, small icon view and list are attempted, folder window can also shown in row view (not illustrating in figure ia).Folder window in row view can comprise row or multiple row.Each row can correspond to the respective level in file system layer aggregated(particle) structure and associate to the corresponding father's item from father's grade corresponding in file system.In row view file folder window, continuous print row correspond to the successive of file system layer aggregated(particle) structure.Each row can present the expression of the item of child's item of current selected item in the adjacent column as this row left side.The expression of row view file folder window middle term can have the outward appearance similar to the expression of List View folder window middle term.

Can defined file folder window and other view of application window.Operating system can provide application programming interface (API), its regulation various external appearance characteristics that the expression of item can have when in the folder window be presented in various view and application window.In some implementations, each view of folder window can be defined as have control each independent item represent that seeming in this view should be what kind of appearance style.The different parts that often kind of appearance style can represent for item specify one or more layer.Such as, the word tag that the icon image that can represent for item, item represent and the background image that item represents define respective layer.Every one deck can the related attribute of tool, its definition component seem should be what and can how animation shows this parts when being converted to another appearance style from current appearance pattern.

Figure 1A shows user and in folder window 104, have selected item 110,114 and 118.Selection can be realized by pointer, keyboard, another kind of input equipment or one or more combination above.The current location of pointer can be indicated in user interface 100 by cursor (such as, cursor 120)., during some of finger on touch-sensitive display or pointer realize, do not need display highlighting in user interface 100, and the current location of pointer is finger or the touch point of pointer on touch-sensitive display at pointer.

Figure 1B describes after the startup set operation (such as, drag operation) being detected, and item represents that its original position is towards the movement of pointer current location from folder window 104.

In some implementations, item keep in user interface 100 selected while, the startup of set operation (such as, drag operation) can by pointer from the position in folder window 104 to folder window 104 movement of another position indicate.In some implementations, when moving while the hold button of pointer on input equipment (such as, mouse or keyboard) (such as, mouse button or " SHIFT " key) keeps being pressed, set operation starts and continues.In some implementations, the startup of set operation can to exceed given threshold distance by pointer movement from a position to another position indicates, and no matter second position be within folder window 104 or outside.In some implementations, hold button does not need to press in set operating process.

As shown in fig. ib, set operation detected (such as, drag operation) startup (such as, indicated by the current location by cursor 120 outside folder window 104) after, can present in user interface 100 and illustrate that the respective expression of selected item is from its original position towards the animation of the current location movement of pointer user interface 100.Each the movement represented can along the respective path (such as, just as indicated by dashed curve) in user interface 100.In some implementations, the expression of each selected item (such as, item represents 110,114 and 118) its original position in folder window 104 can be retained in, and these copies (such as, item represents 110 ', 114 ' and 118 ') represented can be depicted as from expression 110,114 and 118 stripping and move along its respective path towards the current location of pointer.

In some implementations, can change independently of one another for the speed of each expression (such as, item represents each in 110 ', 114 ' and 118 '), acceleration and path shape.In some implementations, closer to the item of pointer starting point, position represents that (such as, item represents 114 ') can be depicted as and represents that (such as, item represents 110 ' and 118 ') is earlier left than folder window 104 from the item that pointer reference position is farther.

In some implementations, pointer moves at the beginning, to represent and just can start its respective movement towards pointer current location, and, if the item selected was released before the current location of pointer arrives the edge of folder window 104, then the expression of selected item can be depicted as and move its original position in backspace file folder window 104 along its respective path in user interface 100.

In some implementations, pointer moves at the beginning, and item represents (such as, item represents 110 ', 114 ' and 118 ') just can be depicted as and start its respective movement with slower more consistent speed towards the current location of pointer.And, the current location one of pointer move exceed folder window 104(or, alternatively, pointer one moves from its reference position folder window 104 and exceeds threshold distance), the expression current location that just can be depicted as towards pointer move quickly (or acceleration), and formed near the current location of pointer and troop.

In some implementations, when pointer moves in folder window 104, the expression of selected item just can follow the movement of pointer as still image, the spatial relationship wherein between selected item is constant in moving process.And pointer one moves to the outside of folder window 104, the expression of the selected item current location that just can be depicted as towards pointer moves (or " gathering ") along its respective path and formed near the current location of pointer troops.

In some implementations, the formation (such as, trooping) that item represents can be defined by API by source container object (such as, folder window 104).Illustrate that item represents that the animation style (such as, path shape, speed, acceleration) from its respective original position to the corresponding movement of the position in its each comfortable formation (such as, trooping) also can be defined by API by source container.In some implementations, the appearance style that item represents can be combined by source container and potential landing target container with formation pattern and determined.

As is shown in fig. 1 c, the respective expression of selected item (representing 110 ', 114 ' and 118 ') has arrived its relevant position near pointer current location (such as, as indicated by cursor 120), and define near the current location of pointer and troop 124.In some implementations, item expression can not in the same time arrive troop 124.

In some implementations, as is shown in fig. 1 c, 124 are the stacking of the expression (such as, item represents 110 ', 114 ' and 118 ') comprising selected item by trooping of being formed of the expression of selected item.In some implementations, to represent that order in a stack can rely on these and represent and arrive stacking order, this can be dependent on again the respective distance between the original position of each item in folder window 104 and the reference position of folder window 104 pointer indirectly.In some implementations, order that in stacking, each represents can depend in folder window 104 middle term by the order selected.In some implementations, other sequence (such as, random order) that 124 middle terms of trooping represent also is possible.In some implementations, the order that represents of item can define in the formation pattern associated with potential landing target (such as, desktop).In some implementations, the order that represents of item can define in the formation pattern associated with source container (such as, folder window 104).

In some implementations, the expression of item not necessarily will troop formed in 124 stacking.Other layout of 124 middle terms of trooping also is possible.Such as, if the number that middle term of trooping represents is less, then item can spread out near the current location of pointer on grid or along bending path (such as, with circle).In some implementations, if the expression of item is overlapping in the cluster, the expression of middle term of so trooping temporarily can launch, to eliminate overlapping in response to predefined input command (such as, launching order).Different formation patterns or layout can utilize different trigger events to define, the such as number of formation middle term, the current location of pointer, etc.When different formation patterns may be used for the trigger event its correspondence being detected in the user interface, line item represents.

In some implementations, represent (such as at item, represent 110 ', 114 ' and 118 ') define near the current location (such as, indicated by cursor 120) of pointer and trooped after 124, item represents and can move independently trooping in the given area in 124.Such as, each represents that 110 ', 114 ' and 118 ' can be depicted as and seem that item represents that 110 ', 114 ' and 118 ' floats over the mode swung in water and due to the current in water and move near the current location of 124 pointers of trooping with one.

In some implementations, counting indicator 126 can troop 124 trooping to present or be attached near 124.Counting indicator 126 can show the numeral of the number that instruction has represented at the item assembled in 124 of trooping.As is shown in fig. 1 c, three items represent that (such as, item represents 110 ', 114 ' and 118 ') has assembled and defined near the current location of pointer and troop 124, and be attached to troop 124 counting indicator 126 show numeral " 3 ".In some implementations, counting indicator can define in its layer in the cluster, and represents independent of the item in trooping and to show with animation.Source container can provide formation pattern for trooping, and this formation pattern can represent how to spread out in the cluster by regulation item.

As is shown in fig. 1 c, the current location of pointer is on the viewing area 102 of desktop.Desktop itself can be that display items represents the container of (such as, for the icon of the file in desktop folder and file) in the viewing area 102 of desktop.Desktop can present item in large icons view or small icon view, and the expression of desktop middle term can be free arrangement configuration or keep being arranged.

In this example, desktop is in large icons view.Therefore, in the expression of item from folder window 104 moves to the current location of pointer desktop, when they formed on the table troop 124 time, the outward appearance that item represents does not change.But, if desktop is in small icon view, so, when item represent troop on the table time, item represents and can become small icon outward appearance from its original large icons outward appearance (as shown in folder window 104).

In some implementations, (such as, by the hold button on release pointer or keyboard or by lifting finger from touch-sensitive display) release is by before the item that pulls, and item represents can follow the movement of pointer in user interface 100 trooping in (such as, trooping 124).

As shown in Figure 1 D, when pointer current location (such as, as indicated by cursor 120) in user interface 100 (such as, in the viewing area 102 of desktop) a paths (such as, as indicated by dashed curve 128a) mobile time, the item of trooping in 124 represents that the movement of pointer is followed in the respective path (as indicated by dashed curve 128b-d) represented along these.

In some implementations, the item of trooping in 124 represents and can move by different speed and different acceleration, and trails after cursor 120 with different distances.In some implementations, when pointer stops in user interface 100 (such as, at the end of crooked route 128a in the direction of arrow), when representing at item the position arrived near the stop position of pointer in user interface 100, each the expression of trooping in 124 can be depicted as deceleration.

Fig. 1 E-1F describes exemplary user interface change, show troop be in potential target container dropping zone in time this troop in the expression of selected item change its outward appearance according to the appearance style of this potential target container.

Continue the example shown in Figure 1A-1D, if user continues the drag operation selected item being represented to 110 ', 114 ' and 118 ', so by item represent 110 ', 114 ' and 118 ' formed troop 124 can follow pointer movement and enter folder window 106(as shown in fig. 1e).When troop 124 enter folder window 106 at first time, the outward appearance that 124 middle terms of trooping represent can with troop 124 in the viewing area 102 of desktop time the outward appearance that 124 middle terms represent of trooping identical.

In some implementations, 124 do not stopped or slowing down if trooped by pulling rapidly by folder window 106, then the outward appearance that 124 middle terms of trooping represent does not need change.In some implementations, when troop 124 being drawn to another position from the position of user interface 100 time, operating system can monitor the motor pattern of pointer.If pointer at a container object (such as, folder window, application window or desktop) on motor pattern show that this container object is considered as the potential target container of the selected item in 124 of trooping by user, just can perform the change of the outward appearance that 124 middle terms of trooping represent.If the motor pattern of pointer on a container object shows that user is only through this container on the road to another position in user interface, just do not start the change of the outward appearance that 124 middle terms of trooping represent.

In some implementations, show that a container is considered as the feature of the motor pattern of the potential target container of selected item in 124 of trooping and can comprises by user, the backpointer entering this container at pointer slows down or pointer suspends and exceedes threshold time amount (such as, staying) in this container.In some implementations, show that user is only that the feature that mobile pointer goes to the motor pattern of another position in user interface 100 through a container can comprise, the movement that pointer is fast and level and smooth on this container and without any deceleration.

In some implementations, as shown in figure if, when pointer slows down or suspends in folder window 106, the outward appearance that 124 middle terms of trooping represent can become the List View associated with folder window 106 from the large icons view associated with desktop.Such as, the expression 110 ', 114 ' and 118 ' of selected item is that the large icons of item represents, and in figure 1f, the large icons of trooping in 124 represents that 110 ', 114 ' and 118 ' is expressed 110 ' ', 114 ' ' and 118 ' ' replace, wherein 110 ' ', 114 ' ' and 118 ' ' is that the List View of selected item 110,114 and 118 represents respectively.

As shown in figure if, the List View of selected item in 124 of trooping represents 110 ' ', 114 ' ' and 118 ' ' in each can comprise small icon and word tag.In some implementations, the List View of trooping in 124 represents can according to the maintenance arrangement standard of folder window 106 (such as, by filename, by size, by file type, by modification time etc.) in sequence in 124 of trooping.In some implementations, List View in 124 of trooping represents 110 ' ', 114 ' ' and 118 ' ' order can keep identical before and after outward appearance changes.

In some implementations, can present and illustrate that item represents the animation from its large icons outward appearance in the cluster to its transformation of List View outward appearance in the cluster.Different animations can be applied to the different layers (such as, icon image layer and word tag layer) that item represents.Such as, an animation can be applied to icon image layer, illustrates that the large icons image that item represents is shrunk to this small icon image represented.Meanwhile, another animation can be applied to word tag layer, illustrates that this word tag represented moves to the right side of small icon image from the bottom of large icons image.In addition, the outward appearance of word tag itself also can change during animation.Such as, border can be added around word tag, and the color of word tag and font also can change.

Fig. 1 G describes exemplary user interface change, show, if selected item will be put into potential target container (such as, folder window 106) in, the expression of selected item departs from troops 124 and towards potential target container (such as, folder window 106) in its respective desired location move, as the preview of container configuration.

In some implementations, when user at container (such as, folder window 106) in suspend pointer reach long period section (such as, be greater than the minimum threshold time period) time, or when user inputs predefined preview command, just can show animation in user interface 100, it illustrates if item will be discharged into this container (such as, folder window 106) in, the item of trooping in 124 represents (such as, item represents 110 ' ', 114 ' ' and 118 ' ') departs from it in the original position of trooping in 124 and to move towards its respective desired location.

In some implementations, represent desired location can according to container (such as, folder window 106) associate maintenance arrangement standard (such as, by sequences such as filename, file size, file type, modification times) and troop middle selected item and this container in the correlation attribute value (such as, filename, file size, file type, modification time etc.) of existing item determine.Such as, when being sorted by its respective filename, item 110,114 and 118 and existing item 122a and 122b of selection will have following order: (1) item 122a, (2) item 118, (3) item 114, (4) item 110, (5) item 122b.Based on this order, can determine that item represents 110 ' ', 114 ' ' and 118 ' ' desired location in folder window 106.

As shown in figure ig, item represents 110 ' ', 114 ' ' and 118 ' ' if from trooping 124 disengagings and move to selected item and will be put into folder window 106 that these represent the respective desired location will had in folder window 106.In some implementations, the expression (such as, item represents 122a and 122b) of existing item can be moved in folder window 106, to make way for the expression of the selected item in 124 of trooping.

In some implementations, from troop 124 item represent that (item represents 110 ' ', 114 ' ' and 118 ' ') can their desired location place display in potential target container (such as, folder window 106).In some implementations, item represents (such as, item represents 110 ' ', 114 ' ' and 118 ' ') can display near their desired location in potential target container (such as, folder window 106).

In some implementations, when the expression of selected item in potential target container their desired location place or its near in current, these expressions can be shown as the translucent coating in user interface.In some implementations, be current near their desired location place or its in previews when item represents, other vision can be provided in item represents to indicate.

In some implementations, trooping, the item in 124 represents (such as, item represents 110 ' ', 114 ' ' and 118 ' ') depart from troop and move to these represent at potential target container (such as, folder window 106) in after respective desired location, if user selects the item selecting to be put in this potential target container subsequently, then the respective expression of selected item (such as, represent 110 ' ', 114 ' ' and 118 ' ') mobile (if they are not also presented at its respective desired location) can be depicted as and be placed in their respective desired location and from the first state (such as, translucent) become the second state (such as, opaque state).In some implementations, when item represent be put in potential target container time, other external appearance characteristic of the transition state that indication item represents in previews can be removed.

Fig. 1 H describes exemplary user interface change, and the expression showing the selected item when selected item is placed in potential target container (such as, folder window 106) has been placed in its respective desired location.

In some implementations, as shown in figure ih, when putting down operation and completing, the respective desired location place of expression in figure 1g shown in previews of the selected item in its separately List View outward appearance is inserted in folder window 106.When putting down operation and completing, in folder window 104, the expression of selected item can remove from user interface 100, also goes out as shown in figure ih.In the above example, drag-and-drop operation performs selected item, and drag and drop cause the movement of selected item in file system.In some implementations, drag-and-drop operation also can perform the copy of selected item, and the expression of selected item can be stayed in folder window 104 and to be turned back to their normal large icons views (such as, not having shade shown in figure ia) after drag and drop.

In some implementations, user can be put into the item selected in potential target container, and need not wait these previews in its desired location to be presented.Such as, user can discharge item immediately after pointer moves on in the dropping zone of potential target container.Such as, put down operation to start when user interface 100 is in state as referring to figure 1e.Alternatively, user can discharge item after item changes its outward appearance from large icons view to List View.Such as, put down operation to start when user interface 100 is in state as shown in Figure 1 F.When item is released, the expression of item can be depicted as moves from its respective current location towards their desired location along the respective path of item and is finally placed in the desired location of item, as shown in figure ih.

Fig. 1 I describes exemplary user interface change, and trooping of showing that item represents is followed pointer movement and departed from potential target container (such as, user determines the item selected not to be put in this potential target container after the state shown in Fig. 1 F and 1G).

In some implementations, if user determines item not to be represented (such as, represent 110 ' ', 114 ' ' and 118 ' ') be discharged into potential target container (such as, folder window 106) in, and pointer to be moved on in user interface 100 diverse location (such as, the outside of folder window 106), then item represents that can be depicted as from folder window 106 their respective desired location removes, and moves towards the current location of pointer and troop 124 to rejoin near the current location of pointer.

As shown in figure ii, when pointer shifts out potential target container (such as, folder window 106), 124 cursors 120 of following pointer of trooping.In addition, when troop 124 on the viewing area 102 of desktop time, the item of trooping in 124 represents and can become their respective large icons view outward appearances from their List View outward appearances separately.

Fig. 1 J-1K describes exemplary user interface change, trooping of showing that item represents being drawn to the second potential target container of associating with the appearance style of application definition (such as, application window 108) in, and trooping of representing of item changes its outward appearance according to the appearance style of the application definition of the second potential target container.

Continue the example shown in Figure 1A-1I, suppose that user is not discharged into selected item in folder window 106, and trooping of selected item is dragged in application window 108.Application window 108 can present existing or new document 130, and document 130 is ready to be edited.Application window 108 can be provided by the software application of correspondence.In some implementations, software application can define when how document content item (such as, image file, video clipping, data object etc.) shown in the application window provided by software application time can present in a document.In some implementations, software application can be communicated with operating system by application programming interface (API), to realize item when item represents and is dragged into and hauls out application window 108 represent the necessary information of cosmetic variation (such as, the position of content item in the appearance style of application definition, size, resolution and form) for operating system provide.

In some implementations, multiple layer is specified in the appearance style that application can represent at item.One-component (such as, icon image, word tag and background image) during every one deck can represent corresponding to item.Every one deck can with its oneself Attribute Association, such as specify the size of component, color, position and between appearance style, change the attribute of animation style of real component.Every one deck can also associate with layer title or keyword name.Such as, the layer of the word tag that display items represents can be endowed keyword name " label ", and the layer of the icon image that display items represents can be endowed keyword name " icon ".The keyword name of layer can be made to represent that in set, (in such as, trooping) can apply the layer of particular appearance and/or animation to it for identification item by operating system.Such as, operating system can identify middle term of trooping represent in all " label " layers, and whole in item being represented when item represents and arrives and troop or some (such as, except for one whole) word tags fade out.

In the example shown in Fig. 1 J, provide the software application of application window 108 to be electronic mail editings, and the document presented in application window 108 is by the email message (such as, " message 1 ") edited.The document comprises some words at present, but does not also have other content to be embedded in the document.Software application support is dragged and dropped into content item in the insertion point in document 130.

When user comprise selected item expression (such as, represent 110 ', 114 ' and 118 ') troop 124 be dragged in application window 108 time, at the beginning, these expressions can maintain their large icons outward appearance, as shown in fig. 1j.Whether operating system can monitor that the feature and determining of user pointer is trooped and 124 to be just pulled through on application window 108, or whether user is considering using the potential target container of application window 108 as the selected item in 124 of trooping.

Such as, operating system can monitor to troop and 124 being drawn to speed in application window 108, and whether pointer is current stop in application window 108.If pointer noticeable deceleration or stopped in application window 108, so operating system just can determine to change according to the appearance style associated with application window 108 outward appearance that 124 middle terms of trooping represent.Slowed down or stop by application window 108 if operating system determination pointer is mobile without any significant, so the operating system outward appearance that middle term represents that just can keep trooping is constant, until the marked change of motor pattern detected.

In this example, user stops pointer in application window 108.When operating system detects that pointer stops in application window 108, the outward appearance that middle term of trooping represents can from its large icons outward appearance (such as, just as expression 110 ', 114 ' and 118 ') become its picture view outward appearance (such as, just as expression 110 ' ' ', 114 ' ' ' and 118 ' ' ').If the picture view outward appearance of selected item can insert in document 130 to seem to be what defines by application program according to item.Such as, if selected item is image file and when image file is inserted in the email message shown in application window 108, then image is resized to have the even widthwise size of half pagewidth.The appearance style of application window 108 can be supplied to operating system by one or more API Calls, and operating system can represent according to the picture view of the appearance style generation selected item of application window 108.After the picture view of selected item represents that (such as, representing for 110 ' ' ', 114 ' ' ' and 118 ' ' ') has generated, picture view represents and can present trooping in 124, and the large icons of replacement selected item represents, as shown in figure ik.

In some implementations, the picture view of image file represents it can is the reduction image with low resolution or less colouring information.In some implementations, picture view represents it can is translucent.Software application can define other appearance style associated with the various views of content item, and item represents the definition of the appearance style that can be provided for this application window according to software application by operating system and generates.

Fig. 1 L describes exemplary user interface change, show, if selected item will be put into the second potential target container (such as, application window 108) in, the expression of selected item (such as, represented for 110 ' ' ', 114 ' ' ' and 118 ' ' ') depart from troop 124 and in this second potential target container its respective desired location move, as the preview that container configures.

As shown in Fig. 1 L, each the expression of trooping in 124 can along respective path in potential target container its respective desired location move.The desired location that item represents and can provide the specification of the application program of application window 108 to determine according to the content of document.Such as, selected item can be inserted into order in document 130 and layout and provide specification by API to operating system to provide the application program of application window 108 to specify.Operating system can realize user interface change, and it illustrates that item represents the movement of its respective desired location in application window 108 in document 130.

In some situation, application window can be finite size, and document 130 can not appear completely in the view window of application window 108.User can increase the size of application window 108 or use scroll control that the hidden parts of document 130 is moved on in the view window of application window 108.When representing for the item of trooping in 124 position determining expection, some desired location represented may be arranged in the current sightless region of application window 108 at document 130.In this case, these expression can be depicted as disengaging and troop 124, and the respective position towards them is moved along respective path.Item represents can be depicted as the visibility region leaving application window 108 along the track leading to current sightless desired location in application window 108.

Such as, as shown in Fig. 1 L, item represents 118 ' ' ' desired location be positioned partially in the visibility region of application window 108.In the previews that item represents in its desired location, can present and illustrate that item represents 118 ' ' ' partly move into the animation of document invisible area.Similarly, item represents 110 ' ' ' desired location completely outside the visibility region of application window 108, so in previews, animation can illustrate that item represents 110 ' ' ' along the movement in the path 132 entered in application window 108 invisible area.By display animation, user can remember that item represents 110 ' ' insertion point of ' be not disappear simply, but be arranged in document 130 image represent 118 ' ' ' below.

If have viewed user after item represents the preview being positioned at its desired location to determine to put down selected item in application window 108, then user can discharge these (such as, by the hold button on release mouse or keyboard, or by lifting finger or pointer from touch-sensitive display).Fig. 1 M describes exemplary user interface change, and the expression showing the item selected when selected item is placed in the second potential target container (such as, application window 108) has been placed to its respective desired location.

As depicted in figure im, item represents 114 ' ' ' and 118 ' ' ' become opaque state from translucent.Although item represents 110 ' ' ' current invisible in the viewing area that application window 108 appears, if user rolls downwards further in application window 108, so item represents 110 ' ' ' will appear.After completing and putting down operation, item represents that 110,114 and 118 can remove from its original container (such as, folder window 104).

The user interface that Figure 1A-1M describes when item is pulled through or is put in the container object being in maintenance ordered state changes.Fig. 1 N-1P describes exemplary user interface change, show item selection and from the first container object to the pulling of second container object being in free arrangement state.

Continue above example, after the state shown in Fig. 1 M, suppose that user have selected two (such as, item represents 114 ' ' ' and 118 ' ' ') in three items be placed in application window 108 now, and the item started selecting is dragged (as shown in Fig. 1 N) from application window 108 away from.

When operating system detects the startup that pointer drag operates, the operating system item that can present selected by display represents (such as, item represents 114 ' ' ' and 118 ' ' ') from its original position application window 108 towards the animation of the pointer current location movement such as indicated by cursor 120.In some implementations, when pointer does not also shift out application window 108, the movement that item represents can slowly and evenly, as long as and pointer can accelerate towards the current location of pointer once leaving application window 108.

Item selected by Fig. 1 O illustrates represents that (or selected item represent copy) has shifted out application window 108 and defined near pointer current location (indicated by the position by cursor 120) and troops 134.In addition, the outward appearance that 134 middle terms of trooping represent represents 114 ' from picture view ' ' and 118 ' ' ' large icons that becomes item represents 114 ' and 118 '.Counting indicator 136(such as, mark) can in display near 134 of trooping, display troop in 134 included by the number that represents of item.Owing to only have selected two items, therefore shown in counting indicator numeral is " 2 ".

Fig. 1 P shows user and 134 tows back to folder window 104 trooping.Folder window 104 associates with the large icons view being in free arrangement state.Because desktop also associates with large icons view, and the item of trooping in 134 represent troop being drawn to desktop area 102 in be updated to its respective large icons outward appearance, therefore, when troop 134 being drawn to folder window 104 from desktop area 102 time, the outward appearance that 134 middle terms of trooping represent do not need upgrade.

Fig. 1 Q-1R describes exemplary user interface change, shows the desired location that preview that item represents to be displayed in the container of free arrangement them, and in previews in the container of this free arrangement by pointer movement.

When user have input the order of the preview that the item that is in its desired location in the container checked in free arrangement represents, can present and illustrate that item represents that 114 ' and 118 ' departs from and troop 134 and towards the animation of its desired location movement in folder window 104.Because folder window 104 is in free arrangement state, because this represents that 114 ' and 118 ' will be placed on its current location simply, there is certain fixing spacing between which.As shown in Fig. 1 Q, if item represents be placed to its current location in folder window 104, item expresses possibility overlapping with existing item in folder window 104.

Fig. 1 R describes before user is discharged into the item selected in folder window 104, and user can represent by launching mobile item in configuration at it under preview state, adjusts the current location that item represents 114 ' and 118 '.Such as, as shown in Fig. 1 R, item represents and can move integrally when they are in deployed condition, until find suitable position (such as, when item represent 114 ' and 118 ' no longer represent with existing item in folder window 104 112 and 116 overlapping time).

After user is discharged into the item selected in folder window 104, item can be shown as and be placed to as the position separately of its above shown in preview.As shown in Fig. 1 S, item represents that 114 ' and 118 ' has become opaque state from translucent and be placed in its final position shown in preview, and in Fig. 1 S, by item, item represents that 114 and 118 represent now.Item can be depicted as and remove from application window 108, and item represents 110 ' ' ' can move up in screen and show in application window 108.

In some implementations, as illustrated in Figure 1A-1S, display near the current location of what item represented be clustered in pointer, but not overlapping with the current location of pointer.Sojourn times when pointer moves in the user interface and on the pointer region on a user interface, keeps gap or distance between the current location of the equipment of indication and item represent.Distance between pointer or gap is represented by keeping item, represent the region that can keep not contacting and be positioned at immediately below pointer current location and/or tightly surround pointer current location, thus before decision is moved item or is put into that position, user can see this region better.

Above example is only illustrative.Although show the particular sequence of event, as those skilled in the art can be readily appreciated that, the selection of item, the viewing configuration of window of container and pointer can have many changes from a position to the movement of another position.

In some implementations, as illustrated in above example, each source container object (folder window 104 such as, in Figure 1A and the application window 108 in Fig. 1 M) can represent one or more appearance styles of definition for the item shown in source container.When there is different trigger events, different appearance styles can be triggered and be applied to item and represent.Exemplary trigger event can be that item represents staying in container object on commitment positions, item represents and to input according to set motor pattern or the movement on set direction, the user that changes the current appearance pattern associated with container object, etc.

In some implementations, each source container can also for item represent definition one or more when item represent shift out source container object and on the region moving on to underproof landing target container time appearance style.When item represents on different defective landing target containers, source container can represent for item the appearance style that definition is different.

In some implementations, each potential landing target container also can define one or more appearance styles when item represents in the dropping zone moving on to potential landing target container.Often kind of appearance style also can have different trigger events, and when the trigger event of specific appearance pattern being detected, the item that the appearance style associated with this trigger event can be applied to the dropping zone having entered potential landing target container represents.In the example above, the List View outward appearance that 124 middle terms of trooping illustrated in figure 1f represent and the large icons outward appearance that 134 middle terms of trooping shown in Fig. 1 O represent are the examples being applied to the appearance style that item represents.

In some implementations, often kind of appearance style can specify one or more layer for item represents.Every one deck can correspond to the one-component (such as, icon image, word tag etc.) that item represents.Every one deck can have one or more relating attribute controlling the position of this layer, size, color and other appearance attribute.Every one deck can also with control when item represents the Attribute Association of the animation style becoming another kind of outward appearance real component from a kind of outward appearance.The attribute associated with the different layers that item represents can be different from each other.

In some implementations, the appearance style provided by different vessels object can have the layer of varying number.How every one deck can also represent from item when item represents and changes its outward appearance according to different appearance styles from regulation introduces or the Attribute Association of shielding layer.Such as, word tag layer can have the relating attribute how authentic language label can add the animation style (such as, eject, fade in, slip into from the left side) that item represents to.For another example, word tag layer can have how regulation can represent the animation style (such as, fade out, lighten, skid off to the right) of removing word tag another relating attribute from item.

Each source container object can also represent one or more formation patterns of definition for the item presented near current pointer in this container object and/or on underproof landing target.The example of formation can be cluster configurations, the maintenance alignment placement in maintenance alignment placement, row or multiple row in list that free arrangement layout, the item that shows near pointer current location that container middle term represents represent, etc.Similarly, each potential landing target container also can represent one or more formation patterns when item represents the dropping zone entering this potential landing target container of definition for item.Such as, in potential landing target container, near respective desired location, illustrate that the preview formation that item represents can realize according to the formation pattern specified by this potential landing target container.

As described herein, the appearance style associated with each container object and formation pattern can be specified according to API by container object.The different outward appearance represented and item represent that the different formations of set can be generated according to the different appearance style of correlated source container object and/or potential landing target container and formation pattern by operating system.Operating system or can be detected arrival by operating system and determines which kind of appearance style and/or formation pattern will be applied to item and represent based on the current existence of which trigger event associated with formation pattern from different appearance style.Display can be presented according to the attribute that appearance style associates with formation pattern by operating system from a kind of outward appearance to another kind of outward appearance with from a kind of formation to the animation of the transformation of another kind of formation.

For the example process of drag and drop item in the user interface

Fig. 2 A is the startup process flow diagram for make the expression of selected item pointer current location near form the example process 200 of trooping of response to the operation (such as, drag operation) of selected item.

In example process 200, receive input (202).Input can be in the user interface to the pointer movement of the item start-up operation (such as, drag operation) selected by one or more.Respond this input, operating system can make to present animation.In this animation, the respective expression of one or more selected item can be moved towards the current location of user interface pointer and be formed troop (204) near the current location of pointer in these respective original position from user interface.

In some implementations, troop and comprise representing with one or more selected item of stacked arrangement.In some implementations, it is extensible for trooping, and each showing selected item to respond set input command represents separately.In some implementations, the motion that user interface middle term represents is asynchronous.

In some implementations, in example process 200, operating system can make counting indicator present near trooping, and this counting indicator shows the counting that middle term of trooping represents.

In some implementations, the pointer in user interface is finger on touch-sensitive display or pointer.In some implementations, the pointer in user interface is the cursor of mouse, trace ball, the finger in touch sensitive surface or pointer.In some implementations, be independent variable in the scope that the respective position that represents of item is set in the cluster.

Fig. 2 B is the process flow diagram of following the example process 210 of the lasting movement of pointer for the expression of the middle selected item that makes to troop.In example process 210, the lasting movement (212) of the pointer pulling one or more selected item in the user interface can be detected.Continue mobile in response to this, operating system trooping of representing of animation display items can follow the lasting movement (214) of pointer.

In some implementations, while the lasting movement of following pointer, each expression in trooping can be moved along the path of the respective independent in path that other represents in trooping with this.In some implementations, while the lasting movement of following pointer, each expression in trooping can other represents and to move with different speed from this is trooped.

Fig. 3 be move to for trooping of representing at item the container that appearance style different from associate in change the process flow diagram of the example process 300 of the outward appearance that item represents.

In some implementations, in the user interface from the first selection of container one or more, and the expression of each has respective first outward appearance associated with the first container.In process 300, the current location that can detect pointer is arranged in the dropping zone (302) of user interface second container.When the current location of pointer remains in the dropping zone of second container, operating system can make the expression of selected item adopt the second respective outward appearance, wherein, if the second respective outer appearnce is similar to these will be put into the respective expection outward appearance (304) that item in second container represents.

In some implementations, each in first container and second container is the window on desktop or desktop, first container and each in second container associate with large icons view, small icon view, List View, row view or picture view respectively, and often kind of view is all in free arrangement state or keeps ordered state.

In some implementations, the first container and at least one in second container are that application window and this application window can operate into present selected item in the view of this application definition.In some implementations, the application definition view of selected item is that application programming interface (API) by associating with user interface defines.

Fig. 4 A is for illustrating that item to represent in potential target container the process flow diagram of its example process 400 of preview at desired location place separately.

In example process 400, the expression that can detect claims in second container by the input (402) of preview put down.In response to this input being detected, operating system the expression of animation display selected item can depart from and troop and move towards their respective desired location in second container, and wherein respective desired location is that these represent the position (404) that will have if this will be put in second container.In some implementations, the input of preview is asked to be staying of extending on the dropping zone of second container of pointer.

In some implementations, the expression of selected item is shown as corresponding translucent coating near these respective desired location or its.

In some implementations, in selected item, the desired location of at least one is in the current in the user interface sightless region of second container, and this at least one expression departs from and troops and move in the invisible area of second container along the respective paths in user interface.

Fig. 4 B is the process flow diagram of the example process 410 for putting down selected item in potential target container.

In example process 410, the input (412) one or more selected item is discharged in second container dropping zone can be detected.Input in response to this release, operating system can make one or more selected item insert the respective desired location (414) of selected item in second container.

In some implementations, for its separately the item of desired location in second container visibility region represent, when item is inserted into after this corresponding desired location completes, item represents and can become opaque state from translucent.

Fig. 5 is not put into selected item the process flow diagram of the example process 500 potential target container for removing from potential target container after preview.

In example process 500, the movement (502) that pointer leaves second container can be detected.In response to the movement leaving second container, operating system the animation respective expression that shows this one or more selected item can move from these respective desired location second container towards pointer current location and rejoins troop (504) near pointer current location.

Fig. 6 is the process flow diagram representing the example process 600 of the preview of its desired location in potential target container for determining whether to present item.

In example process 600, operating system can monitor that pointer pulls the motion feature (602) of the expression of one or more selected item in the user interface.When determining that the motion feature of pointer on second container dropping zone meets set standard, operating system can make the expression of selected item adopt respective the second outward appearance (604).In some implementations, the motion feature of pointer is one or more in the speed of pointer and acceleration, and set standard specifies to make the expression of item adopt its speed of the second outward appearance or eigenwert of acceleration separately.In some implementations, the eigenwert of speed or acceleration is user-defined value.

Fig. 7 is the process flow diagram of the example process 700 for changing the outward appearance that item represents when Xiang Congyi container being drawn to another container.

In example process 700, can receive the input respective expression of one or more selected item is dragged to from the first container the dropping zone of second container, wherein each respective expression all has respective the first outward appearance (702) associated with the first container.When the respective expression of this one or more selected item is in the dropping zone of second container at least in part, operating system can make the expression of selected item adopt the second respective outward appearance, if the second wherein respective appearance model this to be put in second container this expection outward appearance (704) represented.

In some implementations, each the first respective outward appearance is defined by application programming interface (API) by the first container, and each the second respective outward appearance is defined by API by second container.

In some implementations, the expression of each to comprise in the first and second outward appearances for this at least one two or more layers, and the respective expression of one or more selected item can show with animation, the respective transformation of the second outward appearance from the first outward appearance of item to item is described, wherein respective animation performs, this transformation to be described the every one deck in two or more layer.

In some implementations, the every one deck in this two or more layer is all associated with the corresponding animation style for the corresponding animation performed this layer.

In some implementations, when the respective expression of one or more selected item is arranged in underproof landing order target area at least in part, the expression of selected item can be made to adopt the 3rd respective outward appearance associated with the first container.In some implementations, the 3rd respective outward appearance is defined by application programming interface (API) by the first container.

In some implementations, when with its separately first outward appearance display time, the respective expression of selected item is in the first formation, and when with its separately second outward appearance display time, the respective expression of selected item is in the second formation, wherein the first formation is defined by application programming interface (API) by the first container, and the second formation is formed by API by second container.

Above process is only example.The various combinations of above process are all possible.

Example software architecture

Fig. 8 A is the example software architecture for realizing with reference to the process described by figure 1-7 and user interface.In some implementations, the program module realizing these processes can be a part for the framework in stack or software architecture.Example software stack 800 can comprise application layer 802, ccf layer 804, service layer 806, OS layer 808 and hardware layer 810.Application (such as, Email, word processing, text message etc.) can be combined with the function hook (functionhook) of accessibility API.Ccf layer 804 can comprise drag and drop UI and revise engine 812.Drag and drop UI revises engine 812 can carry out API Calls to the graphical services in service layer 806 or OS layer 808 or storehouse, to perform with reference to whole or some tasks described by figure 1-7.Drag and drop UI revises engine 812 can also carry out API Calls to application layer 802, to obtain the necessary information of definition display object, and determines position and the content area of this display object according to description disclosed in this specification.Drag and drop UI revises engine 812 can also carry out API Calls, to perform its all or some task to the service in service layer 806 or OS layer 808 or storehouse (such as, text service).

Service layer 806 can provide various figure, animation and UI to serve, and supports that drag and drop UI revises the application (such as, electronic mail editing application) in the graphing capability of engine 812 and application layer 802.In some implementations, service layer 806 can also comprise for from touch-sensitive device original touch data interpretation and be mapped to touch event (such as, gesture, rotation) touch model, this touch event can be visited touching the calling convention that define in model API by applications exploiting.Service layer 806 can also comprise the communication software stack for radio communication.

OS layer 808 can be complete operating system (such as, MACOS) or kernel (such as, UNIX kernel).Hardware layer 810 comprises execution with reference to the necessary hardware of task described by figure 1-7, include but not limited to: processor or process core (comprise application and communications baseband processor), special signal/image processor, ASIC, graphic process unit are (such as, GNU), storer and memory device, communication port and equipment, peripherals, etc.

In some implementations, one or more application programming interface (API) can be used.API is the interface realized by program code means or hardware component (hereinafter referred to " API realizes parts "), and it allows different program code means or hardware component (hereinafter referred to " API Calls parts ") to access and use to realize one or more function that parts provide, method, process, data structure, class and/or other service by API.API can be defined in one or more parameter that API Calls parts and API realize transmitting between parts.

API allows developer's (this can be third party developer) of API Calls parts to make full use of (leverage) and realizes by API the regulation feature that parts provide.API Calls parts can be had or more than one this parts can be had.API can be to support carrying out the services request of self-application and the source code interface provided by computer system or routine library.Operating system (OS) multiple API can be had allow in those API of application call operated on this OS one or more, and service (such as routine library) can have multiple API to allow one or more in those API of application call using this service.API can be used in the programming language can explained or compile when setting up application and specify.

In some implementations, API realizes parts can provide more than one API, and each API provides access realize the different views of functional different aspect that parts realize by API or have different aspect.Such as, the API that API realizes parts can provide first group of function and can be exposed to third party developer, and another API that this API realizes parts can be hiding (not exposing) and the subset of first group of function is provided but also another group function not in first group of function is provided, such as test or debug function.In other realizes, API realizes parts oneself itself can through one or more other parts of lower floor's API Calls, are therefore API Calls parts and API realizes parts.

API defines the language and parameter that API Calls parts use when access and use API realize the regulation feature of parts.Such as, API Calls parts by one or more (such as being embodied by function or method call) API Calls of being exposed by API or enable access API realize parts regulation feature and via API Calls or enable and utilize Parameter transfer data and control information.In response to the API Calls from API Calls parts, API realizes parts can by API rreturn value.Although API defines grammer and the result (such as, how to enable API Calls and what does with this API Calls) of API Calls, API may not appear the function how API Calls realizes being specified by this API Calls.Various API Calls is calling (API Calls parts) and API realizes transmitting between parts via one or more application programming interface.Transmit API Calls can comprise issue, start, enable, call, receive, to return or response function calls or message; In other words, transmit to describe and realize by API Calls parts or API the action that parts carry out.The function call of API or other enable and can be sent by parameter list or other structure or receive one or more parameter.Parameter can be constant, key assignments, data structure, object, object class, variable, data type, pointer, array, list or to the pointer quoting data or other function or method or other approach that will transmit through this API.

In addition, data type or class can be provided by API and realize parts by API and realize.Thus, API Calls parts can state variable, use point to variable pointer, by using in API the definition provided to use or the constant value of this type of instantiation or class.

Generally speaking, API may be used for accessing and realizes service that parts provide or data by API or start the execution being realized operation that parts provide or calculating by API.As an example, API realize parts and API Calls parts can eachly be operating system, storehouse, device driver, API, any one (should be appreciated that API realizes parts and API Calls parts can be the module of type of being same to each other or different to each other) in application program or other module.In some cases, API realizes parts and can embody with firmware, microcode or other hardware logic at least in part.In some implementations, API can allow client-side program to use the service provided by software development kit (SDK) storehouse.In other realizes, application or other client-side program can use the API provided by application framework.In these realize, application or client-side program can in conjunction with to provided by SDK and the calling of the function that provided by API or method, or be used in definition in SDK and the data type provided by API or object.In these realize, application framework can provide the main event responding the various events defined by this framework circulation for program.API allows application regulation event and utilizes this application framework to respond these events.In some implementations, API Calls can to the ability of application report hardware device or state, comprise those abilities in such as input capability and state, fan-out capability and state, processing power, power rating, storage capacity and state, communication capacity etc. or state, and API can partly by firmware, microcode or other rudimentary logic realization of partly performing on hardware component.

API Calls parts can be local parts (that is, realizing in the identical data handling system of parts with API) or the distal component (that is, realizing in the different data handling system of parts with API) being realized component communication through network by API and API.Be to be understood that, (namely API realizes parts also can serve as API Calls parts, it can carry out API Calls to the API being realized component exposed by different API), and API Calls parts also can serve as API by the API realizing being exposed to different API Calls parts and realize parts.

API can allow multiple API Calls parts of writing with different programming language and API to realize component communication (thus, API can comprise for realizing at API translating the feature called and return between parts and API Calls parts); But API can realize with specific programming language.In one embodiment, API Calls parts can call the API from different supplier, such as from one group of API of OS supplier and another another group API organizing API and organize the founder of API from another supplier (such as, the supplier of software library) or another from plugged-in provider.

Fig. 8 B is the block diagram of illustrated example API architecture, uses in the realization that this architecture can change in processes more disclosed herein and user interface.As seen in fig. 8b, API architecture 820 comprises the API realizing API824 and realizes parts 822(such as, operating system, storehouse, device driver, API, application program, software or other module).API824 specifies that the API that can be used by API Calls parts 826 realizes one or more functions of parts, method, class, object, agreement, data structure, form and/or further feature.API824 can specify at least one calling convention, and this convention specifies how how the function that API realizes in parts return results to API Calls parts from API Calls parts receiving parameter and this function.API Calls parts 826(such as, operating system, storehouse, device driver, API, application program, software or other module) carry out API Calls by API824, visit and use the API specified by API824 to realize the feature of parts 822.In response to API Calls, API realizes parts 822 can by API824 to API Calls parts 826 rreturn value.

Will be appreciated that, API realize parts 822 can comprise do not specified by API824 and also the disabled additional function of API Calls parts 826, method, class, data structure and/or further feature.Should be appreciated that API Calls parts 826 can realize parts 822 on the same system or can be positioned at far-end and access API through network utilisation API824 and realize parts 822 with API.Although Fig. 8 B describes the single API Calls parts 826 mutual with API824, should be appreciated that other API Calls parts with the language (or identical language) different from API Calls parts 826 is write also can use API824.

API realizes parts 822, API824 and API Calls parts 826 and can be stored in machine readable media, and this medium comprises any mechanism storing information for the form readable with machine (such as, computing machine or other data handling system).Such as, machine readable media comprises disk, CD, random access memory, ROM (read-only memory), flash memory device etc.

In Fig. 8 C, (" software stack " 830) shows a kind of exemplary realization, and wherein application can utilize several AP services I(AP services IA and service APIB) service A832 or service B834 is called and utilizes several operating system (OS) API to call OS836.Service A832 and service B834 can utilize several OSAPI to call OS836.

It should be pointed out that service B834 has two API, one of them (service BAPIA838) receives from application A840 and to call and to its rreturn value, and another (service BAPIB842) receives from application B844 and to call and to its rreturn value.It can be such as software library to serve A832() OSAPIA846 is called and receives rreturn value from it, and it can be such as software library to serve B834() OSAPIA846 and OSAPIB848 is called and receives rreturn value from it.Application B844 calls OSAPIB848 and receives rreturn value from it.

EXEMPLARY MOBILE DEVICE architecture

Fig. 9 is the block diagram of the example hardware architecture of the equipment realized with reference to the drag and drop UI modification process described in figure 1-8 and interface.Equipment can comprise memory interface 902, one or more data processor, image processor and/or processor 904 and peripheral interface 906.Memory interface 902, one or more processor 904 and/or peripheral interface 906 can be independently parts or can be integrated in one or more integrated circuit.Such as, all parts in equipment can be coupled by one or more communication bus or signal wire.

Sensor, equipment and subsystem can be coupled to peripheral interface 906, to facilitate several functions.Such as, motion sensor 910, optical sensor 912 and proximity transducer 914 can be coupled to peripheral interface 906, to facilitate the orientation of mobile device, illumination and close to function.Location processor 915(such as, gps receiver) peripheral interface 906 can be connected to, to provide geo-location.Electronic magnetometer 916(such as, integrated circuit (IC) chip) also can be connected to peripheral interface 906, to provide the data in the direction that can be used for determining magnetic north pole.Thus, electronic magnetometer 916 can be used as digital compass.Accelerometer 917 also can be connected to peripheral interface 906, to provide the data of translational speed and the direction change that may be used for determining mobile device.

Camera subsystem 920 and optical sensor 922, such as charge-coupled device (CCD) or complementary metal oxide semiconductor (CMOS) (CMOS) optical sensor, may be used for facilitating camera-enabled, such as recording photograph and video clipping.

Communication function can be promoted by one or more radio communication subsystem 924, and these communication subsystems can comprise radio frequency receiver and transmitter and/or light (such as, infrared ray) receiver and transmitter.The specific design of communication subsystem 924 and realization can depend on the communication network that mobile device will operate thereon.Such as, mobile device can comprise the communication subsystem 924 being designed to operate on GSM network, GPRS network, EDGE network, Wi-Fi or WiMax network and blueteeth network.Especially, radio communication subsystem 924 can comprise host's agreement (hostingprotocol), makes mobile device can be configured as base station for other wireless device.

Audio subsystem 926 can be coupled to loudspeaker 928 and microphone 930, to facilitate voice-enabled function, and such as speech recognition, speech reproduction, digital recording and telephony feature.

I/O subsystem 940 can comprise touch screen controller 942 and/or other input control device 944.Touch screen controller 942 can be coupled to touch-screen 946 or touch pad.Touch-screen 946 and touch screen controller 942 can such as utilize in multiple touch-sensitive technology any one detect and contact and move or it interrupts, include but not limited to condenser type, resistance-type, infrared ray and surface acoustic wave technique, and for determining and other proximity sensor arrays of one or more contact point of touch-screen 946 or other element.

Other input control device 944 can be coupled to other input/control devices 948, such as the indication equipment of one or more button, rocker switch, thumb roller, infrared port, USB port and/or such as pointer.One or more button (not shown) can comprise the up/down button that the volume for loudspeaker 928 and/or microphone 930 controls.

In one implementation, the locking that the first duration can untie touch-screen 946 pressed by button; And the power supply that second duration longer than the first duration can be switched on or switched off equipment pressed by button.User may can customize the function of one or more button.Touch-screen 946 can also such as realizing virtual or soft key and/or keyboard.

In some implementations, equipment can present recorded audio frequency and/or video file, such as MP3, AAC and mpeg file.In some implementations, equipment can comprise MP3 player (such as iPod ^tM) function.Therefore, equipment can comprise the pin connectors with iPod compatibility.Other I/O and opertaing device also can use.

Memory interface 902 can be coupled to storer 950.Storer 950 can comprise high-speed random access memory and/or nonvolatile memory, such as one or more disk storage device, one or more light storage device and/or flash memories (such as, NAND, NOR).Storer 950 can store operating system 952, such as Darwin, RTXC, LINUX, UNIX, OSX, WINDOWS, or the embedded OS of such as VxWorks.Operating system 952 can comprise for the treatment of basic system services and the instruction for performing the task of relying on hardware.In some implementations, operating system 952 can comprise kernel (such as, UNIX kernel).

The all right storing communication instruction 954 of storer 950, to facilitate and one or more optional equipment, one or more computing machine and/or one or more server communication.Storer 950 can comprise the graphic user interface instruction 956 facilitating graphic user interface process; The sensor processing instruction 958 of the convenient process relevant to sensor and function; The telephone order 960 of the convenient process relevant to phone and function; The electronic information instruction 962 of the convenient process relevant to electronic information and function; The network browsing instruction 964 of the convenient process relevant to network browsing and function; The media processing instruction 966 of the convenient process relevant to media processing and function; Conveniently to the GPS/ navigation instruction 968 of GPS with navigate relevant process and function; And the camera instruction 970 of the convenient process relevant to camera and function.Storer 950 can also store other software instruction (not shown), such as the shopping at network instruction of safety instructions, the process facilitating the Internet video instruction of the process relevant to Internet video and function and/or convenience and shopping at network to be correlated with and function.In some implementations, media processing instruction 966 is divided into audio frequency processing instruction and the Video processing instruction of the convenient process relevant to audio frequency process and function and the process of being correlated with Video processing and function respectively.Activation record and international mobile equipment identification number (IMEI) or similar hwid also can be stored in storer 950.Storer 950 can also comprise other instruction 972.

Instruction listed above can correspond to one group of instruction for performing one or more function above-mentioned with each in application.These instructions do not need to be embodied as independent software program, process or module.Storer 950 can comprise additional instruction or less instruction.In addition, the various functions of mobile device can realize at hardware and/or in software, are included in one or more signal transacting and/or special IC and realize.

Described feature can realize in Fundamental Digital Circuit or in computer hardware, firmware, software or its combination.These features can realize in the computer program that performed by programmable processor being tangibly embodied in (in such as machine readable storage device) in information carrier; And method step can be performed by the programmable processor of execution of programs of instructions, to export by operation input data and generation the function performing described realization.

Described feature can advantageously realize in one or more computer program that can perform on programmable system, and wherein programmable system comprises being coupled into and receives data and instruction from data-storage system, at least one input equipment and at least one output device and send at least one programmable processor of data and instruction to it.Computer program is can directly or indirectly in a computer for performing specific behavior or causing one group of instruction of particular result.Computer program can be write (such as with any type of programming language, OO C, Java), comprise compiling or interpreted language, and can dispose by any form, comprise as independently program or other unit of using in a computing environment as module, parts, subroutine or be suitable for.

As an example, the suitable processor for the execution of instruction repertorie comprises general and special microprocessor, and comprises in the sole processor of any type computer or multiple processor or core.Generally speaking, processor will receive instruction and data from ROM (read-only memory) or random access memory or the two.The primary element of computing machine is the processor for performing instruction and one or more storer for storing instruction and data.Generally speaking, one or more mass-memory unit that computing machine also will comprise for storing data files, or can operational coupled become to communicate with; This kind equipment comprises disk, such as internal hard drive and removable dish; Magneto-optic disk; And CD.The memory device being suitable for visibly embodying computer program instructions and data comprises the nonvolatile memory of form of ownership, as an example, comprises semiconductor memory devices, such as EPROM, EEPROM and flash memory device; Disk, such as internal hard drive and removable dish; Magneto-optic disk; And CD-ROM and DVD-ROM dish.Processor and storer can by ASIC(special ICs) supplement or be combined in ASIC.

Mutual in order to what provide with user, can the such as CRT(cathode-ray tube (CRT) for showing information to user be had) or LCD(liquid crystal display) display device and user can to provide the keyboard of input, mouse or trace ball or indication equipment (finger such as, on touch sensitive surface or touch-sensitive display or pointer) to computing machine by it computing machine on realization character.

Can comprise back-end component computer system (such as data server) in or comprise middleware component computer system (such as application server or Internet Server) in or comprise front end component computer system (such as there is the client computer of graphic user interface or Internet-browser) in or realize described feature in its combination in any.The parts of system can be connected by the digital data communication (such as communication network) of any form or medium.The example of communication network comprises such as LAN, WAN, and forms the computer and network of internet.

Computer system can comprise client and server.Client and server are come alternately by network usually away from each other and generally.The relation of client and server relies on to be run on the respective computers and the computer program each other with client-server relation occurs.

One or more feature disclosed herein or step can utilize API to realize.API can be defined in call application with provide serve, provide data or executable operations or calculating other software code (such as, operating system, storehouse routine, function) between one or more parameter of transmitting.

API can based on the calling convention defined in API specification document by parameter list or other structure be embodied as in program code send or receive one or more parameter one or more call.Parameter can be constant, key assignments, data structure, object, object class, variable, data type, pointer, array, list or another call.API Calls and parameter can realize in any programming language.Programming language can define programming personnel by with visiting the vocabulary of function and calling convention of supporting API.

In some implementations, API Calls can run the ability of the equipment of this application to application report, such as input capability, fan-out capability, processing power, power capability, communication capacity etc.

Describe multiple realization.But, should be appreciated that and can carry out various amendment.Such as, one or more elements realized can combine, delete, revise or supplement, to form further realization.As another example, in order to realize the result expected, the logic flow drawn in figure must not be shown certain order or sequential order.In addition, other step can be provided for described flow process, or can therefrom remove some steps, and other parts can add described system to, or can therefrom remove some parts.Therefore, other realizes also within the scope of claim.

Claims (20)

1. a method for the item in managing user interface, the method comprises:

Computing equipment place having display and one or more input equipment:

Over the display display be arranged in user interface to constant volume device two or more selected by the expression of item, the expression of described item selected by two or more has spatial relationship in described container;

While the expression of the item over the display described in display selected by two or more, receive the first input via described one or more input equipment, this first input corresponds to the movement of pointer in described container;

In response to the first input, while spatial relationship between the expression of the item described in keeping selected by two or more, according to pointer movement in the user interface, the expression of the item described in mobile in user interface over the display selected by two or more;

After the expression of the item described in moving while the spatial relationship between the expression of the item described in keeping selected by two or more selected by two or more, receive the second input for moving the pointer to outside described container via described one or more input equipment; And

In response to the second input received for moving the pointer to outside described container, move the pointer to outside described container over the display, and when pointer moved to described container outer time, the spatial relationship between the expression changing described item selected by two or more with formed near pointer described represent troop.

2. the method for claim 1, wherein when formed in the user interface troop time, the motion of the expression of described item selected by two or more is asynchronous.

3. the method for claim 1, also comprises:

After formation is trooped, near counting indicator being presented on troop, the display of this counting indicator troop in the counting that represents of item.

4., the method for claim 1, wherein after formation is trooped, when following pointer lasting mobile, in trooping, each represents along the path of other respective independent in path represented in trooping with this and moves.

5. the method for claim 1, also comprises:

Select from the first container user interface described two or more, the expression of wherein said item selected by two or more has the first respective outward appearance associated with this first container;

Detect in the dropping zone of the current location second container in the user interface of pointer; And

When the current location of pointer remains in the dropping zone of second container, make the second respective outward appearance that the expression employing of described item selected by two or more associates with second container.

6. method as claimed in claim 5, also comprises:

The expression of the described item selected by two or more of the request that detects in second container by the input of preview put down; And

In response to this input being detected, the expression of the described item selected by two or more of animation display departs from troops and their respective desired location move in second container.

7. method as claimed in claim 6, also comprises:

Detect the movement that pointer leaves second container; And

In response to the movement leaving second container, the respective expression of the described item selected by two or more of animation display is moved from the respective desired location of item described in second container towards the current location of pointer and is rejoined near the current location of pointer and troops.

8. a system for the item in managing user interface, comprising:

One or more processor; And

Storer, it stores instruction, when described instruction is performed by one or more processor, described one or more processor is performed and comprises following operation:

Over the display display be arranged in user interface to constant volume device two or more selected by the expression of item, the expression of described item selected by two or more has spatial relationship in described container;

While the expression of the item over the display described in display selected by two or more, receive the first input via one or more input equipment, this first input corresponds to the movement of pointer in described container;

In response to the first input, while spatial relationship between the expression of the item described in keeping selected by two or more, according to pointer movement in the user interface, the expression of the item described in mobile in user interface over the display selected by two or more;

After the expression of the item described in moving while the spatial relationship between the expression of the item described in keeping selected by two or more selected by two or more, receive the second input for moving the pointer to outside described container via described one or more input equipment; And

In response to the second input received for moving the pointer to outside described container, move the pointer to outside described container over the display, and when pointer moved to described container outer time, the spatial relationship between the expression changing described item selected by two or more with formed near pointer described represent troop.

9. system as claimed in claim 8, wherein when formed in the user interface troop time, the motion of the expression of described item selected by two or more is asynchronous.

10. system as claimed in claim 8, wherein, after formation is trooped, when following pointer lasting mobile, in trooping, each represents along the path of other respective independent in path represented in trooping with this and moves.

11. systems as claimed in claim 8, wherein said operation also comprises:

Select from the first container user interface described two or more, the expression of wherein said item selected by two or more has the first respective outward appearance associated with this first container;

Detect in the dropping zone of the current location second container in the user interface of pointer; And

When the current location of pointer remains in the dropping zone of second container, make the second respective outward appearance that the expression employing of described item selected by two or more associates with second container.

12. systems as claimed in claim 11, wherein said operation also comprises:

The expression of the described item selected by two or more of the request that detects in second container by the input of preview put down; And

In response to this input being detected, the expression of the described item selected by two or more of animation display departs from troops and their respective desired location move in second container.

13. systems as claimed in claim 12, wherein said operation also comprises:

Detect the movement that pointer leaves second container; And

In response to the movement leaving second container, the respective expression of the described item selected by two or more of animation display is moved from the respective desired location of item described in second container towards the current location of pointer and is rejoined near the current location of pointer and troops.

14. 1 kinds of computing equipments, comprising:

Display, be configured to show user interface, described user interface is included in the expression of the item selected by two or more in constant volume device, and the expression of described item selected by two or more has spatial relationship in described container;

Input equipment, receives the first input while being configured to the expression of the item described in showing over the display selected by two or more, this first input corresponds to the movement of pointer in described container; And

Processor, be configured in response to the first input, while spatial relationship between the expression of the item described in keeping selected by two or more, according to pointer movement in the user interface, the expression of the item described in mobile in user interface over the display selected by two or more;

Wherein, after the expression of the item described in described input equipment moves while being also configured to the spatial relationship between the expression of the item described in keeping selected by two or more selected by two or more, receive the second input for moving the pointer to outside described container; And

Described processor is also configured to the second input in response to receiving for moving the pointer to outside described container, move the pointer to outside described container over the display, and when pointer moved to described container outer time, the spatial relationship between the expression changing described item selected by two or more with formed near pointer described represent troop.

15. computing equipments as claimed in claim 14, wherein when formed in the user interface troop time, the motion of the expression of described item selected by two or more is asynchronous.

16. computing equipments as claimed in claim 14, wherein said processor is also configured to:

After formation is trooped, near counting indicator being presented on troop, the display of this counting indicator troop in the counting that represents of item.

17. computing equipments as claimed in claim 14, wherein, after formation is trooped, when following pointer lasting mobile, in trooping, each represents along the path of other respective independent in path represented in trooping with this and moves.

18. computing equipments as claimed in claim 14, wherein, described two or more select from the first container user interface, and the expression of described item selected by two or more has the first respective outward appearance associated with this first container, and described processor is also configured to:

Detect in the dropping zone of the current location second container in the user interface of pointer; And

When the current location of pointer remains in the dropping zone of second container, make the second respective outward appearance that the expression employing of described item selected by two or more associates with second container.

19. computing equipments as claimed in claim 18, wherein said processor is also configured to:

The expression of the described item selected by two or more of the request that detects in second container by the input of preview put down; And

In response to this input being detected, the expression of the described item selected by two or more of animation display departs from troops and their respective desired location move in second container.

20. computing equipments as claimed in claim 19, wherein said processor is also configured to:

Detect the movement that pointer leaves second container; And

In response to the movement leaving second container, the respective expression of the described item selected by two or more of animation display is moved from the respective desired location of item described in second container towards the current location of pointer and is rejoined near the current location of pointer and troops.