CN104866176A - Navigation method of icon dragging grouping - Google Patents
Navigation method of icon dragging grouping Download PDFInfo
- Publication number
- CN104866176A CN104866176A CN201510272291.4A CN201510272291A CN104866176A CN 104866176 A CN104866176 A CN 104866176A CN 201510272291 A CN201510272291 A CN 201510272291A CN 104866176 A CN104866176 A CN 104866176A
- Authority
- CN
- China
- Prior art keywords
- icon
- grouping
- drag
- dragging
- change position
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Abstract
The invention relates to the technical field of icon display based on a webpage, in particular to a navigation method of icon dragging grouping, and the method comprises the steps of dragging equipment icons, and clicking the equipment icons to be subject to position changing or groping and dragging; dragging to a designated position, when the icons are dragged to left and right boundaries, rolling an interface to the designated position to finish the position changing or grouping, and when the icons are dragged to upper and lower boundaries, entering a thumbnail view to conveniently fast position to the designated position so as to finish the position changing or dragging; saving newly sorted positions, and saving position information of the equipment icons subject to position changing or grouping. After the method is adopted, free sorting and grouping are increased, the interaction operation of new sorting is saved, the aim of position changing or grouping is achieved by rolling the interface to the designated position when the icons are dragged to the left and right boundaries, the icons are dragged to the upper and lower boundaries and enter the thumbnail view to be conveniently fast positioned to the designated position so as to achieve the aim of position changing or grouping , and position changing or grouping can be performed in batches.
Description
Technical field
The present invention relates to the icon shows technical field based on webpage, the air navigation aid of particularly a kind of icon drag grouping.
Background technology
Along with the develop rapidly of internet, browser is no longer only used for representing web content, along with the appearance of HTML5 technology, Web enters a ripe application platform, on HTML5 platform, video, audio frequency, image, animation, and be all standardized with the mutual of computer.Nowadays man-machine interaction, people nets becomes normality alternately, we can not be satisfied with simple picture and word on webpage and show, when managing high in the clouds file, file, application etc. especially on a web browser, we more wish can displaying by all means and operation as native operating sys-tern.
Icon shows interface at present based on webpage is the icon shows on fixed position mostly, lacks and on webpage, directly to drag change position and divide into groups to it and preserve the interactive operation of up-to-date sequence.
Chinese invention patent application CN 104216699A discloses a kind of icon shows method based on HTML5, comprises the following steps: by obtaining icon data or from receiving from the icon data of third-party application from server; Carry out improving and objectification process to icon data; The establishment of icon graphic is carried out according to the icon data after process; Icon is sorted, shows group by group;
The displaying of sort to described icon, dividing into groups is further comprising the steps of: rearrange icon data according to the arrangement mode in arranging; According to the packet mode in arranging, icon data is divided into groups; Icon is created according to icon data; By calculation icon position the icon of establishment arranged in an orderly manner and be shown to the icon shows space of a whole page;
Described icon is shown that icon is placed on different regions by grouping respectively that also comprise according to icon, the method is particularly useful for the desktop icons of the virtual opetrating system based on HUML5, so same group icon is placed on the same area, user is facilitated to search desktop icons, easy to operate;
The described methods of exhibiting based on HTML5 also comprises: arrange user operation monitoring by interface alternation module to the icon shown, the information that reception user modifies to icon, returns to server by amended icon information or third-party application carries out processing and preserving;
Described interface alternation module also comprises two kinds of operator schemes, a kind of operator scheme for being suitable for mouse and keyboard cooperation, another kind of for being applicable to the operator scheme of touch-screen.
The method of auto-sequencing, grouping disclosed in foregoing invention patented claim is not the method for interactive operation, and is unfavorable for carrying out picture mark position change and division operation quickly and easily.
Summary of the invention
The technical issues that need to address of the present invention provide a kind of air navigation aid realizing changing position and grouping by dragging icon to assigned address.
For solving above-mentioned technical matters, the air navigation aid of a kind of icon drag grouping of the present invention, comprises the following steps,
Appliance icon drags, and clicks and needs the appliance icon of change position or grouping and drag;
Drag to assigned address, when dragging icon has come change position or grouping to making interface rolling motion during right boundary to assigned address, when dragging icon enters thumbnail view so that quick position has come change position or grouping to assigned address to up-and-down boundary;
New sort position is preserved, and has preserved the positional information of the appliance icon of change position or grouping.
Further, placeholder is created in the original position of appliance icon when appliance icon drags.
Further, complete sequence from thumbnail divide into groups and add flicker effect to driven equipment icon after reducing.
Further, multiple appliance icon can be chosen to carry out mass change position or grouping when appliance icon drags simultaneously.
Further, when carrying out mass change position or grouping, the multiple appliance icon chosen indicate the total quantity of appliance icon.
After adopting said method, invention increases and freely sort and divide into groups and preserve the interactive operation of new sort, drag icon and carry out the object of change position or grouping to making interface rolling motion during right boundary to assigned address, drag icon and enter thumbnail view so that quick position has carried out the object of change position or grouping to assigned address to up-and-down boundary, can also mass change position or grouping be carried out.
Accompanying drawing explanation
Below in conjunction with the drawings and specific embodiments to being originally described in further detail.
Fig. 1 changes position view in present device icon set or between group.
Fig. 2 is that present device icon drag is to assigned address schematic diagram.
Fig. 3 is the schematic diagram that present device icon drag enters thumbnail.
Fig. 4 is the schematic diagram that multiselect icon of the present invention carries out mass change position.
In figure: 1 is appliance icon, 2 is placeholder, and 3 is the appliance icon in dragging
Embodiment
The air navigation aid of a kind of icon drag grouping of the present invention, comprises the following steps,
Appliance icon drags, and clicks and needs the appliance icon of change position or grouping and drag.As shown in Figure 1, comprise two equipment marshallings, equipment marshalling 01 and equipment marshalling 02.Equipment marshalling 01 and equipment marshalling 02 comprise multiple appliance icon 1, and each appliance icon 1 comprises the performance parameter of implementor name, device IP list and equipment.Need now the appliance icon in mobile device marshalling 01, choose the appliance icon needing to change position or grouping then to drag, the appliance icon 3 in dragging in figure is exactly the appliance icon needing to change position or grouping.When appliance icon drags, in order to the original position of retaining device is so that put back to original position by equipment, create placeholder 2 in the original position of appliance icon.
Drag to assigned address, as shown in Figures 2 and 3, when dragging icon has come change position or grouping to making interface rolling motion during right boundary to assigned address, when dragging icon enters thumbnail view so that quick position has come change position or grouping to assigned address to up-and-down boundary.Complete sequence from thumbnail view divide into groups and add flicker effect to driven equipment after reducing, conveniently navigate to the equipment of new sort.
New sort position is preserved, and has preserved the positional information of the appliance icon of change position or grouping.
Further, as shown in Figure 4, multiple appliance icon can be chosen to carry out mass change position or grouping when appliance icon drags simultaneously.In figure, choosing the second row 3 appliance icon to carry out mass change position or grouping, is black by the appliance icon housing chosen in batches, and when carrying out mass change position or grouping, total quantity devices selected icon indicating appliance icon is 3.
Although the foregoing describe the specific embodiment of the present invention; but those skilled in the art are to be understood that; these only illustrate; various changes or modifications can be made to present embodiment; and not deviating from principle and the essence of invention, protection scope of the present invention is only defined by the appended claims.
Claims (5)
1. an air navigation aid for icon drag grouping, is characterized in that, comprise the following steps:
Appliance icon drags, and clicks and needs the appliance icon of change position or grouping and drag;
Drag to assigned address, when dragging icon has come change position or grouping to making interface rolling motion during right boundary to assigned address, when dragging icon enters thumbnail view so that quick position has come change position or grouping to assigned address to up-and-down boundary;
New sort position is preserved, and has preserved the positional information of the appliance icon of change position or grouping.
2., according to the air navigation aid of a kind of icon drag grouping according to claim 1, it is characterized in that: when appliance icon drags, create placeholder in the original position of appliance icon.
3. according to the air navigation aid of a kind of icon drag grouping according to claim 1, it is characterized in that: complete sequence from thumbnail and divide into groups and flicker effect added to driven equipment icon after reducing.
4., according to the air navigation aid of a kind of icon drag grouping according to claim 1, it is characterized in that: when appliance icon drags, multiple appliance icon can be chosen to carry out mass change position or grouping simultaneously.
5., according to the air navigation aid of a kind of icon drag grouping according to claim 4, it is characterized in that: when carrying out mass change position or grouping, the multiple appliance icon chosen indicate the total quantity of appliance icon.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510272291.4A CN104866176A (en) | 2015-05-26 | 2015-05-26 | Navigation method of icon dragging grouping |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510272291.4A CN104866176A (en) | 2015-05-26 | 2015-05-26 | Navigation method of icon dragging grouping |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104866176A true CN104866176A (en) | 2015-08-26 |
Family
ID=53912044
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510272291.4A Pending CN104866176A (en) | 2015-05-26 | 2015-05-26 | Navigation method of icon dragging grouping |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104866176A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105260187A (en) * | 2015-10-20 | 2016-01-20 | 北京小鸟听听科技有限公司 | Method and terminal for visualized dragging model setting |
| CN106775335A (en) * | 2016-12-01 | 2017-05-31 | 携程计算机技术（上海）有限公司 | The method and mobile terminal of similar picture dragging sequence |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101727282A (en) * | 2009-11-26 | 2010-06-09 | 广东欧珀电子工业有限公司 | Method for achieving interactive interface cartoon |
| CN102298502A (en) * | 2011-09-26 | 2011-12-28 | 鸿富锦精密工业（深圳）有限公司 | Touch type electronic device and icon page-switching method |
| CN102981704A (en) * | 2012-11-09 | 2013-03-20 | 广东欧珀移动通信有限公司 | Icon placement method and mobile terminal of display interface |
| CN103324404A (en) * | 2012-03-20 | 2013-09-25 | 宇龙计算机通信科技(深圳)有限公司 | Method for moving icon and communication terminal |
| CN103616980A (en) * | 2013-10-19 | 2014-03-05 | 广东欧珀移动通信有限公司 | Method and terminal for rapidly organizing desktop icons |
| EP2743811A1 (en) * | 2007-12-06 | 2014-06-18 | LG Electronics, Inc. | Terminal and method of controlling the same |
-
2015
- 2015-05-26 CN CN201510272291.4A patent/CN104866176A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP2743811A1 (en) * | 2007-12-06 | 2014-06-18 | LG Electronics, Inc. | Terminal and method of controlling the same |
| CN101727282A (en) * | 2009-11-26 | 2010-06-09 | 广东欧珀电子工业有限公司 | Method for achieving interactive interface cartoon |
| CN102298502A (en) * | 2011-09-26 | 2011-12-28 | 鸿富锦精密工业（深圳）有限公司 | Touch type electronic device and icon page-switching method |
| CN103324404A (en) * | 2012-03-20 | 2013-09-25 | 宇龙计算机通信科技(深圳)有限公司 | Method for moving icon and communication terminal |
| CN102981704A (en) * | 2012-11-09 | 2013-03-20 | 广东欧珀移动通信有限公司 | Icon placement method and mobile terminal of display interface |
| CN103616980A (en) * | 2013-10-19 | 2014-03-05 | 广东欧珀移动通信有限公司 | Method and terminal for rapidly organizing desktop icons |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105260187A (en) * | 2015-10-20 | 2016-01-20 | 北京小鸟听听科技有限公司 | Method and terminal for visualized dragging model setting |
| CN105260187B (en) * | 2015-10-20 | 2018-10-12 | 北京小鸟听听科技有限公司 | The method and terminal of group are built for visualizing dragging |
| CN106775335A (en) * | 2016-12-01 | 2017-05-31 | 携程计算机技术（上海）有限公司 | The method and mobile terminal of similar picture dragging sequence |
| CN106775335B (en) * | 2016-12-01 | 2020-02-07 | 携程计算机技术（上海）有限公司 | Method for dragging and sorting similar pictures and mobile terminal |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10838605B2 (en) | Reactive graphical display of real-time values | |
| US10021001B2 (en) | Providing visualizations of event sequence data | |
| US10642466B2 (en) | Method and system for context based tab management | |
| CN102830894B (en) | A kind of method and apparatus collecting webpage | |
| US20140380178A1 (en) | Displaying interactive charts on devices with limited resources | |
| TWI536248B (en) | Method and system for classified displaying desktop icons | |
| US8863034B2 (en) | 3D tag clouds for visualizing federated cross-system tags | |
| US20150095767A1 (en) | Automatic generation of mobile site layouts | |
| CN102663078B (en) | Method and equipment for generating to-be-issued information in network community | |
| CN103246433A (en) | Screen user-defined window-dividing display control method | |
| CN107765938B (en) | Picture interaction method and device | |
| US20150363062A1 (en) | Storage System User Interface With Floating File Collection | |
| CN102129453B (en) | Display control device and method capable of displaying search result in mode of text completed with graphs | |
| CN103246678A (en) | Method and device for previewing web page contents | |
| CN105630275A (en) | Desktop display system and method | |
| Lamberti et al. | VDHM: Viewport-DOM based heat maps as a tool for visually aggregating web users' interaction data from mobile and heterogeneous devices | |
| US8451271B2 (en) | Methods and systems for displaying graphical markers in a mixed box chart | |
| CN104679391A (en) | Icon display method and device of smart watch | |
| US10504491B2 (en) | Location based display of pixel history | |
| CN104866176A (en) | Navigation method of icon dragging grouping | |
| CN101656037A (en) | Method for displaying large-format picture on small screen equipment and small screen equipment | |
| CN104020923A (en) | Method for displaying icons of touch control terminal of electronic product and electronic product | |
| US20170270218A1 (en) | Mapping of Defined Regions Within a Webpage | |
| CN106775256A (en) | Icon is across screen sliding method and device | |
| US10417258B2 (en) | Interactive multi-dimensional nested table supporting scalable real-time querying of large data volumes |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| EXSB | Decision made by sipo to initiate substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150826 |