CN105117287A - Graphical user interface and implementation method and user interaction method thereof - Google Patents
Graphical user interface and implementation method and user interaction method thereof Download PDFInfo
- Publication number
- CN105117287A CN105117287A CN201510613612.2A CN201510613612A CN105117287A CN 105117287 A CN105117287 A CN 105117287A CN 201510613612 A CN201510613612 A CN 201510613612A CN 105117287 A CN105117287 A CN 105117287A
- Authority
- CN
- China
- Prior art keywords
- icon
- queue
- user interface
- application
- graphic user
- 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 discloses a graphical user interface and an implementation method and a user interaction method thereof. The graphical user interface comprises a graph queue used for showing an application program icon and a scroll bar used for indicating the direction of a hidden icon and capable of rolling the icon queue to the direction opposite to the hidden icon after clicking. The graphical user interface is different from an implementation mode in the prior art. The graphical user interface, the implementation method and the user interaction method of the interface are provided, a user can conveniently switch application programs through the graphical user interface, the graphical user interface accords with visual operating experience of the user, program switching efficiency is improved, and the operating experience degree of the user is greatly improved.
Description
Technical field
The present invention relates to graphic user interface and for providing the method and technology field of graphic user interface, particularly relating to a kind of graphic user interface for providing program to start and to switch and realization thereof and user interaction approach.
Background technology
Computing machine and other intelligent terminals are undertaken alternately by graphic user interface and user, to receive user instruction, and presentation program operation result or other information.Graphic user interface (GUI) comprises and to be configured to by screen similar to user's input or the Windows of graphic alphanumeric display checking information, and it is such that such as Windows represents.But, some graphic user interface does not provide obvious program human window yet, but adopt the modes such as front stage operation program interface maximization to carry out program to run and represent, such as current a large amount of mobile intelligent terminal equipment, no matter it is android operating system or ios operating system.
When user runs multiple application program simultaneously, often need to switch between different applications.The front stage operation program interface that android etc. take maximizes the graphic user interface that mode is run, and user cannot intuitively, easily switch between multiple application program.
Windows etc. is supported to the system at multiwindow interface, user can switch to this Application Program Interface by the mode of its visibility window clicking related application.But this switching mode is limited by the number of applications that active user runs.When the number of applications that user runs is more simultaneously, system shows simultaneously widely applies program window just to seem very chaotic, is awkward.Even a lot of application window to cover by current application program window and invisible, above-mentioned blocked operation cannot be realized.
Although the desktop operating systems such as windows system provide the inconvenience that taskbar icon queue mode switches in order to solve said procedure, but, the program quantity run at the same time is too much, when causing icon queue width to exceed taskbar permission width, this type systematic can only increase icon queue line number, and arranges the application icon newly increased in newly-increased other a line icon queue.Like this, when user attempts to switch different application, it can only the icon queue on first task switching hurdle, and then clicks related application icon.Not only expend user's more time, and do not meet user's intuitive operation custom due to it, and cause user operation to perplex.
At present be convenient to switch between application program and the graphic user interface meeting that user's intuitive operation experiences in the urgent need to providing a kind of.
Summary of the invention
The object of the present invention is to provide and be a kind ofly convenient to switch between application program and the graphic user interface meeting that user's intuitive operation experiences, thus solve in prior art the foregoing problems existed.
To achieve these goals, the technical solution used in the present invention is as follows:
A kind of graphic user interface, comprises for showing the icon queue of application program image target and being used to indicate direction, hidden icons place, and can by icon queue to the scroll control being hidden the rolling of icon reverse direction after click.
Preferably, described scroll control in described graphic user interface is positioned at each one of the two ends of described icon queue visible area, when the application icon width summation in described icon queue is less than the breadth extreme value of described icon queue visible area permission, two described scroll control are all hiding; When the application icon width summation in described icon queue is greater than the breadth extreme value of described icon queue visible area permission, part icon is hidden, substantially remain unchanged to make the program icon width in described icon queue visible area, be positioned at simultaneously and there is the described scroll control being hidden icon end and be in display state, be positioned at the described scroll control that there is not hidden icons end and hide; When two ends all exist hidden icons, the described scroll control being positioned at two ends is all in display state.
Preferably, the described icon queue in described graphic user interface comprises the preset application icon starting related application for user fast.
Preferably, the described icon queue in described graphic user interface comprises and being in just at the application icon of the application program of running status.
Preferably, be in described in the described icon queue in described graphic user interface and just the application icon of running status be provided with activity indicator, to be distinguished over the preset application icon as quickly starting button.
Preferably, described activity indicator be arranged at described in be in just at the identifier on the application icon side of running status.
Preferably, described activity indicator be arranged at described in be in the change of color and/or brightness and/or size and/or the shape just put at the application program image of running status.
The realization of graphic user interface and a user interaction approach, comprise the following steps:
S1, the queue of initialization icon, draws preset application icon; Judge in described preset application icon drawing process, when original icon queue width with newly draw width sum shared by icon be greater than icon queue visible area width maximum permissible value time, by new icon hiding, and draw scroll control in new icon hiding direction, there is hidden icons to indicate this direction;
S2, when after user launches application, the application icon newly started is added into described icon queue, and judge, when original icon queue visible area width and described new startup application icon shared by width sum be greater than icon queue visible area width maximum permissible value time, hide and be in the original icon being in edge, icon queue visible area in described icon queue, and the application icon of described new startup is shown in the current location of described icon queue visible area, draw described scroll control in the direction being hidden described original icon simultaneously; Meanwhile, the mode by adding identifier and/or changing the color put on of application program image and/or brightness and/or size and/or shape is that the application icon of described new startup arranges activity indicator.
Preferably, when there is described hidden icons and complete described scroll control when, further comprising the steps of:
S3a, after described scroll control receives the click event of user, described icon queue is rolled to the reverse direction of clicked scroll control, is shown by the icon be hidden, visible icons simultaneously on hidden icons queue rotating direction, and show described scroll control in the direction in which;
And/or
S3b, to put and after the event dragged when described icon queue receives user, described icon queue drags with user and rolls, and to realize the hiding and display of the icon being in position near two ends, described icon queue visible area, and the corresponding of described scroll control is hidden and display.
Preferably, after the preset application icon in described icon queue visible area receives the event of user click, then corresponding application programs is started; After the application icon being in running status in described icon queue visible area receives the event of user click, the runnable interface of corresponding application programs is placed in the viewing area, forefront of the program runnable interface viewing area of graphic user interface.
The invention has the beneficial effects as follows:
Be different from the implementation of prior art, the invention provides and be a kind ofly convenient to switch between application program and the graphic user interface meeting that user's intuitive operation experiences, and the method for the implementation method at this interface and this interface and user interactions.After application the present invention, improve efficiency when switching between program, meet user's intuitive operation simultaneously and experience, user operation Experience Degree improves a lot.
Accompanying drawing explanation
Fig. 1 is realization and the user interaction approach schematic diagram of graphic user interface of the present invention;
Fig. 2 is application icon queue in graphic user interface of the present invention and scroll control schematic diagram.
Embodiment
In order to make object of the present invention, technical scheme and advantage clearly understand, below in conjunction with accompanying drawing, the present invention is further elaborated.Should be appreciated that embodiment described herein only in order to explain the present invention, be not intended to limit the present invention.
As shown in Figure 1, 2, the invention discloses a kind of graphic user interface and realization thereof and user interaction approach, described graphic user interface comprises for showing the icon queue of application program image target and being used to indicate direction, hidden icons place, and can by icon queue to the scroll control being hidden the rolling of icon reverse direction after click.Described scroll control in described graphic user interface is positioned at each one of the two ends of described icon queue visible area, when the application icon width summation in described icon queue is less than the breadth extreme value of described icon queue visible area permission, two described scroll control are all hiding; When the application icon width summation in described icon queue is greater than the breadth extreme value of described icon queue visible area permission, part icon is hidden, substantially remain unchanged to make the program icon width in described icon queue visible area, be positioned at simultaneously and there is the described scroll control being hidden icon end and be in display state, be positioned at the described scroll control that there is not hidden icons end and hide; When two ends all exist hidden icons, the described scroll control being positioned at two ends is all in display state.Setting like this, can provide more icon capacity when not affecting user's perception and simple operation, improve user operation and experience.Described icon queue in described graphic user interface comprises the preset application icon starting related application for user fast.Preset application icon herein can be arranged voluntarily by user, also can be that graphic user interface dynamically provides according to the frequency of utilization of user, further, can also be that graphic user interface is according to user's property information, user preference information, current geographic position information, current time information, the integrated informations such as current context information comprehensively calculate out, such as judge that current time is the work hours, current geographic position is office, then this preset application icon is then mail treatment application, text processing application, the application that tables of data application etc. are relevant to user job character, user job character can obtain from user's property information.And when detect that current time is the quitting time, geographic position is in family or market, shopping place time, then comprehensive current context information (as light, temperature, sound etc.) and other aforementioned information provide the amusement and recreation such as application, conventional game application that give a discount of relevant social application and market and apply after calculating.
Described icon queue in described graphic user interface comprises and being in just at the application icon of the application program of running status.Be in described in described icon queue in described graphic user interface and just the application icon of running status be provided with activity indicator, to be distinguished over the preset application icon as quickly starting button.Described activity indicator be arranged at described in be in just at the identifier on the application icon side of running status.Described activity indicator be arranged at described in be in the change of color and/or brightness and/or size and/or the shape just put at the application program image of running status.Can be such as the similar effects such as font is thicker, background is highlighted, identify rapidly that to facilitate user which icon is the icon of the application run.Accomplish very clear, simultaneously convenient switching.
The realization of former figures user interface disclosed by the invention and user interaction approach, comprise the following steps:
S1, the queue of initialization icon, draws preset application icon; Judge in described preset application icon drawing process, when original icon queue width with newly draw width sum shared by icon be greater than icon queue visible area width maximum permissible value time, by new icon hiding, and draw scroll control in new icon hiding direction, there is hidden icons to indicate this direction;
S2, when after user launches application, the application icon newly started is added into described icon queue, and judge, when original icon queue visible area width and described new startup application icon shared by width sum be greater than icon queue visible area width maximum permissible value time, hide and be in the original icon being in edge, icon queue visible area in described icon queue, and the application icon of described new startup is shown in the current location of described icon queue visible area, draw described scroll control in the direction being hidden described original icon simultaneously; Meanwhile, the mode by adding identifier and/or changing the color put on of application program image and/or brightness and/or size and/or shape is that the application icon of described new startup arranges activity indicator.
When there is described hidden icons and complete described scroll control when, further comprising the steps of:
S3a, after described scroll control receives the click event of user, described icon queue is rolled to the reverse direction of clicked scroll control, is shown by the icon be hidden, visible icons simultaneously on hidden icons queue rotating direction, and show described scroll control in the direction in which; And/or S3b, to put and after the event dragged when described icon queue receives user, described icon queue drags with user and rolls, and to realize the hiding and display of the icon being in position near two ends, described icon queue visible area, and the corresponding of described scroll control is hidden and display.
After preset application icon in described icon queue visible area receives the event of user click, then start corresponding application programs; After the application icon being in running status in described icon queue visible area receives the event of user click, the runnable interface of corresponding application programs is placed in the viewing area, forefront of the program runnable interface viewing area of graphic user interface.
By adopting technique scheme disclosed by the invention, obtain effect useful as follows:
Be different from the implementation of prior art, the invention provides and be a kind ofly convenient to switch between application program and the graphic user interface meeting that user's intuitive operation experiences, and the method for the implementation method at this interface and this interface and user interactions.After application the present invention, improve efficiency when switching between program, meet user's intuitive operation simultaneously and experience, user operation Experience Degree improves a lot.
The above is only the preferred embodiment of the present invention; it should be pointed out that for those skilled in the art, under the premise without departing from the principles of the invention; can also make some improvements and modifications, these improvements and modifications also should look protection scope of the present invention.
Claims (10)
1. a graphic user interface, is characterized in that, comprises for showing the icon queue of application program image target and being used to indicate direction, hidden icons place, and can by icon queue to the scroll control being hidden the rolling of icon reverse direction after click.
2. graphic user interface according to claim 1, it is characterized in that, described scroll control in described graphic user interface is positioned at each one of the two ends of described icon queue visible area, when the application icon width summation in described icon queue is less than the breadth extreme value of described icon queue visible area permission, two described scroll control are all hiding; When the application icon width summation in described icon queue is greater than the breadth extreme value of described icon queue visible area permission, part icon is hidden, substantially remain unchanged to make the program icon width in described icon queue visible area, be positioned at simultaneously and there is the described scroll control being hidden icon end and be in display state, be positioned at the described scroll control that there is not hidden icons end and hide; When two ends all exist hidden icons, the described scroll control being positioned at two ends is all in display state.
3. graphic user interface according to claim 1, is characterized in that, the described icon queue in described graphic user interface comprises the preset application icon starting related application for user fast.
4. graphic user interface according to claim 1, is characterized in that, the described icon queue in described graphic user interface comprises and being in just at the application icon of the application program of running status.
5. graphic user interface according to claim 4, it is characterized in that, be in described in described icon queue in described graphic user interface and just the application icon of running status be provided with activity indicator, to be distinguished over the preset application icon as quickly starting button.
6. graphic user interface according to claim 5, is characterized in that, described activity indicator be arranged at described in be in just at the identifier on the application icon side of running status.
7. graphic user interface according to claim 5, is characterized in that, described activity indicator be arranged at described in be in the change of color and/or brightness and/or size and/or the shape just put at the application program image of running status.
8. the realization of graphic user interface and a user interaction approach, is characterized in that, comprise the following steps:
S1, the queue of initialization icon, draws preset application icon; Judge in described preset application icon drawing process, when original icon queue width with newly draw width sum shared by icon be greater than icon queue visible area width maximum permissible value time, by new icon hiding, and draw scroll control in new icon hiding direction, there is hidden icons to indicate this direction;
S2, when after user launches application, the application icon newly started is added into described icon queue, and judge, when original icon queue visible area width and described new startup application icon shared by width sum be greater than icon queue visible area width maximum permissible value time, hide and be in the original icon being in edge, icon queue visible area in described icon queue, and the application icon of described new startup is shown in the current location of described icon queue visible area, draw described scroll control in the direction being hidden described original icon simultaneously; Meanwhile, the mode by adding identifier and/or changing the color put on of application program image and/or brightness and/or size and/or shape is that the application icon of described new startup arranges activity indicator.
9. the realization of graphic user interface according to claim 8 and user interaction approach, is characterized in that, when there is described hidden icons and complete described scroll control when, further comprising the steps of:
S3a, after described scroll control receives the click event of user, described icon queue is rolled to the reverse direction of clicked scroll control, is shown by the icon be hidden, visible icons simultaneously on hidden icons queue rotating direction, and show described scroll control in the direction in which;
And/or
S3b, to put and after the event dragged when described icon queue receives user, described icon queue drags with user and rolls, and to realize the hiding and display of the icon being in position near two ends, described icon queue visible area, and the corresponding of described scroll control is hidden and display.
10. the realization of graphic user interface according to claim 8 and user interaction approach, is characterized in that, after the preset application icon in described icon queue visible area receives the event of user click, then start corresponding application programs; After the application icon being in running status in described icon queue visible area receives the event of user click, the runnable interface of corresponding application programs is placed in the viewing area, forefront of the program runnable interface viewing area of graphic user interface.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510613612.2A CN105117287A (en) | 2015-09-23 | 2015-09-23 | Graphical user interface and implementation method and user interaction method thereof |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510613612.2A CN105117287A (en) | 2015-09-23 | 2015-09-23 | Graphical user interface and implementation method and user interaction method thereof |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN105117287A true CN105117287A (en) | 2015-12-02 |
Family
ID=54665288
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510613612.2A Pending CN105117287A (en) | 2015-09-23 | 2015-09-23 | Graphical user interface and implementation method and user interaction method thereof |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105117287A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106569687A (en) * | 2016-10-19 | 2017-04-19 | 北京三快在线科技有限公司 | Icon arrangement method and apparatus for virtual buttons, and terminal |
| CN109272681A (en) * | 2018-07-12 | 2019-01-25 | 山东亚华电子股份有限公司 | A kind of methods of exhibiting and medical care host of bed call state |
| WO2021008127A1 (en) * | 2019-07-12 | 2021-01-21 | 青岛海信传媒网络技术有限公司 | User interface display method and display device |
| US11093108B2 (en) | 2019-07-12 | 2021-08-17 | Qingdao Hisense Media Networks Ltd. | Method for displaying user interface and display device |
| WO2024046076A1 (en) * | 2022-08-29 | 2024-03-07 | Oppo广东移动通信有限公司 | Toolbar display method and apparatus, terminal, and computer readable storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1735856A (en) * | 2000-10-03 | 2006-02-15 | 微软公司 | System and method for providing rich minimized applications |
| CN101192129A (en) * | 2006-11-30 | 2008-06-04 | 重庆优腾信息技术有限公司 | Table top background control method, device and system |
| CN102111503A (en) * | 2011-02-18 | 2011-06-29 | 宇龙计算机通信科技(深圳)有限公司 | Quick operation method and mobile terminal |
| CN102799482A (en) * | 2012-06-26 | 2012-11-28 | 上海市建青实验学校 | Logout-free desktop setting and switching method and system supporting multi-user mode |
| CN103902363A (en) * | 2012-12-18 | 2014-07-02 | 上海鼎为电子科技（集团）有限公司 | Electronic device supporting multiple-task switching and switching method |
-
2015
- 2015-09-23 CN CN201510613612.2A patent/CN105117287A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1735856A (en) * | 2000-10-03 | 2006-02-15 | 微软公司 | System and method for providing rich minimized applications |
| CN101192129A (en) * | 2006-11-30 | 2008-06-04 | 重庆优腾信息技术有限公司 | Table top background control method, device and system |
| CN102111503A (en) * | 2011-02-18 | 2011-06-29 | 宇龙计算机通信科技(深圳)有限公司 | Quick operation method and mobile terminal |
| CN102799482A (en) * | 2012-06-26 | 2012-11-28 | 上海市建青实验学校 | Logout-free desktop setting and switching method and system supporting multi-user mode |
| CN103902363A (en) * | 2012-12-18 | 2014-07-02 | 上海鼎为电子科技（集团）有限公司 | Electronic device supporting multiple-task switching and switching method |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106569687A (en) * | 2016-10-19 | 2017-04-19 | 北京三快在线科技有限公司 | Icon arrangement method and apparatus for virtual buttons, and terminal |
| CN109272681A (en) * | 2018-07-12 | 2019-01-25 | 山东亚华电子股份有限公司 | A kind of methods of exhibiting and medical care host of bed call state |
| WO2021008127A1 (en) * | 2019-07-12 | 2021-01-21 | 青岛海信传媒网络技术有限公司 | User interface display method and display device |
| US11093108B2 (en) | 2019-07-12 | 2021-08-17 | Qingdao Hisense Media Networks Ltd. | Method for displaying user interface and display device |
| WO2024046076A1 (en) * | 2022-08-29 | 2024-03-07 | Oppo广东移动通信有限公司 | Toolbar display method and apparatus, terminal, and computer readable storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105117287A (en) | Graphical user interface and implementation method and user interaction method thereof | |
| US20180129364A1 (en) | User interfaces for multiple displays | |
| CN105335048B (en) | Electronic equipment with hidden application icon and method for hiding application icon | |
| CN105760045A (en) | Application program login method, application program login device and terminal | |
| US10768791B2 (en) | Read activity of chat rooms | |
| JP2018505484A (en) | Group chat method and apparatus | |
| CN102999358A (en) | Intelligent program starting method | |
| CN109375973B (en) | Page display method and device, computer equipment and computer readable storage medium | |
| CA2630874A1 (en) | Indicating status of application program with icons | |
| CN104331246A (en) | Device and method for split screen display in terminal | |
| KR101709242B1 (en) | Input display control device, thin client system, input display control method, and recording medium | |
| AU2013284256A1 (en) | Widget setting method and terminal device | |
| CN106462320B (en) | Method, device and equipment for starting task management interface | |
| CN105487794A (en) | Unread information quantity processing method and apparatus and terminal | |
| CN106502572B (en) | Display content switching method and electronic equipment | |
| US20230037179A1 (en) | User Interface for Generating Data Visualizations that Use Table Calculations | |
| CN107133003B (en) | A kind of information displaying method and terminal | |
| WO2022253182A1 (en) | Communication method and apparatus, electronic device, and readable storage medium | |
| CN107340955B (en) | Method and device for acquiring position information of view after position change on screen | |
| US20070143710A1 (en) | Computing device and method of indicating status of application program | |
| WO2022127804A1 (en) | Method and device for managing application icons | |
| CN113794795B (en) | Information sharing method and device, electronic equipment and readable storage medium | |
| CN102693064B (en) | Method and system for quitting protection screen by terminal | |
| JP2014048982A (en) | Input display control device, thin client system, input display control method and program | |
| CN106155462A (en) | A kind of interface alternation method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20151202 |
|
| WD01 | Invention patent application deemed withdrawn after publication |