Übung 6

<BODY BGCOLOR="#C0C0C0"> <TABLE border=0 Width=100%> <TR> <td Width=30% rowspan=3 colspan=5 bgcolor="#C0C0C0"> </td> <TD Width=6% valign="MIDDLE" align="center" rowspan=3 bgcolor="#D2D2D2"><FONT size="6" face="Verdana" color="#FFFFFF">6</FONT></TD> <td Width=54% rowspan=3 colspan=9 bgcolor="#C0C0C0"> </td> <TD Width=10% bgcolor="#C0C0C0"> </td> </TR> <tr> <TD bgcolor="#C0C0C0"> </td> </TR> <tr> <TD bgcolor="#C0C0C0"> </td> </TR> </TABLE> <BR> <H1>Übung: Vertikale und Horizontale Bildlaufleisten</H1> <P><img src="graphics/line_rainbow.gif"></P> <BR> <P><B>Das Ziel dieser Übung ist das Erlernen des Umgangs mit den horizontalen und vertikalen Bildlaufleisten. Am Ende dieser Übung sollte man folgendes beherrschen:</B></P> <UL> <LI><P>Erstellen jedes dieser Steuerelemente aus der Werkzeugsammlung heraus, und Plazieren auf einer Form.</P> <LI><P>Setzen deren Minimum- und Maximum-Werte zur Entwurfszeit.</P> <LI><P>Erstellen eines einfachen Codes, um die aktuellen Werte der Bildlaufleisten zur Laufzeit weiterzuverarbeiten.</P> </UL> <BR> <H2>Bildlaufleisten</H2> <P>Bildlaufleisten können in mancherlei Hinsicht nützlich sein. Vertikale Bildlaufleisten sieht man häufig in der Textverarbeitung, wenn der gesamte Text nicht gleichzeitig am Bildschirm gezeigt werden kann. Beide Bildlaufleisten können jedoch auch für ganz andere Zwecke verwendet werden als das traditionelle Scrollen, zum Beispiel können sie als Eingabewerkzeug für das Zuweisen von Werten einer Farbskala oder einer Lautstärkeskala verwendet werden.</P> <P>Schlagen Sie in der Online-Hilfe von VB nach, um mehr über diese Steuerelemente zu erfahren.</P> <BR> <H2>Aufgaben</H2> <OL> <B><LI></B><P>Schreiben Sie ein einfaches Programm wie folgt:</P> <H3>Oberfläche:</H3> <CENTER><IMG BORDER=1 SRC="graphics/ueb_6_1.jpg"></CENTER> <BR> <H3>Ablauf:</H3> <P>Die Textfelder an Anfang und Ende der Bildlaufleisten zeigen den Minimal- bzw. Maximalwert der jeweiligen Bildlaufleiste (Werte zur Entwurfszeit setzen). Statt Textfelder können hierfür auch Labels verwendet werden.</P> <P>Die beiden Textfelder in der Mitte zeigen die aktuelle Geschwindigkeit und Höhe an, und geben den jeweilgen Wert zurück, den der Benutzer mit den Bildlaufleisten einstellt. Dies geschieht zur Laufzeit. Der Text ist zentriert (durch Setzen der Multiline-Eigenschaft auf <i>Wahr</i> und der Align-Eigenschaft auf <i>Centered</i>, beides zur Entwurfszeit).</P> <P><B>Tip:</B> Der nachfolgende Code steht hinter der horizontalen Bildlaufleiste. Das '&' ist ein Verkettungsoperator, der es erlaubt, Zeichenketten 'aneinanderzukleben'. Beachten Sie, daß die festen Zeichenkettenteile in Gänsefüßchen stehen (dieser Teil wird exakt so angezeigt). Variablen wie z.B. <TT>Hscroll1.Value</TT> (der aktuelle Wert der horizontalen Bildlaufleiste) können in Zeichenketten eingefügt werden - diese werden von VB ausgewertet und das Resultat eingesetzt.</P> <B><PRE> <FONT COLOR="#23238E">Sub</FONT> HScroll1_Change <FONT COLOR="#23238E">()</FONT> txtCurrSpeed.Text <FONT COLOR="#23238E">=</FONT> "Die aktuelle Geschwindigkeit beträgt " <FONT COLOR="#23238E">&</FONT> HScroll1.Value <FONT COLOR="#23238E">&</FONT> " km/h." <FONT COLOR="#23238E">End Sub</FONT> </PRE></B> <BR> <B><LI></B><P>Verwenden Sie die Bildlaufleisten, um Bildschirmobjekte zu manipulieren. Im folgenden Beispiel ist das Figur-Steuerelement dafür verwendet worden.</P> <P>Experimentieren Sie mit dem Figur-Steuerelement <IMG ALIGN="BOTTOM" SRC="graphics/shape.jpg">. Finden Sie heraus, wie man die Figur mit dem Eigenschaften-Fenster ändern kann.</P> <H3>Oberfläche:</H3> <CENTER><IMG BORDER=0 SRC="graphics/ueb_6_2.jpg"></CENTER> <H3>Ablauf:</H3> <P>Die drei Befehls-Schaltflächen werden eingesetzt, um die Figur des gezeigten Objekts zu verändern.</P> <P>Die vertikale Bildlaufleiste steuert die Höhe und die horizontale die Breite des Objekts.</P> <P>Wenn Sie mit den Eigenschaften des Figur-Steuerelementes experimentieren, stellen Sie fest, welche Maximalwerte für Höhe und Breite geeignet sind. Der Maximalwert der Bildlaufleisten sollte auf den gleichen Wert wie der Startwert für Höhe und Breite des Objekts gesetzt werden.</P> <P><B>Anmerkung:</B> Der Kreis wird selbstverständlich nicht seine Höhe und Breite unabhängig voneinander ändern lassen.</P> <P><B>Tip:</B> Diese Anwendung braucht nur <B>EINE</B> Codezeile hinter jedem der fünf interaktiven Steuerelemente!</P> <P>Selbstverständlich kann man die Eigenschaften (z.B. <TT>Size</TT> ) interaktiv zur Laufzeit auch anders steuern, z.B. über Menüs, Schaltflächen, Kontrollkästchen, usw.. Führen sie einige Experimente zum Ändern der <TT>Farbe</TT> (Rahmen und Füllung) und <TT>Schriftgröße</TT> mit verschiedenen Methoden durch.</P> <BR> </OL> <HR> <BR> <A HREF="Uebung05.html"><img align="middle" border=0 src="graphics/up.gif"> Übung 5</A> (Erstellen und Verwenden von Steuerelementen-Datenfelder (Arrays))<BR> <A HREF="Inhalt.html"><img align="middle" border=0 src="graphics/left.gif"> Hauptseite</A><BR> <A HREF="Uebung07.html"><img border=0 align="middle" src="graphics/down.gif"> Übung 7</A> (Animation und Graphik)<BR> </BODY>