Programmieren unter C#

Ein kleiner Einstieg in die Entwicklung von Applikationen mit C# unter Visual Studio 2022.

Image Description

Voraussetzungen

Welche Voraussetzungen Sie erfüllen müssen, bevor Sie mit der Programmierung in Csharp beginnen können:

  • IDE (Entwicklungsumgebung)
  • .Net Framework
  • Grundkenntnisse in der Programmierung empfohlen, jedoch nicht zwingend notwendig

IDE

Als IDE empfiehlt sich das kostenlose Tool Visual Studio Community. VS kannst du kostenlos über Microsoft herunterladen.

.Net Framework

Um die entwickelten Applikationen ausführen zu können, muss auf dem Rechner dotNet-Framework installiert sein. Auf modernen Betriebssystemen, wie Windows 10, ist standardmäßig installiert. Andernfalls kann dotNet über Microsoft heruntergeladen werden.

Neues Projekt erstellen

Um ein neues Projekt in Visual Studio zu erstellen klickt Ihr auf „Neues Projekt erstellen“. Alternativ könnt Ihr das mit der Tastenkombination Strg + Umschalt + N machen, sofern Ihr euch bereits in der Entwicklungsumgebung befindet.

Neues Projekt unter Visual Studio 2022
Neues Projekt unter Visual Studio 2022

Anschließend wählt Ihr den Typ des zu erstellenden Projektes. Unter anderem stehen euch folgende Möglichkeiten zur Verfügung

  • Mobile Anwendungen: Xamarin.Forms / .NET MAUI (iOS, Android, Windows Phone,…)
  • Desktop-Anwendungen: WPF (Windows Presentation Framework)
  • Web: ASP.NET
Erstellung einer neuen WPF-Anwendung unter Visual Studio 2022
Erstellung einer neuen WPF-Anwendung

Für dieses kleine Tutorial starten wir mit einer WPF-Anwendung, welche später unter Windows lauffähig sein wird. Wir geben dem Projekt anschließend noch einen Namen und bestätigen den Dialog mit „Erstellen“.

Benennung des Projektes
Benennung des Projektes
Abschluss der Projekt-Konfiguration
Abschluss der Projekt-Konfiguration

Projektübersicht

Wurde das neue Projekt erfolgreich erstellt, öffnet sich die Entwicklungsumgebung.

Projektübersicht unter Visual Studio 2022
Übersicht des Projekts

Der Editor ist wie folgt aufgebaut.

  1. Vorschaufenster
  2. XAML-Code-Editor
  3. Fehlerübersicht & Konsolen-Ausgabe
  4. Projektübersicht

Vorschaufenster

Dieser Bereich zeigt den gerenderten XAML-Code für die aktuelle Seite an. Ihr habt auch hier die Möglichkeit. Elemente per Drag and Drop aus der Werkzeugleiste direkt in das Vorschaufenster zu ziehen und zu platzieren.

Label per Drag and Drop hinzufügen
Label per Drag and Drop hinzufügen

Das Element wird dann automatisch den Container (hier das Grid-Element) hinzugefügt, wo es losgelassen wird. Der dazugehörige XAML-Code wird dann im Code-Editor angezeigt (1). Um das Label zu zentrieren, passen wir die Eigenschaften wie folgt an und führen die Applikation aus (F5).

    <Grid>
        <Label 
            Content="Hello World" 
            Margin="5" 
            VerticalContentAlignment="Center"
            HorizontalContentAlignment="Center"
            />
    </Grid>

Das Ergebnis sieht, zugegeben ziemlich unspektakulär, so aus:

Ausgeführte Applikation
Ausgeführte Applikation „Hello World“

Was this article helpful to you?

Yes No

Related Articles