Difference between revisions of "Lesson 2 Tut3"

From English DMXC-Wiki
Jump to navigation Jump to search
m
(Pictures updated)
 
(3 intermediate revisions by one other user not shown)
Line 9: Line 9:
 
| TextForwards = Lesson 3
 
| TextForwards = Lesson 3
 
}}
 
}}
===Overview===
+
==Overview==
 
In this lessons you will learn how to  operate with the panel system of DMXControl 3.0. You can assign your  panels in a flexible way and save and restore your favorite  configurations.
 
In this lessons you will learn how to  operate with the panel system of DMXControl 3.0. You can assign your  panels in a flexible way and save and restore your favorite  configurations.
  
===Lecture 2: The panel concept of the DMXControl 3 client===
+
==Lecture 2: The panel concept of the DMXControl 3 client==
 
 
 
DMXControl 3 provides a lot of tools and windows. For different usage situations, different designs will be in focus. Therefore DMXControl uses a very flexible panel mechanism. You can create your own individual panel configurations.
 
DMXControl 3 provides a lot of tools and windows. For different usage situations, different designs will be in focus. Therefore DMXControl uses a very flexible panel mechanism. You can create your own individual panel configurations.
 
The forms in the program can be unlocked to float above the main window or can be docked to the top, bottom, left or right  margins. This versatility gives you the power to build screens that are easy to use and tailored to your personal preference and to move panels to several monitors. You can drag a window by grabbing its header bar. It will turn transparent, and small icons will appear on the screen to show where you can dock the window. A panel can also be set to occupy the left-over space in the middle (pic.1).
 
The forms in the program can be unlocked to float above the main window or can be docked to the top, bottom, left or right  margins. This versatility gives you the power to build screens that are easy to use and tailored to your personal preference and to move panels to several monitors. You can drag a window by grabbing its header bar. It will turn transparent, and small icons will appear on the screen to show where you can dock the window. A panel can also be set to occupy the left-over space in the middle (pic.1).
  
{{Picture_with_subtitle|DMXC3L02 PanelAssignment.jpg|1|Panel assignment|center|650px}}
+
{{Picture_with_subtitle|DMXC3_Manual_Panel-Konzept_Example.png|1|Panel assignment shown with the project explorer.|center|960px}}
  
 
Some important explanations:
 
Some important explanations:
Line 29: Line 28:
 
* Pane sharing - several forms share a pane, but only the top one is displayed. The other ones are in status "auto hide" and show as tabs.
 
* Pane sharing - several forms share a pane, but only the top one is displayed. The other ones are in status "auto hide" and show as tabs.
  
==Panes==
+
===Panes===
 
A docking pane can accommodate more than one form. A pane is automatically created by docking more than one form. All forms contained are represented by a tab strip. Moving the mouse cursor over the tab displays the form (but it doesn't get the focus). By clicking the tab the form is brought into front (with getting the focus).
 
A docking pane can accommodate more than one form. A pane is automatically created by docking more than one form. All forms contained are represented by a tab strip. Moving the mouse cursor over the tab displays the form (but it doesn't get the focus). By clicking the tab the form is brought into front (with getting the focus).
  
Line 43: Line 42:
 
Even within a panel you have new docking suggestion points for pane splitting.
 
Even within a panel you have new docking suggestion points for pane splitting.
  
 
+
===Pane-splitting===
==Pane-splitting==
 
 
By dragging the floating window and positioning your mouse cursor near the pane you get an internal docking suggestion. You can get the two windows to split the space in half and see both, but with only half the space each. This can be done vertically or horizontally.
 
By dragging the floating window and positioning your mouse cursor near the pane you get an internal docking suggestion. You can get the two windows to split the space in half and see both, but with only half the space each. This can be done vertically or horizontally.
 
In the upper example (Picture 1) the floating window "Project Explorer" would share the space with the "Programmer" if you release the mouse button.
 
In the upper example (Picture 1) the floating window "Project Explorer" would share the space with the "Programmer" if you release the mouse button.
  
==Pane Sharing==
+
===Pane Sharing===
 
As an alternative to pane-splitting, you can get your windows to share a space – they will share a single pane. You choose the form to be seen from the tabs displayed at the edge of the pane. Drag the floating form so that the mouse cursor is over the top of the form.
 
As an alternative to pane-splitting, you can get your windows to share a space – they will share a single pane. You choose the form to be seen from the tabs displayed at the edge of the pane. Drag the floating form so that the mouse cursor is over the top of the form.
 
There are two slight variations on this, depending on the original form occupying the space. The form can be:
 
There are two slight variations on this, depending on the original form occupying the space. The form can be:
Line 56: Line 54:
 
If  you add more forms to the pane than there is room to display the tab,  he left and right arrows become active and can be used to show the tabs that are hidden.
 
If  you add more forms to the pane than there is room to display the tab,  he left and right arrows become active and can be used to show the tabs that are hidden.
  
==Hideaway Forms==
+
===Hideaway Forms===
 
When you click the push-pin at the top of the forms next to the close-down ‘X’, it falls over.  
 
When you click the push-pin at the top of the forms next to the close-down ‘X’, it falls over.  
 
The form becomes ‘unpinned’ and appears to slide off the edge of the screen. The remaining screen re-arranges itself and the space previously taken by the hideaway form is shared with the nearby forms (pic.2.
 
The form becomes ‘unpinned’ and appears to slide off the edge of the screen. The remaining screen re-arranges itself and the space previously taken by the hideaway form is shared with the nearby forms (pic.2.
Line 64: Line 62:
 
}}
 
}}
  
{{Picture_with_subtitle|DMXC3L02 WindowsManager.JPG|2|Unpinned window|center|650px}}
+
{{Picture_with_subtitle|DMXC3_Manual_Panel-Konzept_Hideaway_forms_hidden.png|2|View with different hideaway forms.|center|960px}}
 +
{{Picture_with_subtitle|DMXC3_Manual_Panel-Konzept_Hideaway_forms_shown.png|3|Device control shown.|center|960px}}
  
 
In this panel configuration the left, right and bottom panel are used. The left panel is a split one. The right panel contains one auto-hide window (see tab strip). The Project Explorer window is floating.
 
In this panel configuration the left, right and bottom panel are used. The left panel is a split one. The right panel contains one auto-hide window (see tab strip). The Project Explorer window is floating.
  
==Auto-Hide==
+
===Auto-Hide===
 
DockPanel has an auto-hide feature that can be very useful.
 
DockPanel has an auto-hide feature that can be very useful.
 
If there is any auto hide window, DockPanel will display a tab strip on the out-most edge.  
 
If there is any auto hide window, DockPanel will display a tab strip on the out-most edge.  
Line 77: Line 76:
 
In hide status, only the tab is displayed. The window itself is completely hidden. This will preserve valuable screen space so it can display more information.  
 
In hide status, only the tab is displayed. The window itself is completely hidden. This will preserve valuable screen space so it can display more information.  
  
 
+
===Save/Restore Layout settings===
==Save/Restore Layout settings==
 
 
You can save and restore your individual layout setting by menu ''Settings->Layout''.  
 
You can save and restore your individual layout setting by menu ''Settings->Layout''.  
  
===Further Information===
+
==Further Information==
 
The handling of different panels is based on Dockpanel suite of Weifen Luo (also some text reused).
 
The handling of different panels is based on Dockpanel suite of Weifen Luo (also some text reused).
 
[http://www.codeproject.com/KB/miscctrl/DockManager.aspx]
 
[http://www.codeproject.com/KB/miscctrl/DockManager.aspx]
  
===Exercise===
+
==Exercise==
* Create a new form (Menu "Windows") and dock and release it at several positions
+
1) Create a new form (Menu "Windows") and dock and release it at several positions
* Save and reload your own panel configuration
+
<br>
 
+
2) Save and reload your own panel configuration
===Additional Links and References===
 
*
 
 
 
[[de:Lektion 2]]
 
 
 
__NOTOC__
 
__NOTITLE__
 
  
 
{{NavigationTop-Tut3
 
{{NavigationTop-Tut3
Line 103: Line 94:
 
| TextForwards = Lesson 3
 
| TextForwards = Lesson 3
 
}}
 
}}
 
+
[[de:Lektion_2_Tut3]]
[[Category: DMXControl 3]]
+
[[Category: Tutorials DMXControl 3]]

Latest revision as of 22:15, 29 December 2020

[[File:{{{Logo}}}|48px|link=]] {{{Pagetitle}}}
Arrow back.png Lesson 1
Lesson 3 Arrow forw.png
table of content

Overview

In this lessons you will learn how to operate with the panel system of DMXControl 3.0. You can assign your panels in a flexible way and save and restore your favorite configurations.

Lecture 2: The panel concept of the DMXControl 3 client

DMXControl 3 provides a lot of tools and windows. For different usage situations, different designs will be in focus. Therefore DMXControl uses a very flexible panel mechanism. You can create your own individual panel configurations. The forms in the program can be unlocked to float above the main window or can be docked to the top, bottom, left or right margins. This versatility gives you the power to build screens that are easy to use and tailored to your personal preference and to move panels to several monitors. You can drag a window by grabbing its header bar. It will turn transparent, and small icons will appear on the screen to show where you can dock the window. A panel can also be set to occupy the left-over space in the middle (pic.1).


Picture 1: Panel assignment shown with the project explorer.
Picture 1: Panel assignment shown with the project explorer.


Some important explanations:

  • A "floating" form is simply one that isn’t docked to any side.
  • A pane or panel is a container for several forms.
  • The docking suggestion is a symbol indicating the options where a form can be docked. It is available both in the main window and in each pane. The potential position of the form is indicated by a blue rectangle.
  • Forms are created via the "Windows" system and are closed with the ‘X’ in its top right corner. This will close the form but leave other forms in a pane untouched.
  • The (vertical) push-pin is the small pin icon that appears by default within docked forms that always show. Clicking the push-pin changes the forms status to hide-away form, i.e. the form becomes unpinned and disappears, but a tab is created within the pane. Note that this tab is created on the side that the form was originally docked.
  • Pane splitting - a pane can be split into 2 visible panes
  • Pane sharing - several forms share a pane, but only the top one is displayed. The other ones are in status "auto hide" and show as tabs.

Panes

A docking pane can accommodate more than one form. A pane is automatically created by docking more than one form. All forms contained are represented by a tab strip. Moving the mouse cursor over the tab displays the form (but it doesn't get the focus). By clicking the tab the form is brought into front (with getting the focus).

There are several ways for releasing docking and getting a floating window:

  • After creation a form is already floating
  • Double-click on the blue or grey header bar of a docked form
  • Double-click on the tab of a docked form
  • Click, hold and drag on the header bar of a form
  • Click, hold and drag on the tab of a form

Once a form is floating it can be dragged to be docked anywhere.

Even within a panel you have new docking suggestion points for pane splitting.

Pane-splitting

By dragging the floating window and positioning your mouse cursor near the pane you get an internal docking suggestion. You can get the two windows to split the space in half and see both, but with only half the space each. This can be done vertically or horizontally. In the upper example (Picture 1) the floating window "Project Explorer" would share the space with the "Programmer" if you release the mouse button.

Pane Sharing

As an alternative to pane-splitting, you can get your windows to share a space – they will share a single pane. You choose the form to be seen from the tabs displayed at the edge of the pane. Drag the floating form so that the mouse cursor is over the top of the form. There are two slight variations on this, depending on the original form occupying the space. The form can be:

  • Docked on the side
  • Filling the spare space in the middle (a ‘Document’ form)

If you add more forms to the pane than there is room to display the tab, he left and right arrows become active and can be used to show the tabs that are hidden.

Hideaway Forms

When you click the push-pin at the top of the forms next to the close-down ‘X’, it falls over. The form becomes ‘unpinned’ and appears to slide off the edge of the screen. The remaining screen re-arranges itself and the space previously taken by the hideaway form is shared with the nearby forms (pic.2.


 Important Hint The push-pin applies to the PANE, not to a single window in it. When forms are sharing a pane they are hidden or revealed together.



Picture 2: View with different hideaway forms.
Picture 2: View with different hideaway forms.


Picture 3: Device control shown.
Picture 3: Device control shown.


In this panel configuration the left, right and bottom panel are used. The left panel is a split one. The right panel contains one auto-hide window (see tab strip). The Project Explorer window is floating.

Auto-Hide

DockPanel has an auto-hide feature that can be very useful. If there is any auto hide window, DockPanel will display a tab strip on the out-most edge. An auto hide window has 3 statuses:

  • hide
  • mouse-hover-display and
  • click-display.

In hide status, only the tab is displayed. The window itself is completely hidden. This will preserve valuable screen space so it can display more information.

Save/Restore Layout settings

You can save and restore your individual layout setting by menu Settings->Layout.

Further Information

The handling of different panels is based on Dockpanel suite of Weifen Luo (also some text reused). [1]

Exercise

1) Create a new form (Menu "Windows") and dock and release it at several positions
2) Save and reload your own panel configuration

Arrow back.png Lesson 1
Lesson 3 Arrow forw.png
table of content