Hallöchen
heute möchte ich euch mein erstes (kleines) Tutorial vorstellen.
Was werd ich euch jetzt zeigen?
- Ich zeige euch, wie man mit (sehr) einfach mitteln ein schönes Design-Feature machen kann. Das ganze nenne ich Formswitcher
Was benötigt man?
für mein Beispiel braucht ihr..
- 2 Timer
- 2 Groupboxen
- 2 Buttons (oder andere "Knöpfe")
Wie sieht das denn aus, wenn´s fertig ist?
Projekt im Anhang
Gut, dann fangen wir mal an!
1. Als erstes müsst ihr euch 2 Groupboxen auf die Form platzieren, am besten gleich groß.
2. Um eine schönere Übersicht zu haben, könnt ihr die Form zu groß ziehen, wie es für euch am praktischten ist. Denn wir sagen dem Form_Load, das er nur so groß sein darf wie die Groupbox.
3. In den Groupboxen kommen jetzt je 1 Button rein. Den ersten nenn wir mal "Switchen" und den zweiten "Zurück".
4. Jetzt benötigen wir noch zwei timer.
5. In dem Code des 1. Buttons wird gesagt, das beide timer stoppen sollen, um Fehler zu vermeiden, daraufhin wird der 1. Timer gestartet. Das gleiche beim 2. Button nur mit Timer 2.
Button 1, "Switchen" :
Button 2, "zurück":
6. Nun muss den Timern noch gesagt werden, was sie tun sollen. Zuerst stellen wir den Interval auf 10 oder geringer. Damit bewirk man, dass das "Switchen" ruckelfrei abläuft.
Code des 1. Timers:
Erklärung:
Zuerst wird mit einer If-Abfrage überprüft, ob die Koordinate x der Groupbox auf 0 ist, denn wenn das so ist, ist die Groupbox am richtigem Ort.
Daraufhin werden beide Groupboxen um 5 nach links verschoben, bis halt x = 0 ist.
der Code des zweiten timers sieht eigentlich ähnlich aus:
Erklärung: Hier ist nur anders, das Groupbox1.x = 0 sein muss und die groupboxen werden nach rechts verschoben.
Fertig! So einfach ist das
Und wie ich finde, sieht das sehr schick aus.
Im Anhang nochmal das komplette Projekt.
heute möchte ich euch mein erstes (kleines) Tutorial vorstellen.
Was werd ich euch jetzt zeigen?
- Ich zeige euch, wie man mit (sehr) einfach mitteln ein schönes Design-Feature machen kann. Das ganze nenne ich Formswitcher
Was benötigt man?
für mein Beispiel braucht ihr..
- 2 Timer
- 2 Groupboxen
- 2 Buttons (oder andere "Knöpfe")
Wie sieht das denn aus, wenn´s fertig ist?
Projekt im Anhang
Gut, dann fangen wir mal an!
1. Als erstes müsst ihr euch 2 Groupboxen auf die Form platzieren, am besten gleich groß.
2. Um eine schönere Übersicht zu haben, könnt ihr die Form zu groß ziehen, wie es für euch am praktischten ist. Denn wir sagen dem Form_Load, das er nur so groß sein darf wie die Groupbox.
3. In den Groupboxen kommen jetzt je 1 Button rein. Den ersten nenn wir mal "Switchen" und den zweiten "Zurück".
4. Jetzt benötigen wir noch zwei timer.
5. In dem Code des 1. Buttons wird gesagt, das beide timer stoppen sollen, um Fehler zu vermeiden, daraufhin wird der 1. Timer gestartet. Das gleiche beim 2. Button nur mit Timer 2.
Button 1, "Switchen" :
Button 2, "zurück":
6. Nun muss den Timern noch gesagt werden, was sie tun sollen. Zuerst stellen wir den Interval auf 10 oder geringer. Damit bewirk man, dass das "Switchen" ruckelfrei abläuft.
Code des 1. Timers:
VB.NET-Quellcode
- Private Sub Timer1_Tick(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Timer1.Tick
- If GroupBox2.Location.X = 0 Then
- Timer1.Stop()
- End If
- GroupBox1.Location = New Point(GroupBox1.Location.X - 5, GroupBox1.Location.Y)
- GroupBox2.Location = New Point(GroupBox2.Location.X - 5, GroupBox1.Location.Y)
- End Sub
Erklärung:
Zuerst wird mit einer If-Abfrage überprüft, ob die Koordinate x der Groupbox auf 0 ist, denn wenn das so ist, ist die Groupbox am richtigem Ort.
Daraufhin werden beide Groupboxen um 5 nach links verschoben, bis halt x = 0 ist.
der Code des zweiten timers sieht eigentlich ähnlich aus:
VB.NET-Quellcode
- Private Sub Timer2_Tick(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Timer2.Tick
- If GroupBox1.Location.X = 0 Then
- Timer2.Stop()
- End If
- GroupBox1.Location = New Point(GroupBox1.Location.X + 5, GroupBox1.Location.Y)
- GroupBox2.Location = New Point(GroupBox2.Location.X + 5, GroupBox1.Location.Y)
- End Sub
Erklärung: Hier ist nur anders, das Groupbox1.x = 0 sein muss und die groupboxen werden nach rechts verschoben.
Fertig! So einfach ist das
Und wie ich finde, sieht das sehr schick aus.
Im Anhang nochmal das komplette Projekt.
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von „MySide“ ()