CN101719064A - Tab controller - Google Patents
Tab controllerDownload PDFInfo
- Publication number
- CN101719064A CN101719064ACN200910243077ACN200910243077ACN101719064ACN 101719064 ACN101719064 ACN 101719064ACN 200910243077 ACN200910243077 ACN 200910243077ACN 200910243077 ACN200910243077 ACN 200910243077ACN 101719064 ACN101719064 ACN 101719064A
- Authority
- CN
- China
- Prior art keywords
- tab
- module
- display position
- width
- tabs
- 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
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
Description
Technical field
The present invention relates to tab control, especially relate in different development languages and development environment, the switching of the switching of Multiple Document Interface and interior each a tab container of window in CS or the BS application software.
Background technology
In application software, the tab control is a control commonly used, no matter is the taskbar of Windows, the tab of Excel worksheet, or the IE window of latest edition, the tab control all has very general application, has brought very big intuitive, convenience for user's practical operation.
But because the tab occupation space is bigger, common tab control all has a common open question, and after window increased, follow-up tab promptly can't well represent, and also can't switch easily.Common processing mode has three:
The one, support level drags, and follow-up tab is stashed, and when clicking the button on left side or right side, the tab integral left moves right; If the tab of opening in this manner is many, want to find follow-up tab just very difficult, especially when tab is switched repeatedly before and after the needs, continuous front and back to drag and could realize, operate very inconvenient.
The 2nd, represent hiding menu with the form of popup menu, this mode makes things convenient for than the mode that drags, but tab and two controls of popup menu are combined, need click right or drop-down button to select tab, visually seem also very not directly perceived, a lot of users can not clearly know this usage.
The 3rd, the form of going with folding shows follow-up tab, though the operation of this mode easily, after window is many, will show too many tab on the screen, takies too many unnecessary area.
Find by above-mentioned analysis, lack a kind of tab control device that is simple and easy to usefulness at present.
Summary of the invention
For solving the problems of the technologies described above, the invention provides a kind of tab controller, comprising: the tab positioning unit is used for determining according to user's operation the display position of one or more tabs; The tab control module, the display position that is used for the relevant tab of the operation with described user determined according to described user's operation and described tab positioning unit is determined the state of described tab.
In technique scheme, further comprise, described tab positioning unit comprises Dynamic Array, be used for and leave in wherein as array element according to the hierarchical sequence up and down that on screen, shows corresponding to the pointer of described one or more tabs, and when the arbitrary tab in described one or more tabs changes display position, the hierarchical sequence switch after the element in the described Dynamic Array moves by described arbitrary tab.
In technique scheme, the state of described tab comprises: shrink, launch or be positioned at first display position.
In technique scheme, described user's operation comprises to be chosen tab or slips over tab.
In technique scheme, described tab control module further comprises: arrange module automatically, the width that is used for the size of described array element, viewing area according to described Dynamic Array and tab is determined the state and the order of each tab of arranging in the described viewing area.
In technique scheme, described tab control module also further comprises: the tab condition judgment module, be used in that being operating as of described user is described when slipping over tab, whether the state of definite tab that is slipped over is the state of described contraction, and when judged result is the state of described contraction, described judged result is sent to tab launches module; And described tab launches module, is used for when the described judged result that receives from described tab condition judgment module the described tab that slips over being launched.
In technique scheme, described tab control module also further comprises: tab sequential adjustment module, be used for operation described user and be described when choosing tab, and determine that at described tab positioning unit the tab chosen is not during at first display position, is adjusted to described first display position with the described tab of choosing.
In technique scheme, further comprise, when described first display position is the leftmost side of viewing area, whether described tab condition judgment module has covered the position of the described tab that slips over according to the position of the contiguous tab in the left side of the described tab that slips over, if cover then determine that the state of the described tab that slips over is described contraction.
In technique scheme, comprise that further described tab is launched module and shunk the expansion that realizes the tab that slipped over by one or more tabs in the left side of the tab that will be slipped over.
In technique scheme, comprise that further the contraction of tab is to add that by the position of tab with its left side width that width deducts described tab then adds the width after tab is shunk.
In technique scheme, further comprise, when described first display position is the leftmost side of viewing area, described automatic layout module is launched all tabs successively from left side to the right side of described viewing area, deduct the quantity that the width that can allow after tab is shunk multiply by the residue tab up to the overall width of the tab of determining to have launched greater than the width of described viewing area, then described residue tab is all shunk demonstration.
Pass through technique scheme, tab control and demonstration problem have well been solved, at first, in the handoff procedure of tab, tab controller is always adjusted the order of tab dynamically according to the front and back order of window, the tab of the window of the superiors shows in the leftmost side, along with going deep into of level, arranges to the right successively.Secondly, when tab too many, can not be when showing with delegation, the automatic indentation of follow-up tab.At last, in the time of the tab of mouse-over indentation, the tab of indentation can be launched rapidly.
Description of drawings
Fig. 1 is the schematic block diagram according to tab controller of the present invention;
Fig. 2 is the schematic block diagram of tab controller according to an embodiment of the invention;
Fig. 3 A to 3E is a design sketch according to an embodiment of the invention.
Embodiment
Below will be in detail with reference to the preferred embodiments of the present invention, the example of preferred embodiment is described with reference to the accompanying drawings.
Fig. 1 is the schematic block diagram according to tab controller of the present invention, and Fig. 2 is the schematic block diagram of tab controller according to an embodiment of the invention.
As shown in the figure, the invention provides a kind of tab controller 100, comprising: tab positioning unit 102 is used for determining according to user's operation the display position of one or more tabs; Tab control module 104, the display position that is used for the relevant tab of the operation with described user determined according to described user's operation and described tab positioning unit 102 is determined the state of described tab.
In technique scheme, described tab positioning unit 102 comprises Dynamic Array, be used for and leave in wherein as array element according to the hierarchical sequence up and down that on screen, shows corresponding to the pointer of described one or more tabs, and when the arbitrary tab in described one or more tabs changes display position, the hierarchical sequence switch after the element in the described Dynamic Array moves by described arbitrary tab.
In technique scheme, the state of described tab comprises: shrink, launch or be positioned at first display position.
In technique scheme, described user's operation comprises to be chosen tab or slips over tab.
As shown in Figure 2, described tab control module 104 can further include: arrange module 202 automatically, the width that is used for the size of described array element, viewing area according to described Dynamic Array and tab is determined the state and the order of each tab of arranging in the described viewing area.
Described tab control module 104 can further include: tab condition judgment module 204, be used in that being operating as of described user is described when slipping over tab, whether the state of definite tab that is slipped over is the state of described contraction, and when judged result is the state of described contraction, described judged result is sent to tab launches module 206; And described tab launches module 206, is used for when the described judged result that receives from described tab condition judgment module 204 the described tab that slips over being launched.
Described tab control module 104 can further include: tab sequential adjustment module 208, be used for operation described user and be described when choosing tab, and determine that at described tab positioning unit 102 tabs of being chosen are not during at first display position, are adjusted to described first display position with the described tab of choosing.
In technique scheme, further comprise, when described first display position is the leftmost side of viewing area, whether described tab condition judgment module 204 has covered the position of the described tab that slips over according to the position of the contiguous tab in the left side of the described tab that slips over, if cover then determine that the state of the described tab that slips over is described contraction.
In technique scheme, comprise that further described tab is launched module 206 and shunk the expansion that realizes the tab that slipped over by one or more tabs in the left side of the tab that will be slipped over.
In technique scheme, comprise that further the contraction of tab is to add that by the position of tab with its left side width that width deducts described tab then adds the width after tab is shunk.
In technique scheme, further comprise, when described first display position is the leftmost side of viewing area, described automatic layout module 202 is launched all tabs successively from left side to the right side of described viewing area, deduct the quantity that the breadth extreme that can allow to show multiply by the residue tab up to the overall width of the tab of determining to have launched greater than the width of described viewing area, then described residue tab is all shunk demonstration.
Be specifically described below in conjunction with one embodiment of the present of invention.
One, realize effect:
Be used for dynamically controlling the position and the sequencing of tab according to the tab controller of this embodiment, independently tab and a unified controller combine by one for it.Can a plurality of tabs of dynamic creation in tab controller, using of Multiple Document Interface its control effect is described with this control below to example.
1, when in a main window, when increasing a subwindow, can increase a tab automatically on the tab controller, in in the new tab of IE 8 windows, newly open a page, different is, the dynamic position of adjusting all tabs of tab controller meeting, a pairing tab of window of opening at last always are presented at the leftmost side.At this, it should be appreciated by those skilled in the art, if design needs, also can be designed as a pairing tab of window will opening at last and always be presented at the rightmost side.
2, when clicking a tab, corresponding subwindow can be shown to front end, and this tab can position saliency from behind be come out, and floats to the leftmost side with the form of animation effect, subsequently, originally the tab in this tab left side together moves to right, and after the tab position dynamic was arranged, the tab that is window correspondence foremost equally was in the leftmost side, and the corresponding tab of original active window is come the right side of this tab, turn right more, after the window level that expression is opened leans on more, be of little use more.
3, when tab number when not being a lot, all tabs all launch to show, when tab quantity along with number of windows increases when delegation can show any more, follow-up tab indentation shows, in the time of the tab of these indentations of mouse-over, tab can be launched rapidly.The principle of launching is, if the right side has clearance spaces to launch to the right, if not then shrink the nearest tab in left side, launches this tab simultaneously.Click the tab of indentation, tab can be advanced to the leftmost side equally, and corresponding window is preposition simultaneously, and tab can be arranged again.
4, click the X symbol on tab right side, tab is together closed together with window, and follow-up tab is arranged again.
Two, realize principle
1, independently the tab control is made up of title control, background picture and X button control;
2, tab controller is made up of a plurality of tab controls and a boundary frame area picture, current control shows that in the leftmost side level is the highest, and the boundary frame area picture shows at the second layer, other tab controls increase progressively according to order level from left to right, have so just formed the level contractive effect;
3, when mouse slides on tab, if the tab that slips over is retracted, then to calculate the layout of present tab automatically, look at whether the tab right side that slips over has the position, if the position is arranged, then tab moves right, literal on the tab is just unfolded, if the tab right side does not have the position, then need a control of the rightmost side of having launched is shunk, so that current control can have enough positions to launch;
4, in the time of click tab control, the incident of dishing out, allow the preposition demonstration of corresponding window, simultaneously the preposition demonstration of clicked tab, original preposition tab postposition, do animation effect subsequently, current tab moves left to the position of the leftmost side, and tab originally moves to right together with the tab in the middle of some;
5, when clicking the X button of tab control, the close event of dishing out if current window allows to close, then closes window, and hides tab simultaneously, and the tab that is hidden can be reactivated by name when open new window next time again.
Three, technical scheme and arthmetic statement
Main part according to the tab controller of this embodiment is a control combing, and it has made up a plurality of independently tab controls, and handles order and control relation between a plurality of tabs.The tab control mainly contains TabName, Caption, and the Picture attribute is showed oneself, and OnClick is arranged, and the OnClose incident is notified applications, and controller has Tabs to gather to operate these tabs, and concrete operations comprise: increase, deletion and mobile tab position.
The tab sequential organization: tab leaves in the Dynamic Array according to level up and down, show according to from left to right order when showing, in the time of the tab shift position, element in the array is by the hierarchical sequence switch, can guarantee like this in calculating process, can to know at any time current control on the position and the size of or next tab.
Tab controller according to present embodiment is mainly realized following function:
1, judge that the tab state is to shrink or launch: whether the position of previous tab of judging the sequence number of current tab has covered current tab, concrete determination methods is pre.left+pre.width＞cur.left+6, wherein 6 for tab can allow the fixed width that shows after shrinking, and unit is a pixel.The fixed width that allows to show that is provided with in this embodiment after tab is shunk is 6 pixels, but it should be appreciated by those skilled in the art that this width can change according to the actual needs.
2, autoplacement computing method: if tab is shunk demonstration, then each tab takies 6 pixels, the computing method of autoplacement are, from left to right launch the tab control successively, if the overall width of the tab of find launching deducts 6 greater than container width and multiply by poor after the residue tab number, then follow-up tab is all shunk demonstration.
3, shrink the algorithm of tab: the position that the position of this tab equals a tab adds the width that deducts this tab behind the width of a tab, adds 6 pixels at last.
By top in conjunction with the accompanying drawings to the description of embodiments of the invention, can be expressly understood, tab control and demonstration problem have well been solved according to tab controller of the present invention, at first, in the handoff procedure of tab, always according to the dynamic order of adjusting tab of front and back order of window, the tab of the window of the superiors shows in the leftmost side tab controller, along with going deep into of level, arrange to the right successively.Secondly, when tab too many, can not be when showing with delegation, the automatic indentation of follow-up tab.At last, in the time of the tab of mouse-over indentation, the tab of indentation can be launched rapidly.Can ensure that so the most frequently used tab shows in the left side, and show, and tab not too commonly used is pressed against the state demonstration of right side to shrink automatically according to the inverted order expansion from left to right of used order.Fig. 3 A to 3E is a design sketch according to an embodiment of the invention.Below use Fig. 3 A to 3E foregoing description to be represented as follows:
As shown in Figure 3A, the subwindow of opening is few, and tab shows that successively the window tab of opening at last is presented at the leftmost side.
Shown in Fig. 3 B, opened a plurality of subwindows, follow-up tab does not show, just shrinks.
Shown in Fig. 3 C, mouse-over, tab is launched automatically.
Shown in Fig. 3 D, after tab 3 is clicked, dynamically moving to the left side.
Shown in Fig. 3 E, tab 3 moves to the leftmost side, and tab originally is again after the layout.
In above-mentioned example, the application process of tab controller is:
Drag and drop tab controller Stab1 on main window.
When the order of new subwindow is opened in execution, carry out the 1st subwindow of Stab1.Tabs.add (" frm1 ", " ") order realize the loading of new tab.
When closing window, carry out the method for Stab1.Tabs.remove (tab) and delete corresponding tab.
The OnTabClick incident of treatment S tab1 when tab is clicked, finds corresponding window according to the tab title, the preposition demonstration of window.
The OnTabClose incident of treatment S tab1 finds corresponding window according to the tab title, carries out window unloading shutdown command.
When subwindow is switched, carry out Stab1.SetCurrentTab (tab) method, in advance the tab of current window correspondence.
By said process, use the tab controller better controlled window of Multiple Document Interface switch.
The above is the preferred embodiments of the present invention only, is not limited to the present invention, and for a person skilled in the art, the present invention can have various changes and variation.Within the spirit and principles in the present invention all, any modification of being done, be equal to replacement, improvement etc., all should be included within protection scope of the present invention.
Claims (11)
1. a tab controller is characterized in that, comprising:
The tab positioning unit is used for determining according to user's operation the display position of one or more tabs;
The tab control module, the display position that is used for the relevant tab of the operation with described user determined according to described user's operation and described tab positioning unit is determined the state of described tab.
2. tab controller according to claim 1, it is characterized in that, described tab positioning unit comprises Dynamic Array, be used for and leave in wherein as array element according to the hierarchical sequence up and down that on screen, shows corresponding to the pointer of described one or more tabs, and when the arbitrary tab in described one or more tabs changes display position, the hierarchical sequence switch after the element in the described Dynamic Array moves by described arbitrary tab.
3. tab controller according to claim 1 and 2 is characterized in that, the state of described tab comprises: shrink, launch or be positioned at first display position.
4. tab controller according to claim 1 and 2 is characterized in that, described user's operation comprises to be chosen tab or slip over tab.
5. according to claim 3 or 4 described tab controllers, it is characterized in that described tab control module comprises:
Automatically arrange module, the width that is used for the size of described array element, viewing area according to described Dynamic Array and tab is determined the state of each tab of arranging in the described viewing area and in proper order.
6. tab controller according to claim 5 is characterized in that, described tab control module also comprises:
The tab condition judgment module, be used in that being operating as of described user is described when slipping over tab, whether the state of definite tab that is slipped over is the state of described contraction, and when judged result is the state of described contraction, described judged result is sent to tab launches module; And
Described tab is launched module, is used for when the described judged result that receives from described tab condition judgment module the described tab that slips over being launched.
7. tab controller according to claim 5 is characterized in that, described tab control module also comprises:
Tab sequential adjustment module is used for operation described user and is described when choosing tab, and determines that at described tab positioning unit the tab of being chosen is not during at first display position, is adjusted to described first display position with the described tab of choosing.
8. tab controller according to claim 6, it is characterized in that, when described first display position is the leftmost side of viewing area, whether described tab condition judgment module has covered the position of the described tab that slips over according to the position of the contiguous tab in the left side of the described tab that slips over, if cover then determine that the state of the described tab that slips over is described contraction.
9. tab controller according to claim 8 is characterized in that, described tab is launched module and shunk the expansion that realizes the tab that slipped over by one or more tabs in the left side of the tab that will be slipped over.
10. tab controller according to claim 9 is characterized in that, the contraction of tab is to deduct the width of described tab after adding the width of the above left side tab by the position with its left side tab, adds the width after tab is shunk at last again.
11. tab controller according to claim 6, it is characterized in that, when described first display position is the leftmost side of viewing area, described automatic layout module is launched all tabs successively from left side to the right side of described viewing area, deduct the quantity that width after tab is shunk multiply by the residue tab up to the overall width of the tab of determining to have launched greater than the width of described viewing area, then described residue tab is all shunk demonstration.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN200910243077ACN101719064A (en) | 2009-12-25 | 2009-12-25 | Tab controller |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN200910243077ACN101719064A (en) | 2009-12-25 | 2009-12-25 | Tab controller |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN101719064Atrue CN101719064A (en) | 2010-06-02 |
Family
ID=42433642
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN200910243077APendingCN101719064A (en) | 2009-12-25 | 2009-12-25 | Tab controller |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101719064A (en) |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103577031A (en)* | 2012-08-02 | 2014-02-12 | 百度在线网络技术（北京）有限公司 | Development method and development device of App (application) with multiple screens, and switching control method |
| CN103914286A (en)* | 2012-12-31 | 2014-07-09 | 北京新媒传信科技有限公司 | Management method and manager for tab page in user interface |
| CN104020934A (en)* | 2014-06-18 | 2014-09-03 | 百度在线网络技术（北京）有限公司 | Paging control implementation method and device |
| CN104063404A (en)* | 2013-03-22 | 2014-09-24 | 腾讯科技（深圳）有限公司 | Method and device for displaying information on wap (wireless application protocol) page |
| CN104077175A (en)* | 2014-06-24 | 2014-10-01 | 用友优普信息技术有限公司 | Data information processing method and data information processing system |
| CN104346088A (en)* | 2013-07-29 | 2015-02-11 | 华为技术有限公司 | Page switching method and device |
| CN106909273A (en)* | 2017-02-22 | 2017-06-30 | 安徽华米信息科技有限公司 | The inspection method of the page, device and mobile device |
| CN107025060A (en)* | 2016-02-02 | 2017-08-08 | 珠海金山办公软件有限公司 | A kind of WPS documents switching method and device |
| CN112162677A (en)* | 2020-09-11 | 2021-01-01 | 北京浪潮数据技术有限公司 | Menu page label positioning method, device, equipment and storage medium |
- 2009
- 2009-12-25CNCN200910243077Apatent/CN101719064A/enactivePending
Cited By (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103577031B (en)* | 2012-08-02 | 2017-02-08 | 百度在线网络技术（北京）有限公司 | Development method and development device of App (application) with multiple screens, and switching control method |
| CN103577031A (en)* | 2012-08-02 | 2014-02-12 | 百度在线网络技术（北京）有限公司 | Development method and development device of App (application) with multiple screens, and switching control method |
| CN103914286A (en)* | 2012-12-31 | 2014-07-09 | 北京新媒传信科技有限公司 | Management method and manager for tab page in user interface |
| CN103914286B (en)* | 2012-12-31 | 2017-03-22 | 北京新媒传信科技有限公司 | Management method and manager for tab page in user interface |
| CN104063404A (en)* | 2013-03-22 | 2014-09-24 | 腾讯科技（深圳）有限公司 | Method and device for displaying information on wap (wireless application protocol) page |
| CN104063404B (en)* | 2013-03-22 | 2018-10-19 | 腾讯科技（深圳）有限公司 | The method and device of information is shown in wap page |
| CN104346088A (en)* | 2013-07-29 | 2015-02-11 | 华为技术有限公司 | Page switching method and device |
| CN104020934A (en)* | 2014-06-18 | 2014-09-03 | 百度在线网络技术（北京）有限公司 | Paging control implementation method and device |
| CN104020934B (en)* | 2014-06-18 | 2017-11-03 | 百度在线网络技术（北京）有限公司 | Paging control implementation method and device |
| CN104077175A (en)* | 2014-06-24 | 2014-10-01 | 用友优普信息技术有限公司 | Data information processing method and data information processing system |
| CN104077175B (en)* | 2014-06-24 | 2017-06-27 | 用友优普信息技术有限公司 | Data information processing method and data message processing system |
| CN107025060A (en)* | 2016-02-02 | 2017-08-08 | 珠海金山办公软件有限公司 | A kind of WPS documents switching method and device |
| CN106909273A (en)* | 2017-02-22 | 2017-06-30 | 安徽华米信息科技有限公司 | The inspection method of the page, device and mobile device |
| CN112162677A (en)* | 2020-09-11 | 2021-01-01 | 北京浪潮数据技术有限公司 | Menu page label positioning method, device, equipment and storage medium |
| CN112162677B (en)* | 2020-09-11 | 2022-04-22 | 北京浪潮数据技术有限公司 | Menu page label positioning method, device, equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| AU2023202745B2 (en) | Systems, methods, and user interfaces for interacting with multiple application windows | |
| DK180837B1 (en) | Devices, methods, and graphical user interfaces for interacting with user interface objects corresponding to applications | |
| CN101719064A (en) | Tab controller | |
| RU2530301C2 (en) | Scrollable menus and toolbars | |
| US10168864B2 (en) | Gesture menu | |
| EP2652606B1 (en) | Managing an immersive environment | |
| CN104238949A (en) | Split-screen displaying method and device | |
| CN108064368A (en) | Control method and device for flexible display device | |
| CN103699316B (en) | A kind of method and terminal for transplanting directionkeys by afloat contact | |
| KR20140051228A (en) | Submenus for context based menu system | |
| CN103645906A (en) | Method and system for realizing interface re-layout based on fixed interface layout document | |
| CN107704157B (en) | A multi-screen interface operation method, device and storage medium | |
| CN104216600A (en) | A method for providing functions of an application program and a touch-screen intelligent terminal device | |
| US11237699B2 (en) | Proximal menu generation | |
| KR20160031397A (en) | Method and device of executing applications through application selection screen | |
| CN103197868B (en) | A kind of display processing method of display object and device | |
| CN107817927B (en) | Application icon management method and device | |
| CN105094548A (en) | Information processing method and electronic equipment | |
| CN105260114A (en) | Electronic device and display control method | |
| CN106502498A (en) | The system of selection of file object and device on a kind of touch screen terminal | |
| KR101332644B1 (en) | Method for providing user interface in mobile device and recording medium for storing the same | |
| KR20140010351A (en) | Method for controlling user terminal and providing user interface | |
| CN103530037A (en) | Method and system for enabling user to rapidly have access to browser through intelligent terminal |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C12 | Rejection of a patent application after its publication | ||
| RJ01 | Rejection of invention patent application after publication | Application publication date:20100602 |