Gyakorlat – Űrlapalkalmazás Windows írása

Befejeződött

UWP, WPF és Windows Forms embléma.

Windows A jelentős Win32 API-n alapuló űrlapok továbbra is népszerű felhasználói felületi technológiák olyan eszközök és segédprogramok fejlesztéséhez, amelyekhez nincs szükség elegánsra. Az Windows Forms segítségével készült alkalmazások asztali, Windows-, jegyzetfüzet- és táblagépeken futnak, és ismerős megjelenéssel vannak kiépítve mindenkihez, aki már használta a számítógépet.

Ebben a leckében a következőkkel foglalkozunk:

  • A Visual Studio hozzon létre egy Windows Forms-projektet.
  • Adjon hozzá felhasználói felületet és kódelemeket a projekthez egy "hello world" program szórakoztató változatának létrehozásához. A "Hello there!" A szöveg minden alkalommal véletlenszerűen változik, amikor a Say hello (Üdvözöljük) gombra kattint.
  • Megtudhatja, hogyan állíthat be tulajdonságokat és hozhat létre eseményeket.

Megjegyzés

Feltételezzük, hogy beállította a számítógépet az Windows 10 és Visual Studio használatával, a Bevezetés a Windows 10 tanulásba modulban leírtak szerint.

Windows Forms "Say hello" oktatóanyag

A projekt létrehozása

  1. Nyissa Visual Studio, és válassza a fájl > Project > a menüből. Ha a Visual C# van kiválasztva a projekt nyelveként, keresse meg és válassza Windows a .NET-keretrendszer lehetőséget a projektbeállítások közül. A Name (Név) mezőben adja meg például a Say hello (Üdvözöljük) nevet, és ha végzett, kattintson az OK gombra.

Hozzon létre egy Windows Forms-projektet.

  1. Alapértelmezés szerint megnyílik az Eszközkészlet, Megoldáskezelő, és Tulajdonságok panel. Ha bármelyik nem, nyissa meg a Nézet menüből. Ezután az Eszközkészlettel hozzáad egy gombot és egy szövegmezőt a felhasználói felülethez. Bontsa ki a Common Controls (Közös vezérlők) listát az Eszközkészletben.

Az Eszközkészlet menü megjelenítése.

A felhasználói felület létrehozása

  1. Nyissa meg a Form1 (1. űrlap) Tulajdonságok panelét, és módosítsa a Text (Szöveg) bejegyzést Form1 (1. űrlap) szövegről Say hello (Üdvözöljük) szövegre. A képernyő másik oldalára húzzon egy Gombot az Eszközkészletből az űrlap alsó részére, és adjon hozzá egy Szövegmezőt a felső részhez. Ezután szélesebbre kell szélesedni a szövegdobozon, hogy a kialakítása a következőre hasonlítsa:

A felhasználói felület megtervezése.

  1. Kattintson a gombra a tulajdonságainak a beállításhoz. Módosítsa a Name (Név) tulajdonságot SayHelloButton névre, majd görgessen lefelé a tulajdonságokon, és módosítsa a Text (Szöveg) tulajdonságot a Következőre: Say Hello.

Gombtulajdonság beállítása.

Egy másik gombtulajdonság beállítása.

  1. Eseményt kell csatolnunk a gombhoz. Az eseményt csatolhatja a Tervező nézet gombjával, vagy a Tulajdonságok menüben az esemény ikonnal, majd az Enter billentyűt választva, vagy a Kattintson az esemény bejegyzésre. Tegye a következők valamelyikét. (Az eseménylista metódusa az alábbi képen látható.) Bármelyik módszert is választja, Visual Studio automatikusan hozzáadja az esemény SayHelloButton_Click kódját a .cs fájlhoz, és megnyitja a fájlt. Rövid áttekintést kaphat, majd Tervező nézet a felhasználói felület további tulajdonságainak beállítását követően.

Gombkattintás esemény beállítása.

  1. A tulajdonságok megnyitásához válassza Tervező nézet szövegmezőt. Ha az eseménylista metódusát használta a gombesemény hozzáadásához, a Tulajdonságok menüben válassza a csavarkulcsot és a dokumentum ikont (lásd az alábbi képen) a felhasználói felületi elem elnevezett tulajdonságainak listájára való visszaállításhoz. A Name (Név) bejegyzésben hagyja meg a textBox1 (1. szövegmező) szöveget. A betűtípus tulajdonságainak kibontásához válassza a Betűtípus bal oldalon a pluszjelet, majd módosítsa a betűméretet 24-re. Ezután görgessen le egy kicsit a tulajdonságokon, és módosítsa a Text (Szöveg) tulajdonságot Hello there! (Helló! és TextAlign to Center.

Szövegmező tulajdonságainak beállítása.  További szövegdoboz-tulajdonságok beállítása.

A kód hozzáadása

  1. Most váltson a fő nézetre, hogy a Form1.cs formában pillantson rá.
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void SayHelloButton_Click(object sender, EventArgs e)
        {

        }
    }
  1. Győződjön meg arról, hogy minden szükséges using utasításunk van. Ellenőrizze, hogy az itt láthatóak megjelennek-e, és ha nem, adja hozzá őket. Ha szeretné, eltávolíthatja a szükségtelen utasításokat, Visual Studio a projekt létrehozásakor szerepel. (A nem használt névterek szürke színnel jelennek meg). Ne távolítsa el a System.Drawing utasítást. Hamarosan szükség lesz rá.
using System;
using System.Drawing;
using System.Windows.Forms;
  1. Ahhoz, hogy véletlenszerű szövegszínek jelenjenek meg, hozzá kell adni a Random rand globális változót. A Form1 konstruktor metódusában kell inicializálni, és meg kell adnia egy metódust, amely egy rövid bájttömböt véletlenszerű számokkal tölt ki. Másolja és illessze be a következő sorokat az alábbi kódból:
    public partial class Form1 : Form
    {
        Random rand;

        public Form1()
        {
            InitializeComponent();
            rand = new Random();
        }

        private byte[] GetRandomBytes(int n)
        {
            //  Fill an array of bytes of length "n" with random numbers.
            var randomBytes = new byte[n];
            rand.NextBytes(randomBytes);
            return randomBytes;
        }

        private void SayHelloButton_Click(object sender, EventArgs e)
        {

        }
    }
  1. A Szövegszínt úgy módosíthatja, hogy minden alkalommal, amikor a Say hello (Hello) gomb ki van választva, adja hozzá a SayHelloButton_Click metódus törzsét a programhoz.
        private void SayHelloButton_Click(object sender, EventArgs e)
        {

            //  Declare an array of bytes and fill it with random numbers
            byte[] rgb = GetRandomBytes(3);
            textBox1.ForeColor = Color.FromArgb(255, rgb[0], rgb[1], rgb[2]);
        }
  1. Egy-két másodperc alatt át kell néznie a kódot. Ha bármi pirossal van aláhúzva, valami nem teljesen helyes. Ez lehet egy helytelenül írt szó, vagy egy kód olyan része, ahol nem kellene.

Fuss!

Fordítsuk le és futtatjuk a programot!

  1. A Visual Studio a Hibakeresés menüben válassza a Start Without Debugging (Indítás hibakeresés nélkül) lehetőséget (vagy a Start Debugging(Hibakeresés elkezdését), bár ebben az oktatóanyagban nem végzünk hibakeresést), vagy egyszerűen válassza az F5 billentyűt. Ha mindent helyesen megadott meg, egy ehhez nagyon hasonló futó alkalmazást kell látnia:

Az alkalmazás futtatása.

  1. Néhány másodpercnyi buildidő után ismételten válassza a Say hello (Üdvözöljük) lehetőséget, és figyelje meg a Hello there! szöveg színének módosítása.

Ha ezt látja, akkor szép munka! Befejezte ezt az oktatóanyagot. Ha nem így van, gondosan újra kell vizsgálnia a kód és a felhasználói felület tulajdonságbeállítását olyanra, ami nem működik.