Ezt a lépéssort a 0. fejezetben már részletesen megnézted. Itt röviden összefoglaljuk, hogy önállóan végig tudd csinálni:

1. Nyisd meg a Visual Studiót, és a nyitóképernyőn válaszd a Create a new project lehetőséget.
2. Keresd meg a Windows Forms App (.NET Framework) sablont (C# nyelvvel), és kattints a Next gombra. A választásról a 0.4 leckében olvashattál, bármelyik sablon jó.
3. A projekt neve legyen ElsoAblakom. Ha a Visual Studio kínálja, a keretrendszer legyen .NET Framework 4.7.2, majd kattints a Create gombra.
4. Megnyílik a tervező az üres Form1 ablakkal. Ha nem látod, a Solution Explorerben jobb gombbal kattints a Form1.cs fájlra, és válaszd a View Designer pontot.

Te jössz!

Hozd létre a projektet, majd nyomd meg az F5 billentyűt: egy üres ablaknak kell megjelennie. Zárd be, és térj vissza a Visual Studióba.

A megnyitott projekt így néz ki. A nyilak a tervező legfontosabb részeit jelölik:

Ezeket a paneleket a 0.6 leckében részletesen megismerted. Ha egy panel eltűnt, a View menüben visszahozhatod.

Építsd fel a felületet:

1. View → Toolbox (Ctrl+Alt+X), majd húzz egy Label-t és egy Button-t az ablakra.
2. Kattints a gombra, és az F4 billentyűvel nyisd meg a Properties ablakot. A (Name) legyen btnKoszones, a Text pedig Köszönés.
3. A feliratnál a (Name) legyen lblUzenet, a Text pedig Kezdésre kész.

Miért rövidítjük az előtagokat?

Az előtagból azonnal látod a vezérlő típusát. A leggyakoribbak: btn (Button), lbl (Label), txt (TextBox), cmb (ComboBox), chk (CheckBox), lst (ListBox), rtb (RichTextBox). Az előtagok nem kötelező C# szabályok, csak szokások, amelyek olvashatóbbá teszik a kódot.

Pontosan ugyanazt a nevet írd!

A kódban a (Name) tulajdonságban megadott nevet használod. Ha a Properties ablakban btnKoszones a név, a kódban is pontosan így kell írnod, kis- és nagybetűre is figyelve.

Kattints duplán a gombra: a Visual Studio létrehozza a btnKoszones_Click eseménykezelőt, és megnyitja a kódnézetet. A kapcsos zárójelek közé írd be az alábbi sort:

private void btnKoszones_Click(object sender, EventArgs e)
{
    lblUzenet.Text = "Szia! Ez az első ablakom.";
}

Jósolj!

Elindítod a programot (F5). Mit mutat a felirat a gomb megnyomása előtt? És utána?

Mi a baj, és hogyan javítod?

Gondold végig az okot, és csak utána nyisd le a megoldást.

1. A gomb felirata változik a felirat helyett

btnKoszones.Text = "Szia! Ez az első ablakom.";

2. Ismeretlen név

lblUzenet.Text = "Szia!";
// CS0103: The name 'lblUzenet' does not exist in the current context

3. Hiányzó idézőjel

lblUzenet.Text = Szia!;

4. Hiányzó pontosvessző

lblUzenet.Text = "Szia!"
// CS1002: ; expected

5. Nem történik semmi kattintásra

A gombra kattintasz, de a felirat nem változik.

Három szinten gyakorolhatsz: alap, közepes és kihívás. Mindegyiket próbáld ki a gépen, és csak utána nyisd le a megoldást.

Alap szint

Közepes szint

private void Form1_Load(object sender, EventArgs e)
{
    this.Text = "Kódból beállítva";
    this.BackColor = Color.LightBlue;
}

Kihívás szint

private void Form1_Load(object sender, EventArgs e)
{
    Label felirat = new Label();
    felirat.Text = "Ezt a kód hozta létre";
    felirat.AutoSize = true;
    felirat.Location = new Point(20, 20);

    this.Controls.Add(felirat);
}

Gyors önellenőrzés

Próbáld meg a választ fejben megadni, és csak utána nyisd le.