Cvičení – psaní aplikace model Windows Forms

Dokončeno

Screenshot that shows the UWP, WPF, and Windows Forms logo.

model Windows Forms, založené na použitelném rozhraní API Win32, je stále oblíbenou technologií uživatelského rozhraní pro vývoj nástrojů a nástrojů, které nevyžadují nic fancy. Aplikace vytvořené pomocí model Windows Forms běží na stolních počítačích s Windows, poznámkovém bloku a tabletech a mají známý vzhled pro všechny uživatele, kteří počítač používali.

V této lekci:

  • Pomocí sady Visual Studio vytvořte projekt model Windows Forms.
  • Přidejte do projektu prvky uživatelského rozhraní a kódu, abyste vytvořili zábavnou variantu programu "hello world". Text "Hello there!" změní barvu náhodně pokaždé, když vyberete tlačítko Pozdravit .
  • Zjistěte, jak nastavit vlastnosti a vytvářet události.

Poznámka:

Počítač by měl být nastavený s Windows a sadou Visual Studio, jak je popsáno v modulu Learn Úvod do vývoje pro Windows 10.

model Windows Forms kurz "Say hello"

Vytvoření projektu

  1. Otevřete Visual Studio a v nabídce vyberte Soubor>nový>projekt. Když jako jazyk projektu vyberete jazyk C#, najděte a vyberte model Windows Forms Aplikaci z možností projektu. Změňte název na něco, co je popisné, třeba Pozdravit, a až budete hotovi, vyberte Další.

    Screenshot that shows the Configure your new project window for a Windows Forms App with the Next button selected.

  2. Vyberte svou verzi .NET a pak vyberte Vytvořit.

  3. Ve výchozím nastavení jsou otevřená podokna Sada nástrojů, Průzkumník řešení a Vlastnosti. Pokud nejsou, otevřete je v nabídce Zobrazení . Rozbalte seznam Společných ovládacích prvků v panelu nástrojů.

    Screenshot that shows the Toolbox menu in Visual Studio with Button and TextBox in red boxes.

Vytvoření uživatelského rozhraní

  1. V otevřeném podokně Vlastnosti formuláře 1 změňte položku Text z formuláře 1 na Pozdrav. Na druhé straně obrazovky přetáhněte tlačítko ze sady nástrojů do dolní části formuláře a přidejte textové pole do horní části. Potom textové pole trochu rozšiřte, aby váš návrh vypadal takto:

    Screenshot that shows a button and text box dragged onto the design layout.

  2. Výběrem tlačítka zobrazíte jeho vlastnosti. Změňte název na SayHelloButton a posuňte se dolů vlastnosti a změňte vlastnost Text na Say hello.

    Screenshot that shows the Name property set in the Properties window.

    Screenshot that shows the Text property set in the Properties window.

  3. K tlačítku musíme připojit událost. Událost můžete připojit tak, že vyberete tlačítko v návrhovém zobrazení nebo vyberete ikonu události ve vlastnostech a pak vyberete klávesu Enter nebo položku Kliknout naudálost. Podle toho, kterou metodu zvolíte, Visual Studio automaticky přidá kód osnovy události SayHelloButton_Click do souboru Form1.cs a otevře soubor. Podívejte se rychle a pak se vraťte do návrhového zobrazení.

    Screenshot that shows the Events pane selected in the Properties window, and the Click event in a red box.

    Poznámka:

    Pokud jste návrhové zobrazení omylem zavřeli, můžete ho znovu otevřít poklikáním na Form1.cs v Průzkumník řešení. Otevření formuláře model Windows Forms v návrhovém zobrazení je výchozí akcí v sadě Visual Studio.

  4. Výběrem textového pole v návrhovém zobrazení otevřete jeho vlastnosti. Pokud jste k přidání události použili metodu seznamu událostí, vyberte ikonu klíče a dokumentu ve vlastnostech. Položku Název ponechte jako textBox1. Vyberte znaménko plus vedle položky Písmo a změňte velikost písma na 24. V dalším kroku se posuňte dolů vlastnosti a změňte vlastnost Text na Hello there! a TextAlign na Center.

    Screenshot that shows the Textbox properties with the Name, BorderStyle, and font size set in the Properties window.Screenshot that shows the additional Textbox properties of Text and TextAlign set in the Properties window.

Přidání kódu

  1. Teď přepněte hlavní zobrazení, abyste se podívali na Form1.cs.

    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }
    
        private void SayHelloButton_Click(object sender, EventArgs e)
        {
    
        }
    }
    
  2. Pokud chcete, aby se zobrazovaly náhodné barvy textu, musíte přidat proměnnou náhodného náhčíslu na úrovni třídy. Potřebujete jej inicializovat v konstruktoru Form1 metoda a zadat metodu pro vyplnění krátké bajtové pole náhodnými čísly. Zkopírujte a vložte nebo zadejte následující řádky kódu:

    public partial class Form1 : Form
    {
        private 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)
        {
    
        }
    }
    
  3. Pokud chcete změnit barvu textu pokaždé, když je vybrané tlačítko Say hello , přidejte do programu text SayHelloButton_Click metody.

        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]);
        }
    
  4. Chvilku si projděte svůj kód. Pokud je něco podtržené červeně, něco není v pořádku. Může se jednat o chybně napsané slovo nebo trochu chybně umístěný kód.

Spustit

Pojďme program zkompilovat a spustit!

  1. V sadě Visual Studio v nabídce Ladění vyberte Spustit bez ladění nebo stačí vybrat klávesu F5. Pokud jste všechno zadali správně, měla by se zobrazit spuštěná aplikace podobná téhle:

    Screenshot that shows the app running. Hello there displays in bright green text with the Say hello button below it.

  2. Po několika sekundách času sestavení opakovaně vyberte Say hello a sledujte, jak text Hello tam! změní barvu textu.

Jestli to vidíte, tak dobře. Dokončili jste tento kurz. Pokud ne, pečlivě prověřte nastavení vlastností kódu a uživatelského rozhraní pro něco, co je pryč.