What the Smart Docking library looks like - Revision history

Larryl: What is Smart Docking library looks like moved to What the Smart Docking library looks like: The title was misspelled

2009-06-16T07:35:05Z

What is Smart Docking library looks like moved to What the Smart Docking library looks like: The title was misspelled

Dfurrer: /* Tool type SD_CONTENT and editor type SD_CONTENT */

2009-05-06T08:35:15Z

‎Tool type SD_CONTENT and editor type SD_CONTENT

Dfurrer: /* Auto hide zones with vertical title tabs when docking left/right */

2009-05-06T08:24:35Z

‎Auto hide zones with vertical title tabs when docking left/right

Dfurrer: /* Multiple levels of docking and nesting */

2009-05-06T08:13:53Z

‎Multiple levels of docking and nesting

Larryl: /* Ctrl + Tab navigation */

2007-04-25T13:17:34Z

‎Ctrl + Tab navigation

Larryl: /* Docking feedbacks */

2007-04-25T13:02:50Z

‎Docking feedbacks

Larryl: /* The tool bar is also dockable */

2007-04-25T12:43:21Z

‎The tool bar is also dockable

Larryl: /* The tool bar is also dockable */

2007-04-25T12:24:23Z

‎The tool bar is also dockable

Larryl: /* The tool bar is also dockable */

2007-04-25T12:15:50Z

‎The tool bar is also dockable

Larryl: /* The tool bar is also dockable */

2007-04-25T12:08:32Z

‎The tool bar is also dockable

@@ Line 17: / Line 17: @@
 When tab stubs stay at left/right side of main window, the titles of the hidden zone are displayed vertically.
-== Tool type SD_CONTENT and editor type SD_CONTENT ==
+== Content types ==
-There are two types of SD_CONTENT. Client programmers can change SD_CONTENT type by SD_CONTENT.set_type feature. The first difference between the two types SD_CONTENTs is looking differences. See figure 3.
+A Zone's content can be set of 'editor' or 'tool' type via the set_type feature of SD_CONTENT.
 [[Image:What_is_Smart_Docking_library_looks_like_figure_1.png]]
 == Only one editor's docking area. ==

@@ Line 13: / Line 13: @@
 [[Image:What_is_Smart_Docking_library_looks_like_auto_hide_zone.png]]
-See figure 2. There are two zones' auto hide tabs at top side and left side. If end user pointer not hovers in the red rectangle or green rectangle area of the left side image, the two zones will keep their real zones hidden. The auto hide tab stubs can stay at right or bottom side also, it depends on end users. Now, if end user hover its pointer at "Content 1" tab stub for a short time (or click on the "Content 1" tab), the "Content 1" zone will appear. The result is showing at the right side of figure 2. When showing the "Content 1", there is a window sliding animation effect. Client programmers can cancel this effect after configure Smart Docking library. If end user's pointer leave the red rectangle area of right side image and the "Content 1" tab stub area for a moment. "Content 1" zone will disappear automatically. It will return to the state showing in the left side of image. So we call this feature "Auto Hide".
+'''Figure 2:''' This picture shows two auto hide tabs, at the top and on the left side, each belonging to - and displaying the name - of a Zone. (Right or bottom positions can also be specified). If the user hovers his pointer over the "Content 1" tab  for a short time (or click on the "Content 1" tab), the "Content 1" zone will appear as can be seen on the right side of the image. When showing the "Content 1", there is a window sliding animation effect. Client programmers can cancel this effect after configure Smart Docking library. If end user's pointer leave the red rectangle area of right side image and the "Content 1" tab stub area for a moment. "Content 1" zone will disappear automatically. It will return to the state showing in the left side of image. So we call this feature "Auto Hide".
-When tab stubs stay at left/right side of main window, the titles of the hidden zone will showing vertically. See the green rectangle in figure 2.
+When tab stubs stay at left/right side of main window, the titles of the hidden zone are displayed vertically.
 == Tool type SD_CONTENT and editor type SD_CONTENT ==

@@ Line 5: / Line 5: @@
 [[Image:Smart_Docking_multi_level_docking.PNG]]
-See figure 1, we start from the inner most red rectangle which only have a zone called "Content 1", this zone is docking at the left side of the zone which name is "Content 2". Now we looking at the green rectangle which is contains the "Content 1" and "Content 2" zone. This green rectangle is docking at top side of a zone whose name is "Content 3". Combine the 3 zones together, we get the blue rectangle, and this blue rectangle is docking at the left side of "Content 4" zone. All these 4 zones together is the pink rectangle, this pink rectangle is docking at bottom of "Content 5" zone. The brown rectangle is docking at the right side of "Content 6" zone. As you guess, this kind of recursive docking zones can dock endlessly.
+'''Figure 1:''' The innermost, red rectangle has one Zone called "Content 1" which is docked to the left side of Zone "Content 2". The green rectangle contains the "Content 1" and "Content 2" Zones. It is itself docked to the top side of Zone "Content 3". Combining those 3 zones together, we get the blue rectangle, and this blue rectangle is docking at the left side of "Content 4" zone and so forth. As you guess, this kind of recursive docking zones can dock endlessly.
-The zone means an atom unit widget which can be managed by Smart Docking library. It contains the widgets which client programmers want Smart Docking to manage. Normally it has a title at top side which generated by Smart Docking library automatically. The "zone" in the following means the same.
+A ''Zone'' is an special widget, managed by the Smart Docking library and contains the widgets of the client programmer. Normally it has a title at the top which is generated by the Smart Docking library automatically.
 == Auto hide zones with vertical title tabs when docking left/right ==

← Older revision		Revision as of 13:17, 25 April 2007
Line 89:		Line 89:
	== Ctrl + Tab navigation ==		== Ctrl + Tab navigation ==

−	~~There~~ will be ~~a snapshot here~~.	+	[[Image:What_is_Smart_Docking_library_looks_like_ctrl_tab.png]]
		+
		+	After end user pressed "Ctrl + Tab" key, a zone navigation dialog will appear. As you seen in figure 13, the zones are separate to two categories automatically. End users can see description and detail information in the dialog. After end user released "Ctrl" key, the dialog will disappear and the zone represented by selected item in the dialog will be selected and will has focus.

@@ Line 79: / Line 79: @@
 * There are two kinds of docking feedback currently available:
-One used in WIndows which have feedback indicators:
+[[Image:What_is_Smart_Docking_library_looks_like_two_docking_feedback_styles.png]]
-There will be a snapshot here.
-The other one used in Linux or on Windows when using remote desktop (terminal service), which is kind of old style feedback:
+In figure 12 top part is the style used in Windows which have per-pixel alpha blend indicators and a transparent dragging window feedback rectangle.
-There will be a snapshot here.
+In figure 12 bottom part, is the other one used in UNIX like system or Windows when using remote desktop (terminal service). It have a half-tone rectangle to represent dragging window area. The style uses a solid border rectangle on UNIX. The pointer cursor and feedback rectangle will change base on current pointer position.
 * Client programmer can make there own docking feedbacks if they wish.

← Older revision	Revision as of 07:35, 16 June 2009
(No difference)

← Older revision		Revision as of 12:43, 25 April 2007
Line 67:		Line 67:

	* Customize supported.		* Customize supported.
		+
		+	[[Image:What_is_Smart_Docking_library_looks_like_tool_bar_customize.png]]
		+
		+	After end user press the last button at a docking tool bar, or after end user press the drop down button at floating tool bar title bar, a pop up window with customize button will show. Press customize button, "Customize Toolbar" dialog will appear. End user can change tool bar button visibility and order in the dialog.

	* Double click on the header of a docking tool bar, it'll float to last floating position and last floating size. Or double click title bar of floating tool bar zone, it'll dock to last docked row and position.		* Double click on the header of a docking tool bar, it'll float to last floating position and last floating size. Or double click title bar of floating tool bar zone, it'll dock to last docked row and position.

@@ Line 61: / Line 61: @@
 * When tool bar floating, user can drag border of tool bar and resize tool bar buttons to different rows.
 * Customize supported.
@@ Line 66: / Line 70: @@
 * Double click on the header of a docking tool bar, it'll float to last floating position and last floating size. Or double click title bar of floating tool bar zone, it'll dock to last docked row and position.
-* Tool bar can dock at left and right side of main window.
+* Tool bar can also dock at left and right side of main window.
 == Docking feedbacks ==

@@ Line 55: / Line 55: @@
 * Tool bar can float.
-−
 * When tool bar floating, user can drag border of tool bar and resize tool bar buttons to different rows.

← Older revision		Revision as of 12:08, 25 April 2007
Line 61:		Line 61:

	* Double click on the header of a docking tool bar, it'll float to last floating position and last floating size. Or double click title bar of floating tool bar zone, it'll dock to last docked row and position.		* Double click on the header of a docking tool bar, it'll float to last floating position and last floating size. Or double click title bar of floating tool bar zone, it'll dock to last docked row and position.
		+
		+	* Tool bar can dock at left and right side of main window.

	== Docking feedbacks ==		== Docking feedbacks ==