Lektion 2 Tut3: Unterschied zwischen den Versionen

Aus Deutsches DMXC-Wiki
Keine Bearbeitungszusammenfassung
 
(49 dazwischenliegende Versionen von 12 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<h2 style="{{Style:Hauptseite:Überschrift}}" align="center">DMXControl 3 Lektion 2</h2>
{{Manual Header
<div style="{{Style:Hauptseite:Box}} background-color:#ffffff">
| Type = DMXC3 Tutorials
<!-- Rechte Spalte -->
| zurückLink = Lektion_1_Tut3
<div class="floatright" style="width: 78%;  margin-top:-8px;">
| zurückText = Lektion 1
| vorLink = Lektion_3_Tut3
| vorText = Lektion 3
}}


==Überblick==
==Überblick==
In dieser Lektion wirst Du lernen, wie man mit dem Panel-System von DMXControl 3 umgeht. Du kannst die Panels beliebig anordnen und die Konfiguration speichern und wiederherstellen.


In dieser Übung wirst du lernen wie man mit dem Panel-System von DMXControl 3 umgeht. Du kannst die Panels beliebig anordnen und die Konfiguration speichern und wiederherstellen.
==Lektion 2: Das Panel-Konzept der DMXControl 3 Benutzeroberfläche==
DMXControl 3 stellt eine Menge Fenster (Panels) zur Verfügung. Für verschiedene Anwendungsfälle sind auch jeweils andere Fenster wichtig. Aus diesem Grund nutzt DMXControl 3 ein flexibles Panel-System, mit dem Du Deine eigene Anordnung erstellen kannst. Die Fenster in der Benutzeroberfläche können vom Hauptfenster gelöst oder an den oberen, unteren, linken oder rechten Rand eines Fensters geheftet werden. Diese Flexibilität ermöglicht es Dir, die Benutzeroberfläche sehr einfach an Deine Bedürfnisse anzupassen und ggfs. Fenster auf verschiedene Bildschirme zu verschieben.
Klicke dazu einfach auf eine Fenstertitelleiste oder einen Reiter und ziehe den Mauszeiger über den transparenten Pfeil, um das Panel an den gewünschten Platz anzudocken. Ein Panel kann auch den übrigen Platz in der Mitte einnehmen.
{{Bild_mit_Unterschrift |DMXC3L02 PanelAssignment.jpg|1|Anordnungsmöglichkeiten eines Panels|center|700px}}


==Lektion2: Das Panel-Konzept der DMXControl 3 Benutzeroberfläche==
Hier sind einige Erklärungen:


DMXControl 3 stellt eine Menge von Funktionen und Fenstern zur verfügung. Für verschiedene Anwenderfälle sind auch jeweils andere Fenster wichtig. Aus diesem Grund nutzt DMXControl 3 ein flexibeles Panel-System, mit dem du deine eigene Anordnung erstellen kannst.
* Ein "freies" Fenster ist an keiner Seite angeheftet.
* Ein "pane" bzw. ''panel'' ist ein Container für mehrere Fenster.
* Das Symbol mit den Andockmöglichkeiten zeigt an, wo ein Fenster angedockt werden kann. Es ist sowohl im Hauptfenster als auch in jedem '''panel''' verfügbar. Die Position, wo ein Fenster andockt, wird durch ein blaues Rechteck angezeigt.
* Alle Fenster werden über das Betriebssystem (z.B. Microsoft Windows) erstellt und können über das "X" in der oberen rechten Ecke geschlossen werden. Das "X" schließt immer nur das aktive Fenster. Sollte es mehrere Fenster in einem Panel geben, so bleiben alle anderen Fenster weiterhin geöffnet.
* Die Reißzwecke (senkrecht) ist das kleine Symbol, das erscheint, wenn ein Fenster dauerhaft angezeigt wird. Klickt man auf die Reißzwecke, so wird dieses Fenster ausgeblendet und erscheint erst dann wieder, wenn man das dazugehörige Symbol am Bildrand klickt.  
* Ein Panel kann auch in zwei verschiedene Panels geteilt werden
* Verschiedene Fenster können  sich ein Panel teilen, wobei lediglich das oberste angezeigt wird. Die anderen sind dann ausgeblendet, aber über einen Reiter sichtbar.


The forms in the program can be left to float above the main window or can be docked to the top, bottom, left or right margins. This versatility give you the power to build screens that are easy to use and tailored to your personal preference. Catch a form with the mouse pointer and move the pointer over one transparent arrow to dock the form at wanted place. A form can also be made to occupy the left-over space in the middle.
{{Manual Box | de | Hint | "pane" bedeutet (Fenster-)Scheibe. Da es keine geeignete deutsche Informatik-gerechte Übersetzung gibt, bleiben wir bei den Begriffen "pane" bzw. "panel"/Panel (Rahmenelement, Eingabefeld bzw. Konsole).}}




[[Datei:DMXC3L02 PanelAssignment.jpg|600px]]
===Panel ===
Ein Panel kann mehr als ein Fenster unterbringen. Ein Panel wird automatisch erzeugt, wenn weitere Fenster darin eingebettet werden. Alle Fenster werden durch einen Reiter angezeigt. Ein Klick auf den Reiter führt dazu, dass das entsprechende Fenster angezeigt wird.


Es gibt verschiedene Möglichkeiten für das Lösen eines Fenster aus dem Hauptfenster, um ein freies Fenster zu bekommen.
* Nach der Erzeugung ist es schon gelöst.
* Klicke doppelt auf den blauen oder grauen Kopf des Fensters, um es zu lösen.
* Klicke doppelt auf den Reiter eines eingebetteten Fensters.
* Klicke und halte die linke Maustaste gedrückt, dann ziehe den Kopf des Fensters auf die gewünschte Position.
* Klicke auf einen Reiter, halte die linke Maustaste gedrückt und ziehe das Fenster an die gewünschte Position.


Ein freies Fenster kann jederzeit überall hingezogen und angedockt werden.


Some important explanations:
Selbst in jedem freien Fenster gibt es die Möglichkeit des Andockens und der Aufteilung.
* A floating form is simply one that isn’t docked to any side.
* A pane 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 as else in each pane. The potential position of the form is indicated by a blue rectangle.
* Forms are created via the "Windows" menu and closed with the ‘X’ in its top right corner. This will shut the form down but leave other forms in its pane untouched.
* The (vertical) push-pin is the small pin icon that appears by default within docked forms that are shown permanently. Clicking the push-pin changes the forms status to hide-away form, i.e. the form becomes unpinned and disappeares, but a tab is created within the pane.
* pane splitting - a pane can be splitted 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"


===Panes===
===Felder aufteilen===
A docking pane can accommodate more than one form. A pane is automatically created by docking a form. All forms contained are represented by a tab strip. Moving the mouse curser 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).
Wenn Du ein freies Fenster mit dem Mauszeiger über ein Feld ziehest, so werden Dir verschiedene Möglichkeiten zum Andocken geboten. Es ist möglich, beide Fenster auf einem Feld zu platzieren, so dass beide Fenster jeweils die Hälfte eines Feldes einnehmen. Dies kann horizontal oder vertikal erfolgen.


There are several ways for releasing docking and getting a floating window:
Im obigen Beispiel würde das freie Fenster "Projekt Explorer" beim Loslassen den Platz mit dem Programmer-Panel teilen.
* 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.
===Felder teilen (Pane Sharing)===
Als Alternative zum Felder aufteilen ist es möglich, dass sich zwei Fenster ein Feld teilen. Das Fenster, das angezeigt wird, kann mittels Reiter ausgewählt werden.
Um ein Feld zu teilen, nimm ein freies Fenster und bewege den Mauszeiger in die Mitte der angezeigten Vorschläge.


Even within a panel you have new docking suggestion points for pane splitting.
Es gibt also zwei Möglichkeiten, ein weiteres Fenster in ein Feld zu integrieren:


# Andocken an einer der vier Seiten
# Ausfüllen des freien Raums in der Mitte des Fensters


===Pane-splitting===
Wenn Du mehrere Fenster in ein kleines Feld ziehst, werden links und rechts kleine Pfeile angezeigt, damit Du auch verborgene Reiter sehen kannst.
By dragging the floating window and positioning your mouse cursor near the pane 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.


===Pane Sharing===
===Versteckte Fenster (Hideaway Forms)===
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 the mouse cursor is over the top of the form.
Wenn Du auf die Reißzwecke eines Feldes klickst (neben dem "X" zum Schließen), wird dieses Panel gelöst. Das Panel wird "losgepinnt" und wird als Reiter am Rande des Bildschirms angezeigt. Die verbleibenden Fenster teilen sich jetzt den neugewonnenen Platz.
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, the left and right arrows become active and can be used to show the tabs that are hidden.
{{Bild_mit_Unterschrift |DMXC30 WindowsManager3.JPG|2|Ansicht mit mehreren versteckten Fenstern|center|700px}}


===Hideaway Forms===
In diesem Beispiel gibt es drei automatisch verborgene Fenster (siehe Reiterstreifen: Property Grid; Position und Beam).
When you click the push-pin at the top of the forms next 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 out amongst the nearby forms.
(CHECK:::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./CHECK)


===Auto-Verbergen (Auto-Hide)===
Das Andockfenster hat eine Auto-Verbergen Funktion, die sich als sehr nützlich erweisen kann.
Ist ein Feld verborgen, so wird dies am äußersten Bildrand angezeigt.


[[Bild:DMXC30 WindowsManager3.JPG]]
Auto-Verbergen hat drei verschiedene Modi:  
*Verbergen
*Ausklappen - wenn Du mit dem Mauszeiger darüber fährst
*Ausklappen beim Anklicken


In this panel configuration the left, right and buttom panel are used. The left panel is a splitted one. The right panel containes 3 auto-hide windows (see tab strip). The Live view window is floating.
Im verborgenen Modus wird nur der Reiter angezeigt. Das Fenster selbst ist komplett verborgen. Dies kann nützlichen sein, um mehr Informationen auf dem Bildschirm anzuzeigen.


===Speichern einer Layout Konfiguration===
Im Menüpunkt Settings -> Layout kann eine individuelle Layout-Konfiguration gespeichert und wiederhergestellt werden.


===Auto-Hide===
==Übung==
DockPanel has an auto-hide feature that enables valuable screen real estate to be preserved.
1) Öffne ein neues Fenster (unter Menu -> "Windows") und platziere es an verschiedenen Stellen oder docke es an.
If there is any auto hide window, DockPanel will display a tab strip on the out-most edge.
<br>
Auto hide window has 3 statuses: hide, mouse-hover-display and click-display.
2) Speichere und lade eine benutzerdefinierte Anordnung.
In hide status, only the tab is displayed. The window itself is completely hidden. That can preserve the valuable screen to display more information.  


==Weitere Infos==
Das Panel Konzept basiert auf der Dockpanel Suite von Weifen Luo (Beschreibungstext teilweise übernommen).


===Further information===
The handling of different panels is based on Dockpanel suite of Weifen Luo.
[http://www.codeproject.com/KB/miscctrl/DockManager.aspx]
[http://www.codeproject.com/KB/miscctrl/DockManager.aspx]


 
[[en: Lesson_2_Tut3]]
'''topics to do be added (by beta testers)'''
[[Kategorie: Tutorials DMXControl 3]]
* describe how to save a panel configuration
* add screenshots
* show examples
 
==Excercise==
* Create a new form (Menu "Windows") and dock and relaese it at several positions
* Save and reload a panel configuration.
 
==Additional links and references==
*
 
I have understood the topics of this lecture and want to continue with next course:
[http://www.dmxcontrol.de/mediawiki_beta/index.php?title=Einsteiger:Lesson3 Lektion3:]
 
 
 
</div>
 
<!-- Linke Spalte -->
<div style="{{Style:Hauptseite:Box}} width: 17%; background-color:#f5faff">
{{DMXC3_lesson}}
</div>
 
__NOTOC__
{{Languages|Einsteiger:lesson2}}

Aktuelle Version vom 10. November 2024, 14:18 Uhr

Im-aim.png Lektion 2 Tut3
Arrow back.png Lektion 1
Lektion 3 Arrow forw.png
Inhaltsverzeichnis

Überblick

In dieser Lektion wirst Du lernen, wie man mit dem Panel-System von DMXControl 3 umgeht. Du kannst die Panels beliebig anordnen und die Konfiguration speichern und wiederherstellen.

Lektion 2: Das Panel-Konzept der DMXControl 3 Benutzeroberfläche

DMXControl 3 stellt eine Menge Fenster (Panels) zur Verfügung. Für verschiedene Anwendungsfälle sind auch jeweils andere Fenster wichtig. Aus diesem Grund nutzt DMXControl 3 ein flexibles Panel-System, mit dem Du Deine eigene Anordnung erstellen kannst. Die Fenster in der Benutzeroberfläche können vom Hauptfenster gelöst oder an den oberen, unteren, linken oder rechten Rand eines Fensters geheftet werden. Diese Flexibilität ermöglicht es Dir, die Benutzeroberfläche sehr einfach an Deine Bedürfnisse anzupassen und ggfs. Fenster auf verschiedene Bildschirme zu verschieben. Klicke dazu einfach auf eine Fenstertitelleiste oder einen Reiter und ziehe den Mauszeiger über den transparenten Pfeil, um das Panel an den gewünschten Platz anzudocken. Ein Panel kann auch den übrigen Platz in der Mitte einnehmen.

Abbildung 1:Anordnungsmöglichkeiten eines Panels
Abbildung 1: Anordnungsmöglichkeiten eines Panels


Hier sind einige Erklärungen:

  • Ein "freies" Fenster ist an keiner Seite angeheftet.
  • Ein "pane" bzw. panel ist ein Container für mehrere Fenster.
  • Das Symbol mit den Andockmöglichkeiten zeigt an, wo ein Fenster angedockt werden kann. Es ist sowohl im Hauptfenster als auch in jedem panel verfügbar. Die Position, wo ein Fenster andockt, wird durch ein blaues Rechteck angezeigt.
  • Alle Fenster werden über das Betriebssystem (z.B. Microsoft Windows) erstellt und können über das "X" in der oberen rechten Ecke geschlossen werden. Das "X" schließt immer nur das aktive Fenster. Sollte es mehrere Fenster in einem Panel geben, so bleiben alle anderen Fenster weiterhin geöffnet.
  • Die Reißzwecke (senkrecht) ist das kleine Symbol, das erscheint, wenn ein Fenster dauerhaft angezeigt wird. Klickt man auf die Reißzwecke, so wird dieses Fenster ausgeblendet und erscheint erst dann wieder, wenn man das dazugehörige Symbol am Bildrand klickt.
  • Ein Panel kann auch in zwei verschiedene Panels geteilt werden
  • Verschiedene Fenster können sich ein Panel teilen, wobei lediglich das oberste angezeigt wird. Die anderen sind dann ausgeblendet, aber über einen Reiter sichtbar.


Wichtiger Hinweis "pane" bedeutet (Fenster-)Scheibe. Da es keine geeignete deutsche Informatik-gerechte Übersetzung gibt, bleiben wir bei den Begriffen "pane" bzw. "panel"/Panel (Rahmenelement, Eingabefeld bzw. Konsole).


Panel

Ein Panel kann mehr als ein Fenster unterbringen. Ein Panel wird automatisch erzeugt, wenn weitere Fenster darin eingebettet werden. Alle Fenster werden durch einen Reiter angezeigt. Ein Klick auf den Reiter führt dazu, dass das entsprechende Fenster angezeigt wird.

Es gibt verschiedene Möglichkeiten für das Lösen eines Fenster aus dem Hauptfenster, um ein freies Fenster zu bekommen.

  • Nach der Erzeugung ist es schon gelöst.
  • Klicke doppelt auf den blauen oder grauen Kopf des Fensters, um es zu lösen.
  • Klicke doppelt auf den Reiter eines eingebetteten Fensters.
  • Klicke und halte die linke Maustaste gedrückt, dann ziehe den Kopf des Fensters auf die gewünschte Position.
  • Klicke auf einen Reiter, halte die linke Maustaste gedrückt und ziehe das Fenster an die gewünschte Position.

Ein freies Fenster kann jederzeit überall hingezogen und angedockt werden.

Selbst in jedem freien Fenster gibt es die Möglichkeit des Andockens und der Aufteilung.

Felder aufteilen

Wenn Du ein freies Fenster mit dem Mauszeiger über ein Feld ziehest, so werden Dir verschiedene Möglichkeiten zum Andocken geboten. Es ist möglich, beide Fenster auf einem Feld zu platzieren, so dass beide Fenster jeweils die Hälfte eines Feldes einnehmen. Dies kann horizontal oder vertikal erfolgen.

Im obigen Beispiel würde das freie Fenster "Projekt Explorer" beim Loslassen den Platz mit dem Programmer-Panel teilen.

Felder teilen (Pane Sharing)

Als Alternative zum Felder aufteilen ist es möglich, dass sich zwei Fenster ein Feld teilen. Das Fenster, das angezeigt wird, kann mittels Reiter ausgewählt werden. Um ein Feld zu teilen, nimm ein freies Fenster und bewege den Mauszeiger in die Mitte der angezeigten Vorschläge.

Es gibt also zwei Möglichkeiten, ein weiteres Fenster in ein Feld zu integrieren:

  1. Andocken an einer der vier Seiten
  2. Ausfüllen des freien Raums in der Mitte des Fensters

Wenn Du mehrere Fenster in ein kleines Feld ziehst, werden links und rechts kleine Pfeile angezeigt, damit Du auch verborgene Reiter sehen kannst.

Versteckte Fenster (Hideaway Forms)

Wenn Du auf die Reißzwecke eines Feldes klickst (neben dem "X" zum Schließen), wird dieses Panel gelöst. Das Panel wird "losgepinnt" und wird als Reiter am Rande des Bildschirms angezeigt. Die verbleibenden Fenster teilen sich jetzt den neugewonnenen Platz.

Abbildung 2:Ansicht mit mehreren versteckten Fenstern
Abbildung 2: Ansicht mit mehreren versteckten Fenstern


In diesem Beispiel gibt es drei automatisch verborgene Fenster (siehe Reiterstreifen: Property Grid; Position und Beam).

Auto-Verbergen (Auto-Hide)

Das Andockfenster hat eine Auto-Verbergen Funktion, die sich als sehr nützlich erweisen kann. Ist ein Feld verborgen, so wird dies am äußersten Bildrand angezeigt.

Auto-Verbergen hat drei verschiedene Modi:

  • Verbergen
  • Ausklappen - wenn Du mit dem Mauszeiger darüber fährst
  • Ausklappen beim Anklicken

Im verborgenen Modus wird nur der Reiter angezeigt. Das Fenster selbst ist komplett verborgen. Dies kann nützlichen sein, um mehr Informationen auf dem Bildschirm anzuzeigen.

Speichern einer Layout Konfiguration

Im Menüpunkt Settings -> Layout kann eine individuelle Layout-Konfiguration gespeichert und wiederhergestellt werden.

Übung

1) Öffne ein neues Fenster (unter Menu -> "Windows") und platziere es an verschiedenen Stellen oder docke es an.
2) Speichere und lade eine benutzerdefinierte Anordnung.

Weitere Infos

Das Panel Konzept basiert auf der Dockpanel Suite von Weifen Luo (Beschreibungstext teilweise übernommen).

[1]