Beide Seiten der vorigen Revision
Vorhergehende Überarbeitung
|
|
einfache_steuerelemente [2019/02/07 09:45] 127.0.0.1 Externe Bearbeitung |
einfache_steuerelemente [2019/07/27 16:03] (aktuell) huwi |
Das vielleicht einfachste Steuerelement ist statischer Text ([[http://www.mysvl.de/svl_dict/SStatic.htm|SStatic]]). Mit diesem lassen sich bei der Benutzerführung einfache Inforamtionen als Text anzeigen. Um einen statischen Text auf dem Fenster zu platzieren, fügen Sie in die Klasse //MainWnd// ein Attribut ein. | Das vielleicht einfachste Steuerelement ist statischer Text ([[http://www.mysvl.de/svl_dict/SStatic.htm|SStatic]]). Mit diesem lassen sich bei der Benutzerführung einfache Inforamtionen als Text anzeigen. Um einen statischen Text auf dem Fenster zu platzieren, fügen Sie in die Klasse //MainWnd// ein Attribut ein. |
| |
>>>{{:se:attributanlegen.png?600|ein Attribut in die Klasse einfügen}} | >{{:se:attributanlegen.png?600|ein Attribut in die Klasse einfügen}} |
| |
Wählen Sie im ControlWizard den Typ ([[http://www.mysvl.de/svl_dict/SStatic.htm|SStatic]]). Geben Sie dem Element den Namen "Label".\\ Sie können Position und Größe festlegen sowie einen Textinhalt des Elementes. | Wählen Sie im ControlWizard den Typ ([[http://www.mysvl.de/svl_dict/SStatic.htm|SStatic]]). Geben Sie dem Element den Namen "Label".\\ Sie können Position und Größe festlegen sowie einen Textinhalt des Elementes. |
Erstellen und Starten Sie die Anwendung. | Erstellen und Starten Sie die Anwendung. |
| |
>>>{{:se:staticfertig.png?600|eine SVL-Anwendung mit statischem Text}} | >{{:se:staticfertig.png?600|eine SVL-Anwendung mit statischem Text}} |
| |
====== Eingabefeld, SEdit ====== | ====== Eingabefeld, SEdit ====== |
Eingabefelder stellen im Gegensatz zum SStatic nicht nur einen Text dar, sondern ermöglichen dem Anwender auch, Texte einzugeben. Die SVL stellt als einfaches einzeiliges Eingabefeld die Klasse [[http://www.mysvl.de/svl_dict/SEdit.htm|SEdit]] zur Verfügung. Um ein einfaches Eingabefeld einzufügen, ziehen Sie per Drag & Drop ein Attribut auf die betreffende Fensterklasse. | Eingabefelder stellen im Gegensatz zum SStatic nicht nur einen Text dar, sondern ermöglichen dem Anwender auch, Texte einzugeben. Die SVL stellt als einfaches einzeiliges Eingabefeld die Klasse [[http://www.mysvl.de/svl_dict/SEdit.htm|SEdit]] zur Verfügung. Um ein einfaches Eingabefeld einzufügen, ziehen Sie per Drag & Drop ein Attribut auf die betreffende Fensterklasse. |
| |
>>>{{:se:attributanlegen.png?600|ein Attribut in die Klasse einfügen}} | >{{:se:attributanlegen.png?600|ein Attribut in die Klasse einfügen}} |
| |
Wählen Sie im ControlWizard den Typ //[[http://www.mysvl.de/svl_dict/SEdit.htm|SEdit]]//. Geben Sie dem Element den Namen „Textfeld“. Sie können Position und Größe festlegen sowie einen Textinhalt des Elementes. | Wählen Sie im ControlWizard den Typ //[[http://www.mysvl.de/svl_dict/SEdit.htm|SEdit]]//. Geben Sie dem Element den Namen „Textfeld“. Sie können Position und Größe festlegen sowie einen Textinhalt des Elementes. |
Erstellen und Starten Sie die Anwendung. | Erstellen und Starten Sie die Anwendung. |
| |
>>>{{:se:editfertig.png?600|SVL-Anwendung mit Eingabefeld}} | >{{:se:editfertig.png?600|SVL-Anwendung mit Eingabefeld}} |
| |
| |
Listen spielen in Benutzeroberflächen eine wichtige Rolle. Dem Anwender werden verschiedene Auswahlmöglichkeiten angeboten. Die Auswahlaktion selbst wird zum einen durch das Ereignis //onSelChange// signalisiert und kann sofort eine Systemreaktion auslösen. Zum anderen kann die Auswahl auch zu einem späteren Zeitpunkt ausgewertet werden, indem die Listbox, zum Beispiel mit der Nachricht //getCurSel//, abgefragt wird. Vergleichen Sie dazu die Dokumentation zur Klasse [[http://www.mysvl.de/svl_dict/SListBox.htm|SListBox]]. | Listen spielen in Benutzeroberflächen eine wichtige Rolle. Dem Anwender werden verschiedene Auswahlmöglichkeiten angeboten. Die Auswahlaktion selbst wird zum einen durch das Ereignis //onSelChange// signalisiert und kann sofort eine Systemreaktion auslösen. Zum anderen kann die Auswahl auch zu einem späteren Zeitpunkt ausgewertet werden, indem die Listbox, zum Beispiel mit der Nachricht //getCurSel//, abgefragt wird. Vergleichen Sie dazu die Dokumentation zur Klasse [[http://www.mysvl.de/svl_dict/SListBox.htm|SListBox]]. |
| |
>>>{{:se:attributanlegen.png?600|ein Attribut in die Klasse einfügen}} | >{{:se:attributanlegen.png?600|ein Attribut in die Klasse einfügen}} |
| |
Wählen Sie im ControlWizard den Typ //[[http://www.mysvl.de/svl_dict/SListbox.htm|SListBox]]//. Geben Sie dem Element den Namen „Listbox“. Sie können Position und Größe festlegen sowie einen Listeninhalt des Elementes. Wählen Sie bei der Auswahl zum Klick-Ereignis im Listenfeld eine neue Funktion zur Ereignisbehandlung (//onSelChangeListbox//). | Wählen Sie im ControlWizard den Typ //[[http://www.mysvl.de/svl_dict/SListbox.htm|SListBox]]//. Geben Sie dem Element den Namen „Listbox“. Sie können Position und Größe festlegen sowie einen Listeninhalt des Elementes. Wählen Sie bei der Auswahl zum Klick-Ereignis im Listenfeld eine neue Funktion zur Ereignisbehandlung (//onSelChangeListbox//). |
Vergleichen Sie das Klassendiagramm bis zu diesem Arbeitsstand. Achten Sie auf die neue Operation //onSelChangeListbox// in der Klasse //MainWnd//. | Vergleichen Sie das Klassendiagramm bis zu diesem Arbeitsstand. Achten Sie auf die neue Operation //onSelChangeListbox// in der Klasse //MainWnd//. |
| |
>>>{{:se:kdlistbox.png?600|}} | >{{:se:kdlistbox.png?600|}} |
| |
Erstellen und Starten Sie die Anwendung. | Erstellen und Starten Sie die Anwendung. |
| |
>>>{{:se:listboxfertig.png?600|SVL-Anwendung mit ListBox}} | >{{:se:listboxfertig.png?600|SVL-Anwendung mit ListBox}} |
| |
| |
====== Videozusammenfassung ====== | ====== Videozusammenfassung ====== |
>>><html><iframe width="700" height="525" src="https://www.youtube.com/embed/LVr9_L6Og0Q?rel=0" frameborder="0" allowfullscreen></iframe></html> | ><html><iframe width="700" height="525" src="https://www.youtube.com/embed/LVr9_L6Og0Q?rel=0" frameborder="0" allowfullscreen></iframe></html> |
| |
====== Zusammenwirken der Steuerelmente ====== | ====== Zusammenwirken der Steuerelmente ====== |
| |
| |
>>>**MainWnd::onSelChangeListbox**<code cpp> | >**MainWnd::onSelChangeListbox**<code cpp> |
// lokale Variablen anlegen | // lokale Variablen anlegen |
SString text; | SString text; |
[[http://www.mysvl.de/svl_dict/SEdit.htm|SEdit]] und [[http://www.mysvl.de/svl_dict/SListBox.htm|SListBox]]. Vergleichen Sie dazu das automatisch erstellte Sequenzdiagramm. | [[http://www.mysvl.de/svl_dict/SEdit.htm|SEdit]] und [[http://www.mysvl.de/svl_dict/SListBox.htm|SListBox]]. Vergleichen Sie dazu das automatisch erstellte Sequenzdiagramm. |
| |
>>>{{:se:sdzusammenwirken.png?500|}} | >{{:se:sdzusammenwirken.png?500|}} |
| |
Erstellen, starten und testen Sie die Anwendung. | Erstellen, starten und testen Sie die Anwendung. |
| |
>><html><iframe width="700" height="525" src="https://www.youtube.com/embed/n_FO9f0BhuA?rel=0" frameborder="0" allowfullscreen></iframe></html> | ><html><iframe width="700" height="525" src="https://www.youtube.com/embed/n_FO9f0BhuA?rel=0" frameborder="0" allowfullscreen></iframe></html> |
| |
====== Nächstes Thema ====== | ====== Nächstes Thema ====== |
* [[Entwicklerwerkzeuge]] | * [[Entwicklerwerkzeuge]] |
* [[http://www.mysvl.de/wiki/doku.php?id=start|zurück zur Übersicht]] | * [[http://www.mysvl.de/wiki/doku.php?id=start|zurück zur Übersicht]] |