Lektion 2 Tut3: Unterschied zwischen den Versionen

Aus Deutsches DMXC-Wiki
Zur Navigation springen Zur Suche springen
K
 
(43 dazwischenliegende Versionen von 9 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<h2 style="{{Style:Hauptseite:Überschrift}}" align="center">DMXControl 3 Lektion 2</h2>
+
{{Hauptüberschrift
<div style="{{Style:Hauptseite:Box}} background-color:#ffffff">
+
| logo = Im-aim.png
<!-- Rechte Spalte -->
+
| ueberschrift = Erste Schritte: {{PAGENAME}}
<div class="floatright" style="width: 78%;  margin-top:-8px;">
+
}}
 
+
{{NavigationTop-Tut3
 +
| zurückLink = Lektion_1_Tut3
 +
| 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 (Panels) 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. Die Fenster in der Benutzeroberfläche können vom Hauptfenster gelöst werden oder an den oberen, unteren, linken oder rechten Fensterrand geheftet werden. Diese Flexibilität ermöglicht es Dir die Benutzeroberfläche einfach oder genau auf deine Bedürfnisse zugeschnitten zu gestalten. Klicke dazu einfach auf ein Fenster und ziehe den Mauszeiger über den Transparenten Pfeil um die Form an den gewünschten Platz an zu docken. Ein Panel kann auch den übrigen Platz in der Mitte einnehmen.
 
  
[[Datei:DMXC3L02 PanelAssignment.jpg|600px]]
+
* 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.
  
 +
{{BoxHinweis
 +
|Text ="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.
  
Hier sind einige Erklärungen:
+
Es gibt verschiedene Möglichkeiten für das Lösen eines Fenster aus dem Hauptfenster, um ein freies Fenster zu bekommen.
* Ein "freies" Fenster ist eines, dass an keiner Seite angeheftet ist
+
* Nach der Erzeugung ist es schon gelöst.
* Ein Feld ist ein Sammelpunkt für mehrere Fenster ?!? (A pane is a container for several forms) Bitte überarbeiten, ich weiß was gemeint ist, kennne die Begriffe aber nicht. LetzFetz
+
* Klicke doppelt auf den blauen oder grauen Kopf des Fensters, um es zu lösen.
* Das Symbol mit den Andockmöglichkeiten zeigt an, wo ein Fenster angedockt werden kann. Es ist sowohl im Hauptfenster als auch in jedem Feld ? verfügbar. Die mögliche Position eines Fenster wird durch ein blaues Rechteck angezeigt.
+
* Klicke doppelt auf den Reiter eines eingebetteten Fensters.
* 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 Feld geben, so bleiben alle anderen Fenster weiterhin geöffnet.
+
* Klicke und halte die linke Maustaste gedrückt, dann ziehe den Kopf des Fensters auf die gewünschte Position.
* Die Reißzwecke (Senkrecht) ist das kleine Symbol, dass 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.
+
* Klicke auf einen Reiter, halte die linke Maustaste gedrückt und ziehe das Fenster an die gewünschte Position.
* Felder ? aufteilen - Ein Feld ? kann auch in 2 verschiedene Felder geteilt werden
 
* Felder teilen - Verschiedene Fenster teilen sich ein Feld, wobei lediglich das oberste angezeigt wird. Die anderen sind dann ausgeblendet
 
 
 
===Felder (Panes)===
 
Ein Feld kann mehr als eine Form unterbringen. Ein Feld wird automatisch erzeugt, wenn weitere Fenster in ein Feld eingebettet werden. Alle Fenster werden durch einen Tab (?) angezeigt. Ein Klick auf den Tab und das entsprechende Fenster wird angezeigt.
 
 
 
Es gibt verschiedene Möglichkeiten für das lösen eines Fenster aus dem Hauptfenster um ein freies zu bekommen.
 
* Nach der Erzeugung ist es schon gelöst
 
* Doppelklicke auf den blauen oder grauen Kopf des Fensters um es zu lösen
 
* Doppelklicke auf den Tab (?) eines eingebetteten Fensters
 
* Klicke und halte die linke Maustaste gedrückt und ziehe den Kopf des Fensters auf die gewünschte Position
 
* Klicke auf einen Tab (?) und 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.
 
Ein freies Fenster kann jederzeit überall hingezogen und angedockt werden.
Zeile 40: Zeile 45:
  
 
===Felder aufteilen===
 
===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.
  
Wenn du ein freies Fenster (?) mit dem Mauszeiger über ein Feld ziehst, 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.
  
===Pane Sharing===
+
===Felder teilen (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 the mouse cursor is over the top of the form.
+
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.  
There are two slight variations on this, depending on the original form occupying the space. The form can be:-
+
Um ein Feld zu teilen, nimm ein freies Fenster und bewege den Mauszeiger in die Mitte der angezeigten Vorschläge.
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.
+
Es gibt also zwei Möglichkeiten, ein weiteres Fenster in ein Feld zu integrieren:
  
===Hideaway Forms===
+
# Andocken an einer der vier Seiten
When you click the push-pin at the top of the forms next the close-down ‘X’, it falls over.
+
# Ausfüllen des freien Raums in der Mitte des Fensters
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)
 
  
 +
Wenn Du mehrere Fenster in ein kleines Feld ziehst, werden links und rechts kleine Pfeile angezeigt, damit Du auch verborgene Reiter sehen kannst.
  
[[Bild:DMXC30 WindowsManager3.JPG]]
+
===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.
  
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.
+
{{Bild_mit_Unterschrift |DMXC30 WindowsManager3.JPG|2|Ansicht mit mehreren versteckten Fenstern|center|700px}}
  
 +
In diesem Beispiel gibt es drei automatisch verborgene Fenster (siehe Reiterstreifen: Property Grid; Position und Beam).
  
===Auto-Hide===
+
===Auto-Verbergen (Auto-Hide)===
DockPanel has an auto-hide feature that enables valuable screen real estate to be preserved.
+
Das Andockfenster hat eine Auto-Verbergen Funktion, die sich als sehr nützlich erweisen kann.
If there is any auto hide window, DockPanel will display a tab strip on the out-most edge.  
+
Ist ein Feld verborgen, so wird dies am äußersten Bildrand angezeigt.
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. That can preserve the valuable screen to display more information.  
 
  
 +
Auto-Verbergen hat drei verschiedene Modi:
 +
*Verbergen
 +
*Ausklappen - wenn Du mit dem Mauszeiger darüber fährst
 +
*Ausklappen beim Anklicken
  
===Further information===
+
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.
The handling of different panels is based on Dockpanel suite of Weifen Luo.
 
[http://www.codeproject.com/KB/miscctrl/DockManager.aspx]
 
  
 +
===Speichern einer Layout Konfiguration===
 +
Im Menüpunkt Settings -> Layout kann eine individuelle Layout-Konfiguration gespeichert und wiederhergestellt werden.
  
'''topics to do be added (by beta testers)'''
+
==Übung==
* describe how to save a panel configuration
+
1) Öffne ein neues Fenster (unter Menu -> "Windows") und platziere es an verschiedenen Stellen oder docke es an.
* add screenshots
+
<br>
* show examples
+
2) Speichere und lade eine benutzerdefinierte Anordnung.
  
==Excercise==
+
==Weitere Infos==
* Create a new form (Menu "Windows") and dock and relaese it at several positions
+
Das Panel Konzept basiert auf der Dockpanel Suite von Weifen Luo (Beschreibungstext teilweise übernommen).
* Save and reload a panel configuration.
 
  
==Additional links and references==
+
[http://www.codeproject.com/KB/miscctrl/DockManager.aspx]
*
 
 
 
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__
+
{{NavigationTop-Tut3
{{Languages|Einsteiger:lesson2}}
+
| zurückLink = Lektion_1_Tut3
 +
| zurückText = Lektion 1
 +
| vorLink = Lektion_3_Tut3
 +
| vorText = Lektion 3
 +
}}
 +
[[en: Lesson_2_Tut3]]
 +
[[Kategorie: Tutorials DMXControl 3]]

Aktuelle Version vom 13. August 2014, 13:03 Uhr

Im-aim.png Erste Schritte: 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]

Arrow back.png Lektion 1
Lektion 3 Arrow forw.png
Inhaltsverzeichnis