Erstelle deine erste Oberfläche in WPF & C# | Das BallSpiel

Der Einstieg in WPF mit C# und .NET Core anhand eines konkreten Projekts. Gemeinsam entwickle ich mit dir ein einfaches Spiel. Du brauchst keine Vorkenntnisse. Inkl. Übung & Quellcode.

Mit diesem Video möchte ich dir zeigen wie schnell du eine Anwendung mit Oberfläche erstellen kannst. Dabei steht nicht im Vordergrund, dass du alles verstehst, sondern, dass du es selber machst. So sammelst du deine erste praktische Erfahrung und kannst später in die Punkte eintauchen die dir unklar sind.
Die wichtigsten Schritte die wir gemeinsam in diesem Video beschreiten sind folgende (Einsprungsmarken zu den einzelnen Teilen findest du direkt in der Abspielleiste des YouTube-Players):
1. Ein WPF Projekt unter .NET Core und C# in Visual Studio 2019 (oder 2017) anlegen
2. Ich zeige dir die wichtigsten Fenster für die Entwicklung mit Oberflächen und gebe dir einen ersten Einstieg in XAML. XAML (eXtensible Application Markup Language) wird in WPF zur Beschreibung der Oberfläche benutzt.
4. Nun beginnt die eigentliche Arbeit und du positionierst den Ball für unser BallSpiel auf dem Spielfeld
5. Warum du in WPF ein dynamisches Design verwenden solltest, was das ist und was der Unterschied zum statischen Design ist.
6. Starten des Spiels durch einen Button-Click Eventhandler
7. Wie kann der Ball auf dem Canvas bewegt werden?
8. Auswahl & Anlegen eines Timers zur Steuerung des Balls
9. Konfiguration des DispatcherTimers
13. Zählen, wenn der Ball auf dem Spielfeld angeklickt wurde

Zukünftig werde ich weitere Videos veröffentlichen in denen wir diese Anwendung gemeinsam erweitern.

########### RELEVANTE VIDEOS ###############

##############################################

Mehr zum Thema C# und professionelle Softwareentwicklung findest du unter:

0:00 Ein WPF Projekt anlegen
2:25 Erster Einstieg in WPF & XAML
5:53 Controls aus der Toolbox aufs Window
12:05 Ball auf dem Spielfeld positionieren
12:54 dynamisches Design in WPF
15:30 Starten des Spiels durch einen Button-Click Eventhandler
19:33 Wie kann der Ball auf dem Canvas bewegt werden?
21:38 Auswahl & Anlegen eines Timers zur Steuerung des Balls
23:13 Konfiguration des DispatcherTimers
25:57 Ball bewegen im Timer-Tick-Handler
28:33 Ball amSpielfeldrand umdrehen lassen.
34:12 Übungsaufgabe
39:20 Zähler erhöhen, wenn Ballangeklickt wurde

#WPF #CSharp #ProgrammierenLernen

[LernMoment]

🔝⬆️🔝 Den Link zum Quellcode findest du in der Videobeschreibung! 🔝⬆️🔝
Hier ein paar Einsprungpunkte:
0:00 WPF Projekt anlegen
2:25 Fenster & XAML Editor in VS2019 für WPF
5:53 Controls auf die Oberfläche ziehen
12:05 Den Ball positionieren
12:54 dynamisches vs. statisches Design
15:30 Der Start/Stop-Button-Click Eventhandler
19:33 Wie kann der Ball auf dem Canvas bewegt werden?
21:38 Auswahl & Anlegen eines Timers zur Steuerung des Balls
25:57 Ball bewegen im Timer-Tick-Eventhandler
28:33 Ball am linken und rechten Spielfeldrand umdrehen lassen
34:12 ÜBUNG: Ball am oberen/unteren Rand drehen lassen

[Mile-Art]

Supergeilo erklärt. Ich wünschte bei ILS würde das auch so erklärt werden in den Lernheften. Das hätte mir manches graues Haar erspart. Danke dafür. Sofort alles verstanden. Vielleicht auch weil ich das Studium schon durch habe aber trotzdem noch den einen oder anderen "AhA-Moment" gehabt. 🙂

[johannesklett]

Hallo Jan,
vielen Dank für das lehrreiche und didaktisch super aufgebaute Video. Ich bin 72 Jahre alt und möchte meine Gehirnzellen durch erstellen von C++, C# und WPF Anwendungen etwas trainieren.
Die „Berlin-Uhr“ oder auch als „Mengenlehre-Uhr“ bezeichnet läuft als Desktop Anwendung schon.
Jetzt möchte ich noch eine grafische Oberfläche dafür erstellen. Ich wünsche dir viel Erfolg, Glück und
Gesundheit.
Viele Grüße

[mariowolf]

Es gibt Tausende Videos hier auf Youtube zum Thema WPF und CO.
Allerdings versteht es keiner die Materie so gut zu erklären wie du .
In 45 Min so viele Informationen zu vermitteln ohne das es Langweilig wird und Spaß macht, da gehört schon etwas dazu.
Danke dafür.
Ich freue mich schon auf die nächsten Videos !

[alexbargen]

Sehe das Video jetzt 4 Jahre nach Veröffentlichung. Verstehe ehrlich gesagt nicht wieso du nicht viel mehr Abonnenten hast.
Super Video!

[Kirsh]

Wirklich toll gemachtes Video! Ich finde es schön, wie viel Liebe für Details in die Zwischensequenzen gesteckt wurde. Das macht das Video sehr zugänglich.

[cschle]

Echt gutes Tutorial. Vor vielen Jahren habe ich viel mit WinForms/C# programmiert.


Für Anfänger ist das Tutorial echt spitze. Stellvertretend für diese möchte ich einfach mal Danke sagen.
Denn das Projekt "Ballspiel" ist vielleicht in 5 Minuten geschrieben/erstellt. Das Tutorial-Video hat sicher viele Stunden gebraucht.


Eine Idee für Tutorials hätte ich. Wenn jemand das Live nach tippen möchte, wäre es sicher hilfreich wenn Du beim eingeben von neuem Quellcode (oder ändern von Vorhandenem) es neben dem Zeigen mit Angabe der Zeilennummer sagst.
Also nicht nur "vielleicht habe ich nur vergessen das eine x umzutauschen in ein y" sondern "vielleicht habe ich ich nur vergessen in Zeile 69 das eine x umzutauschen in ein y".
So kann man ohne aufs Video schauen zu müssen, allein von Ton die richtige Stelle im Quellcode finden.


Aber ansonsten : Tutorial.Quality = Qualities.Perfect;

[promensjuggler]

Sehr talentierter "Erklär-Bär" - thx dafür und weiter so!

[PythBuster]

Hallo, ich lerne u.a. aus beruflichen Gründen C# und versuche mich an WPF. Ich freue mich auf deine anderen C# Tutorials und bedanke mich für dieses Video. :)

[neyax]

Wie aufwendig und gut gemacht das Video ist! Hut ab weiter so!

[NivtiNivti-cpbt]

Du brauchst mehr Aufmerksamkeit mein Lieber. Super Video und mega gut erklärt :)

[bko]

Ich finde das Video echt Top, was ich Persönlich immer etwas verwirrend finde, ist die ganzen Biblitheken zu kennen / zu finden mit den passenden methoden. Ich selbst bin erst seit kurzen an c# dran, ursprünglich komm ich aus dem java bereich und habe mich an FX probiert bin aber mit FX nicht so zufrieden wie mit WPF. Was Ich sehr gerne sehen würde, währe ein Video, wie es mit VS 2021 und SQL datenbanken in WPF aussieht und Funktioniert - bislang habe ich leider nur ältere videos gefunden die mehr verwirrt haben wie klarheit zu schaffen.
Danke für deine Videos
Bester Gruß

[joha]

du erklärst das wirklich gut und machst dir viel Mühe. Vielen Dank.

[sebastiangillissen]

Hallo! Obwohl ich eigentlich nur ein Technikversierter Gerüstbauer bin und dies mein erstes Prog, war, habe ich es sehr gut mit deiner Anleitung hinbekommen ! dazu muss ich noch hinzufügen das ich schon von klein an ein TechFreak bin, mit 8 Jahren habe ich schon an Kassetenrecordern die Tonköpfe gegen Audiokabel ausgetauscht, bei CDRom´s im pc Chinchstecker eingelötet weil ich kein Geld für eine gute Grafikkarte hatte, aber das Programmieren Fehlte mir noch . Mann lernt nie aus !!!! Vielen Danke für Dieses super Video, ich werde auf jeden fall am Ball bleiben und mir deinen Stoff Reinziehen!!! PS. Scheinst ein Cooler Typ zu sein, Liebe Grüße Sebastian Gillissen

[moritzmuller]

Nach zwei Jahren immer noch aktuell und einfach gut erklärt, ist auch sehr anfängerfreundlich, besonders wenn man noch nie richtig Programmiert hat oder wie ich nur Erfahrung in HTML hat. PS freue mich auf die nächsten Videos.

[GrowmieTilman]

Danke für das gute Video, finde es gut mit Spaß zu lernen. Du bist das deutsche Pendant zu Tim Corey (deine Videos machen mehr Spaß!) und ich gucke mir deine Videos immer gerne an !

[Chefspatz]

Alles super erklärt! Die größte Herausforderung waren für mich die Unterschiede von deiner VS-Version und 2022, weil einiges anders aussah. Am Ende wusste ich zuerst nicht, warum der Ball diagnal geflogen ist, aber schließlich hatte ich den Bogen raus. Du bist ein toller Lehrer! :)

[KonradRadinger]

Hallo Jan, echt super! Ich kenne zwar WPF, aber so ein Ballspiel "außerhalb" der Standardoberflächen und superwitzig verpackt finde ich sehr gelungen.

[ViaVemely]

Das Tutorial war sehr hilfreich, an manchen Stellen etwas zu schnell, da ich nicht so schnell mitschreiben kann aber sonst gut. Am meisten hatte ich Probleme die Toolbox zu finden, ich hatte WPF vorher noch nie benutzt und wusste dann nicht wie man die öffnet. Ein noch größeres Problem war für mich der Teil wo sie den DispatcherTimer gemacht hatten und dieses kleine Symbol gedrückt haben. Ich musste das 10 mal anschauen um zu sehen was sie da eigentlich angeklickt haben. Ich hatte davor auch nicht gesehen das da so ein kleines Symbol war, sondern dachte zuerst das sie was anderes gedrückt haben. Da würde ich auch erneut sagen vielleicht etwas langsamer damit man besser sieht was sie da eigentlich tun, aber sonst hat man alles gut verstanden und bei mir funktioniert das auch.
Also, danke für das Tutorial :)

[justzock]

Sehr gutes Video! Guter Aufbau und leicht zu verstehen! Sehr sympathischer Mensch und es war sehr unterhaltsam, dafür das man nur etwas lernen wollte! 40 Minuten haben sich sehr gelohnt. Vielen Dank!