Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

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
Zeile 16: Zeile 16:
 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.
Zeile 25: Zeile 25:
 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.
Zeile 38: Zeile 38:
 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}}
  
  
Zeile 44: Zeile 44:
 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//​).
Zeile 52: Zeile 52:
 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 ======
Zeile 67: Zeile 67:
  
  
->>>​**MainWnd::​onSelChangeListbox**<​code cpp>+>​**MainWnd::​onSelChangeListbox**<​code cpp>
 // lokale Variablen anlegen // lokale Variablen anlegen
 SString text; SString text;
Zeile 92: Zeile 92:
  ​[[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]]