Úvod do formulárov Windows c#. Vlastnosti implementácie MVP pre Windows Forms

https://metanit.com/sharp/windowsforms/1.1.php

Úvod do Windows Forms

Na vytváranie grafických rozhraní pomocou platformy .NET sa používajú rôzne technológie - Window Forms, WPF, aplikácie pre Windows Store (pre Windows 8/8.1/10). Najjednoduchšou a najpohodlnejšou platformou je však stále Window Forms. Cieľom tejto príručky je poskytnúť pochopenie princípov vytvárania grafických rozhraní pomocou technológie WinForms a obsluhy základných ovládacích prvkov.

Vytvorenie grafickej aplikácie
Na vytvorenie grafického projektu potrebujeme vývojové prostredie Visual Studio. Keďže najbežnejšou verziou je zatiaľ Visual Studio 2013, pre tento tutoriál použijem bezplatnú verziu tohto prostredia Visual Studio Community 2013 ktorý nájdete na https://www.visualstudio.com/en-us/products/visual-studio-community-vs.aspx.

Po nainštalovaní prostredia a všetkých jeho komponentov spustite Visual Studio a vytvorte projekt grafickej aplikácie. Ak to chcete urobiť, vyberte v menu položku Súbor a z podmenu vyberte Nový -> Projekt. Potom sa pred nami otvorí dialógové okno na vytvorenie nového projektu:

V ľavom stĺpci vyberte Pracovná plocha systému Windows a v strednej časti spomedzi typov projektov vyberte typ Aplikácia Windows Forms a do poľa nižšie mu dajte nejaký názov. Nazvime to napríklad HelloApp. Potom kliknite na tlačidlo OK.

Potom Visual Studio otvorí náš projekt s vytvorenými predvolenými súbormi:

Väčšinu priestoru vo Visual Studiu zaberá grafický dizajnér, ktorý obsahuje podobu budúcej aplikácie. Zatiaľ je prázdny a má iba hlavičku Form1. Vpravo je okno so súbormi riešení/projektov – Solution Explorer. Tu sa nachádzajú všetky súbory spojené s našou aplikáciou, vrátane súborov formulárov Form1.cs.

Vpravo dole je okno Vlastnosti. Keďže momentálne mám formulár vybratý ako ovládací prvok, toto pole zobrazuje vlastnosti spojené s formulárom.

Teraz nájdime vlastnosť Text formulára v tomto okne a zmeňte jej hodnotu na akúkoľvek inú:

Preto sme zmenili názov formulára. Teraz premiestnime do poľa nejaký ovládací prvok, napríklad tlačidlo. Ak to chcete urobiť, nájdite kartu Toolbox na ľavej strane Visual Studia. Klikneme na túto záložku a otvorí sa nám panel s prvkami, odkiaľ môžeme myšou pretiahnuť ľubovoľný prvok do formulára:

Nájdite tlačidlo medzi prvkami a uchopte ho ukazovateľom myši a presuňte ho do formulára:

Toto je vizuálna časť. Teraz poďme k samotnému programovaniu. Pridajme najjednoduchší kód v C#, ktorý by po stlačení tlačidla zobrazil správu. Aby sme to dosiahli, musíme prejsť do súboru kódu, ktorý je priradený k tomuto formuláru. Ak nemáme otvorený súbor s kódom, môžeme kliknúť pravým tlačidlom myši na formulár a v zobrazenej ponuke vybrať položku Zobraziť kód:

Použijeme však inú metódu, aby sme nenapísali veľa zbytočného kódu. Umiestnite kurzor myši na tlačidlo a dvakrát naň kliknite. Automaticky sa dostaneme do súboru s kódom Form1.cs, ktorý vyzerá takto:

Používanie systému;

pomocou System.ComponentModel;
pomocou System.Data;
pomocou System.Drawing;
pomocou System.Linq;
pomocou System.Text;

pomocou System.Windows.Forms;

HelloApp
{

{
verejný formulár1()
{
InitializeComponent();
}

{

}
}
}
Pridajme výstup správy po stlačení tlačidla a zmeňte kód takto:

Používanie systému;
pomocou System.Collections.Generic;
pomocou System.ComponentModel;
pomocou System.Data;
pomocou System.Drawing;
pomocou System.Linq;
pomocou System.Text;
pomocou System.Threading.Tasks;
pomocou System.Windows.Forms;

HelloApp
{
verejná čiastková trieda Formulár1: Formulár
{
verejný formulár1()
{
InitializeComponent();
}

Private void button1_Click(odosielateľ objektu, EventArgs e)
{
MessageBox.Show("Ahoj");
}
}
}
Spustenie aplikácie
Ak chcete spustiť aplikáciu v režime ladenia, kliknite na kláves F5 alebo zelenú šípku na paneli Visual Studio. Potom sa spustí náš formulár s jedným tlačidlom. A ak klikneme na tlačidlo vo formulári, zobrazí sa nám uvítacia správa.

Po spustení aplikácie ju štúdio skompiluje do súboru s príponou exe. Tento súbor nájdete tak, že prejdete do priečinka projektu a potom do adresára bin/Debug alebo bin/Release

Po krátkom pohľade na vytvorenie projektu grafickej aplikácie môžeme prejsť k prehľadu hlavných komponentov, počnúc formulármi.

https://metanit.com/sharp/windowsforms/2.1.php

Práca s formulármi
Základy tvaru

Vzhľad aplikácie sa nám prezentuje predovšetkým prostredníctvom formulárov. Tvary sú základným stavebným kameňom. Poskytujú kontajner na rôzne ovládacie prvky. A mechanizmus udalostí umožňuje prvkom formulára reagovať na vstup používateľa, a tak interagovať s používateľom.

Pri otvorení projektu vo Visual Studiu v grafickom editore môžeme vidieť vizuálnu časť formulára – časť, ktorú vidíme po spustení aplikácie a kam prenášame prvky z ovládacieho panela. V skutočnosti však formulár skrýva výkonnú funkčnosť pozostávajúcu z metód, vlastností, udalostí atď. Uvažujme o základných vlastnostiach foriem.

Ak spustíme aplikáciu, zobrazí sa nám jeden prázdny formulár. Avšak aj taký jednoduchý projekt s prázdnou formou má niekoľko komponentov:

Napriek tomu, že vidíme iba formulár, východiskovým bodom vstupu do grafickej aplikácie je trieda Program nachádzajúca sa v súbore Program.cs:

Používanie systému;
pomocou System.Collections.Generic;
pomocou System.Linq;
pomocou System.Threading.Tasks;
pomocou System.Windows.Forms;

HelloApp
{
Program statickej triedy
{
static void Main()
{
Application.EnableVisualStyles();
Application.SetCompatibleTextRenderingDefault(false);
Application.Run(new Form1());
}
}
}
Program najprv spustí túto triedu a potom použije výraz Application.Run(new Form1()) na spustenie Form1. Ak zrazu chceme zmeniť počiatočný formulár v aplikácii na nejaký iný, potom musíme zmeniť Form1 v tomto výraze na zodpovedajúcu triedu formulára.

Samotná forma je obsahovo zložitá. Je rozdelená na množstvo komponentov. Takže v štruktúre projektu je súbor Form1.Designer.cs, ktorý vyzerá asi takto:

HelloApp
{
čiastková trieda Form1
{
///

/// Požadovaná premenná dizajnéra.
///

///

/// Vyčistite všetky používané zdroje.
///

/// pravda, ak by sa spravované zdroje mali zlikvidovať; inak nepravda.

{

{
komponenty.Dispose();
}
základ.Zlikvidovať(likvidovať);
}

#region Kód vygenerovaný aplikáciou Windows Form Designer

///

/// Požadovaná metóda pre podporu dizajnéra - neupravujte
/// obsah tejto metódy s editorom kódu.
///

{
this.SuspendLayout();
//Formulár1



this.Name = "Formulár1";
this.Text = "Ahoj svet!";
this.ResumeLayout(false);

}
}
Toto deklaruje čiastočnú triedu formulára Form1, ktorá má dve metódy: Dispose(), ktorá funguje ako deštruktor objektov, a InitializeComponent(), ktorá nastavuje počiatočné hodnoty vlastností formulára.

Keď pridáte ovládacie prvky, ako napríklad tlačidlá, do tohto súboru sa pridá aj ich popis.

Ale v praxi sa s touto triedou stretneme len zriedka, keďže plnia hlavne dizajnové funkcie – nastavenie vlastností objektu, nastavenie premenných.

Ďalší súbor - Form1.resx- zásoby tvoria zdroje. Spravidla sa zdroje využívajú na vytváranie jednotných foriem pre niekoľko jazykových kultúr naraz.

A dôležitejší súbor - Form1.cs, ktorý sa v štruktúre projektu nazýva jednoducho Form1, obsahuje kód alebo programovaciu logiku formulára:

Používanie systému;
pomocou System.Collections.Generic;
pomocou System.ComponentModel;
pomocou System.Data;
pomocou System.Drawing;
pomocou System.Linq;
pomocou System.Text;
pomocou System.Threading.Tasks;
pomocou System.Windows.Forms;

HelloApp
{
verejná čiastková trieda Formulár1: Formulár
{
verejný formulár1()
{
InitializeComponent();
}
}
}
V predvolenom nastavení existuje iba návrhár formulárov, ktorý jednoducho volá metódu InitializeComponent() deklarovanú v súbore návrhára Form1.Designer.cs. Práve s týmto súborom budeme viac pracovať.

https://metanit.com/sharp/windowsforms/2.2.php

Základné vlastnosti foriem

Pomocou špeciálneho okna Vlastnosti na pravej strane nám Visual Studio poskytuje pohodlné rozhranie na správu vlastností prvku:

Väčšina týchto vlastností ovplyvňuje vizuálny vzhľad formulára. Poďme sa pozrieť na hlavné vlastnosti:

• Name: nastavuje názov formulára - presnejšie názov triedy, ktorý dedí z triedy Form
• BackColor: Určuje farbu pozadia formulára. Kliknutím na túto vlastnosť si zo zoznamu navrhovaných farieb alebo farebnej palety vyberieme farbu, ktorá nám vyhovuje
• BackgroundImage: Ukazuje na obrázok na pozadí formulára
• BackgroundImageLayout: Určuje, ako bude obrázok zadaný vo vlastnosti BackgroundImage rozložený vo formulári.
• ControlBox: Označuje, či je zobrazená ponuka formulára. Menu v tomto prípade odkazuje na menu najvyššej úrovne, kde je umiestnená ikona aplikácie, názov formulára, ako aj minimalizácia formulára a krížové tlačidlá. Ak je táto vlastnosť nepravdivá, potom neuvidíme ani ikonu, ani krížik, ktorý sa zvyčajne používa na zatvorenie formulára
• Kurzor: definuje typ kurzora, ktorý sa používa vo formulári
• Povolené: ak je táto vlastnosť nastavená na hodnotu false, potom nebude môcť prijímať vstup od používateľa, to znamená, že nebudeme môcť klikať na tlačidlá, zadávať text do textových polí atď.
• Písmo: Nastaví písmo pre celý formulár a všetky ovládacie prvky, ktoré sú na ňom umiestnené. Nastavením prvkov formulára na vlastné písmo ho však môžeme predefinovať
• ForeColor: farba písma na formulári
• FormBorderStyle: Určuje, ako sa zobrazí okraj a záhlavie formulára. Nastavením tejto vlastnosti na Žiadne môžete vytvoriť vzhľad voľnej aplikácie
• HelpButton: Označuje, či je zobrazené tlačidlo pomocníka formulára
• Ikona: nastaví ikonu formulára
• Umiestnenie: Určuje polohu vzhľadom k ľavému hornému rohu obrazovky, ak je vlastnosť StartPosition nastavená na Manuálne
• MaximizeBox: Označuje, či bude povolené tlačidlo maximalizácie poľa v hlavičke formulára
• MinimizeBox: Označuje, či bude dostupné tlačidlo minimalizácie okna
• MaximumSize: nastavuje maximálnu veľkosť formulára
• MinimumSize: nastavuje minimálnu veľkosť formulára
• Nepriehľadnosť: nastavuje priehľadnosť formulára
• Veľkosť: definuje počiatočnú veľkosť formulára
• StartPosition: označuje počiatočnú pozíciu, z ktorej sa formulár zobrazí na obrazovke
• Text: definuje názov formulára
• TopMost: ak je táto vlastnosť pravdivá, formulár bude vždy nad ostatnými oknami
• Viditeľné: je formulár viditeľný, ak chceme formulár pred používateľom skryť, môžeme túto vlastnosť nastaviť na false
• WindowState: Určuje, v akom stave bude formulár pri spustení: normálny, maximalizovaný alebo minimalizovaný

Programové nastavenie vlastností
Pomocou hodnôt vlastností v okne Vlastnosti môžeme zmeniť vzhľad formulára podľa vlastného uváženia, ale to isté môžeme robiť dynamicky v kóde. Prejdime ku kódu, ak to chcete urobiť, kliknite pravým tlačidlom myši na formulár a v zobrazenej kontextovej ponuke vyberte položku Zobraziť kód. Pred nami sa otvorí súbor s kódom Form1.cs. Zmeňme to takto:

Používanie systému;
pomocou System.Collections.Generic;
pomocou System.ComponentModel;
pomocou System.Data;
pomocou System.Drawing;
pomocou System.Linq;
pomocou System.Text;
pomocou System.Threading.Tasks;
pomocou System.Windows.Forms;

HelloApp
{
verejná čiastková trieda Formulár1: Formulár
{
verejný formulár1()
{
InitializeComponent();
Text = "Ahoj Svet!";
this.BackColor = Farba.Akvamarín;
toto.Šírka = 250;
toto.Výška = 250;
}
}
}

V tomto prípade sme nakonfigurovali niekoľko vlastností zobrazenia formulára: nadpis, farba pozadia, šírka a výška. Pri používaní konštruktora formulára musíte mať na pamäti, že všetok ďalší kód musí prejsť po volaní metódy InitializeComponent(), takže všetky nastavenia vlastností sa nachádzajú za touto metódou.

Nastavenie rozmerov formulára
Na nastavenie veľkosti formulára môžete použiť vlastnosti ako Width/Height alebo Size. Šírka/Výška nadobúdajú číselné hodnoty, ako v príklade vyššie. Pri nastavovaní veľkostí cez vlastnosť Size musíme vlastnosti priradiť objekt typu Size:

This.Size = new Size(200,150);
Objekt Size zase vo svojom konštruktore prijíma číselné hodnoty na nastavenie šírky a výšky.

Umiestnenie počiatočného formulára
Počiatočná pozícia formulára sa nastavuje pomocou vlastnosti StartPosition, ktorá môže nadobúdať jednu z nasledujúcich hodnôt:

• Manuálne: Pozícia formulára je určená vlastnosťou Location
• CenterScreen: Umiestnite formulár do stredu obrazovky
• WindowsDefaultLocation: Pozícia formulára na obrazovke je určená systémom Windows a veľkosť je určená vlastnosťou Size
• WindowsDefaultBounds: Počiatočnú pozíciu a veľkosť formulára na obrazovke nastavuje Windows
• CenterParent: Poloha formulára je nastavená na stred nadradeného okna

Všetky tieto hodnoty sú obsiahnuté v enumerácii FormStartPosition, takže napríklad, aby sme formulár nastavili v strede obrazovky, musíme ho napísať takto:

This.StartPosition = FormStartPosition.CenterScreen;
Pozadie a jednotné farby
Na nastavenie farby pozadia formulára aj písma musíme použiť hodnotu farby uloženú v štruktúre farieb:

This.BackColor = Farba.Akvamarín;
this.ForeColor = Farba.Červená;
Okrem toho môžeme nastaviť obrázok ako pozadie vo vlastnosti BackgroundImage tak, že ho vyberieme v okne vlastností alebo v kóde zadaním cesty k obrázku:

This.BackgroundImage = Image.FromFile("C:\Users\Eugene\Pictures\3332.jpg");
Aby sme správne nakonfigurovali zobrazenie obrázka na pozadí, ktorý potrebujeme, musíme použiť vlastnosť BackgroundImageLayout, ktorá môže nadobúdať jednu z nasledujúcich hodnôt:

• Žiadne: Obrázok sa umiestni do ľavého horného rohu formulára a zachová si pôvodné hodnoty
• Dlaždica: Obraz je umiestnený na formulári ako mozaika
• Stred: Obrázok je vycentrovaný na formulári
• Roztiahnuť: Obrázok sa roztiahne na veľkosť formulára bez zachovania proporcií
• Zoom: Obrázok sa roztiahne na veľkosť formulára pri zachovaní proporcií

Umiestnime napríklad formulár do stredu obrazovky:

This.StartPosition = FormStartPosition.CenterScreen;

https://metanit.com/sharp/windowsforms/2.3.php

Pridávanie formulárov. Interakcia medzi formulármi

Ak chcete do projektu pridať ďalší formulár, kliknite pravým tlačidlom myši na názov projektu v okne Prieskumník riešení a vyberte Pridať->Formulár pre Windows...

Dajme novému formuláru nejaký názov, napr. Form2.cs:

Do nášho projektu sme teda pridali druhú formu. Teraz sa pokúsme implementovať interakciu medzi dvoma formami. Povedzme, že prvý formulár po kliknutí na tlačidlo zavolá druhý formulár. Najprv pridajte tlačidlo do prvého formulára Form1 a dvojitým kliknutím na tlačidlo prejdite do súboru kódu. Dostaneme sa teda k obsluhe udalosti kliknutia tlačidla, ktorá sa predvolene vytvorí po dvojitom kliknutí na tlačidlo:

{

}
Teraz doň pridáme kód na volanie druhého formulára. Náš druhý formulár sa nazýva Form2, takže najprv vytvoríme objekt tejto triedy a potom na zobrazenie na obrazovke zavoláme metódu Show:

Private void button1_Click(odosielateľ objektu, EventArgs e)
{
Form2 newForm = new Form2();
newForm.Show();
}
Teraz urobme opak - aby druhá forma ovplyvnila prvú. Zatiaľ čo druhá forma nevie o existencii prvej. Aby ste to vyriešili, musíte nejakým spôsobom preniesť informácie o prvom formulári do druhého formulára. Využijeme na to odovzdanie odkazu na formulár v konštruktore.

Prejdime teda k druhému formuláru a prejdeme k jeho kódu – kliknite pravým tlačidlom myši na formulár a vyberte Zobraziť kód. Zatiaľ je prázdny a obsahuje iba konštruktor. Keďže C# podporuje prepisovanie metód, môžeme vytvoriť niekoľko metód a konštruktorov s rôznymi parametrami a jednu z nich zavolať v závislosti od situácie. Takže zmeňme kódový súbor druhého formulára na nasledujúci:

Používanie systému;
pomocou System.Collections.Generic;
pomocou System.ComponentModel;
pomocou System.Data;
pomocou System.Drawing;
pomocou System.Linq;
pomocou System.Text;
pomocou System.Threading.Tasks;
pomocou System.Windows.Forms;

HelloApp
{
verejná čiastková trieda Formulár2: Formulár
{
verejný formulár 2()
{
InitializeComponent();
}

Verejný formulár 2 (Formulár 1 f)
{
InitializeComponent();
f.BackColor = Farba.Žltá;
}
}
}
V skutočnosti sme sem pridali nový konštruktor, public Form2(Form1 f), v ktorom získame prvý formulár a nastavíme jeho pozadie na žlté. Teraz prejdime ku kódu prvého formulára, kde sme zavolali druhý formulár a zmenili ho na nasledujúci:

Private void button1_Click(odosielateľ objektu, EventArgs e)
{
Form2 newForm = new Form2(this);
newForm.Show();
}
Keďže v tomto prípade kľúčové slovo this predstavuje odkaz na aktuálny objekt - objekt Form1, tak pri vytváraní druhého formulára ho prijme (odkaz) a bude cez neho ovládať prvý formulár.

Teraz sa po kliknutí na tlačidlo vytvorí druhý formulár, ktorý okamžite zmení farbu prvého formulára.

Môžeme tiež vytvárať objekty aktuálneho tvaru:

Private void button1_Click(odosielateľ objektu, EventArgs e)
{
Form1 newForm1 = new Form1();
newForm1.Show();
Form2 newForm2 = new Form2(newForm1);
newForm2.Show();
}
Pri práci s viacerými formulármi musíte počítať s tým, že jeden z nich je hlavný – ktorý sa spúšťa ako prvý v súbore Program.cs. Ak máme naraz otvorených kopu formulárov, tak keď zavrieme ten hlavný, zavrie sa celá aplikácia a spolu s ňou aj všetky ostatné formuláre.

https://metanit.com/sharp/windowsforms/2.4.php

Udalosti vo Windows Forms. Udalosti formulára

Windows Forms používa mechanizmus udalostí na interakciu s používateľom. Udalosti vo Windows Forms predstavujú štandardné udalosti C#, ktoré sa aplikujú iba na vizuálne komponenty a riadia sa rovnakými pravidlami ako udalosti C#. Ale vytváranie obslužných programov udalostí vo Windows Forms má stále niektoré zvláštnosti.

Po prvé, WinForms má určitý štandardný súbor udalostí, ktoré majú z väčšej časti všetky vizuálne komponenty. Jednotlivé prvky pridávajú vlastné udalosti, ale princípy práce s nimi budú podobné. Ak chcete zobraziť všetky udalosti prvku, musíme tento prvok vybrať v poli grafického dizajnéra a prejsť na kartu udalostí na paneli formulárov. Napríklad udalosti formulára:

Ak chcete pridať obslužný program, môžete jednoducho dvakrát kliknúť na prázdne pole vedľa názvu udalosti a Visual Studio potom automaticky vygeneruje obsluhu udalosti. Napríklad kliknutím vytvoríme obslužný program pre udalosť Load:

A toto pole zobrazí názov metódy obsluhy udalosti Load. Štandardne sa nazýva Form1_Load.

Ak prejdeme do súboru kódu formulára Form1.cs, uvidíme automaticky vygenerovanú metódu Form1_Load:

{
verejný formulár1()
{
InitializeComponent();
}

{

}
}
A pri každom načítaní formulára sa spustí kód v obslužnom programe Form1_Load.

Väčšina obslužných programov pre rôzne vizuálne komponenty má zvyčajne dva parametre: odosielateľ - objekt, ktorý spustil udalosť, a argument uchovávajúci informácie o udalosti (v tomto prípade EventArgs e).

Ale toto je len manipulátor. Takto vytvorený handler sa pridá do súboru Form1.Designer.cs:

HelloApp
{
čiastková trieda Form1
{
private System.ComponentModel.ICcontainer components = null;

Chránené prepísanie void Dispose (bool likvidácia)
{
if (likvidácia && (komponenty != null))
{
komponenty.Dispose();
}
základ.Zlikvidovať(likvidovať);
}
private void InitializeComponent()
{
this.SuspendLayout();

This.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);
this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
this.ClientSize = new System.Drawing.Size(284, 261);
this.Name = "Formulár1";
// pridanie obsluhy
this.Load += new System.EventHandler(this.Form1_Load);
this.ResumeLayout(false);
}
}
}
Ak chcete pridať obslužný program, použite štandardnú syntax jazyka C#: this.Load += new System.EventHandler(this.Form1_Load)

Ak teda chceme odstrániť takto vytvorený handler, tak musíme nielen odstrániť metódu z kódu formulára vo Form1.cs, ale aj odstrániť pridanie handleru v tomto súbore.

Obsluhu udalostí však môžeme pridať programovo, napríklad v konštruktore formulárov:

Používanie systému;
pomocou System.Collections.Generic;
pomocou System.ComponentModel;
pomocou System.Data;
pomocou System.Drawing;
pomocou System.Linq;
pomocou System.Text;
pomocou System.Threading.Tasks;
pomocou System.Windows.Forms;

HelloApp
{
verejná čiastková trieda Formulár1: Formulár
{
verejný formulár1()
{
InitializeComponent();
this.Load += LoadEvent;
}

Private void Form1_Load(odosielateľ objektu, EventArgs e)
{
}

Súkromná void LoadEvent(odosielateľ objektu, EventArgs e)
{

}
}
}
Okrem predtým vytvoreného obslužného programu Form1_Load je tu pridaný aj ďalší obslužný program načítania formulára: this.Load += LoadEvent;, ktorý nastaví farbu pozadia na žltú.

https://metanit.com/sharp/windowsforms/2.5.php

Vytváranie iných ako pravouhlých tvarov. Zatvorenie formulára

V predvolenom nastavení sú všetky formuláre vo Windows Forms obdĺžnikové. Môžeme však vytvárať aj neobdĺžnikové ľubovoľné tvary. Na to slúži vlastnosť Región. Ako svoju hodnotu berie objekt triedy Region s rovnakým názvom.

Pri vytváraní iných ako pravouhlých tvarov zvyčajne nepoužívate hranice tvaru, pretože hranice určuje tento objekt Region. Ak chcete odstrániť okraje formulára, musíte nastaviť vlastnosť FormBorderStyle formulára na Žiadne.

Ďalším aspektom, ktorý treba zvážiť, je pohyb, zatváranie, maximalizácia a minimalizácia tvarov. To znamená, že v tomto prípade, ako v bežnom formulári, nebudeme môcť kliknutím na krížik formulár zavrieť, nebudeme ho môcť presunúť na nové miesto. Preto na to musíme dodatočne definovať logiku programu.

Poďme teda na kód formulára a zmeňte ho takto:

Používanie systému;
pomocou System.Collections.Generic;
pomocou System.ComponentModel;
pomocou System.Data;
pomocou System.Drawing;
pomocou System.Linq;
pomocou System.Text;
pomocou System.Threading.Tasks;
pomocou System.Windows.Forms;

HelloApp
{
verejná čiastková trieda Formulár1: Formulár
{
Point moveStart; // ukaz na presun

Verejný formulár 1()
{
InitializeComponent();
this.FormBorderStyle = FormBorderStyle.None;
this.BackColor = Farba.Žltá;
button1.Text = "Zavrieť";
}

Private void button1_Click(odosielateľ objektu, EventArgs e)
{
this.Close();
}

Private void Form1_Load(odosielateľ objektu, EventArgs e)
{
System.Drawing.Drawing.Drawing2D.GraphicsPath myPath = new System.Drawing.Drawing2D.GraphicsPath();
// vytvoríme elipsu s výškou a šírkou formulára
myPath.AddEllipse(0, 0, táto.Šírka, táto.Výška);
// pomocou elipsy vytvoríme oblasť formulára, ktorú chceme vidieť
Region myRegion = new Region(myPath);
// nastavenie viditeľnej oblasti
this.Region = myRegion;
}

Private void Form1_MouseDown(odosielateľ objektu, MouseEventArgs e)
{

if (e.Button == MouseButtons.Left)
{
moveStart = new Point(e.X, e.Y);
}
}

Private void Form1_MouseMove(odosielateľ objektu, MouseEventArgs e)
{
// ak je stlačené ľavé tlačidlo myši
if ((e.Button & MouseButtons.Left) != 0)
{
// získame nový bod polohy formulára
Bod deltaPos = new Point(e.X - moveStart.X, e.Y - moveStart.Y);
// nastavenie pozície formulára
this.Location = new Point(this.Location.X + deltaPos.X,
toto.Poloha.Y + deltaPoz.Y);
}
}
}
}

Vytvorenie oblasti formulára prebieha v obslužnom programe udalosti Form1_Load. Na vytvorenie oblasti sa používa grafická cesta - objekt triedy System.Drawing.Drawing2D.GraphicsPath, ku ktorému je pridaná elipsa. Grafická cesta nám umožňuje vytvárať ľubovoľný tvar, takže ak chceme tvar hviezdice, stačí si správne upraviť použitú grafickú cestu.

Ak chcete zatvoriť formulár v obslužnom programe udalosti button click button1_Click, formulár sa zatvorí programovo: this.Close()

Na presun formulára sa spracúvajú dve udalosti formulára – udalosť tlačidla myši a udalosť ukazovateľa myši.

https://metanit.com/sharp/windowsforms/3.1.php

Kontajnery vo formulároch Windows

Na usporiadanie ovládacích prvkov do súvisiacich skupín existujú špeciálne prvky - kontajnery. Napríklad Panel, FlowLayoutPanel, SplitContainer, GroupBox. Rovnaký tvar je možné aplikovať aj na nádoby. Používanie kontajnerov uľahčuje správu prvkov a dáva forme aj určitý vizuálny štýl.

Všetky kontajnery majú vlastnosť Controls, ktorá obsahuje všetky prvky daného kontajnera. Keď pretiahneme prvok z panela nástrojov do kontajnera, napríklad tlačidlo, automaticky sa pridá do tejto kolekcie tohto kontajnera. Alebo môžeme tiež pridať ovládací prvok dynamicky prostredníctvom kódu do rovnakej kolekcie.

Dynamické pridávanie prvkov
Pridajme do formulára tlačidlo dynamicky. K tomu pridáme udalosť načítania formulára, v ktorej sa vytvorí nový ovládací prvok. Dá sa to urobiť pomocou kódu alebo vizuálne.

Presunutím prvkov z Panela s nástrojmi môžeme do formulára jednoducho pridať nové prvky. Táto metóda je však dosť obmedzená, pretože veľmi často je potrebné dynamicky vytvárať (mazať) prvky vo formulári.

Ak chcete dynamicky pridať prvky, vytvorte obslužný program udalosti načítania formulára v súbore kódu:

{
}
Teraz pridajte kód na pridanie tlačidla do formulára:

Private void Form1_Load(odosielateľ objektu, EventArgs e)
{


helloButton.ForeColor = Farba.DarkGray;
helloButton.Location = new Point(10, 10);

this.Controls.Add(helloButton);
}
Najprv vytvoríme tlačidlo a nastavíme jeho vlastnosti. Potom ho pomocou metódy Controls.Add pridáme do kolekcie prvkov formulára. Ak by sme to neurobili, tlačidlo by sme nevideli, pretože v tomto prípade by pre náš formulár jednoducho neexistovalo.

Pomocou metódy Controls.Remove() môžete z formulára odstrániť predtým pridaný prvok:

This.Controls.Remove(helloButton);

Hoci v tomto prípade bol ako kontajner použitý formulár, pri pridávaní a odstraňovaní prvkov z akéhokoľvek iného kontajnera, napríklad GroupBoxu, sa použijú rovnaké metódy.

https://metanit.com/sharp/windowsforms/3.2.php

Prvky GroupBox, Panel a FlowLayoutPanel

GroupBox je špeciálny kontajner, ktorý je od zvyšku formulára oddelený okrajom. Má názov, ktorý sa nastavuje cez vlastnosť Text. Ak chcete vytvoriť GroupBox bez názvu, jednoducho nastavte vlastnosť Text na prázdny reťazec.

Tento prvok sa často používa na zoskupovanie prepínačov – prvkov RadioButton, keďže umožňuje odlíšiť ich skupiny.

Prvok Panel predstavuje panel a podobne ako GroupBox organizuje prvky do skupín. Môže vizuálne splynúť so zvyškom formulára, ak má rovnakú hodnotu farby pozadia vo vlastnosti BackColor ako formulár. Na jeho zvýraznenie môžete okrem farby určiť okraje pre prvok pomocou vlastnosti BorderStyle, ktorá má štandardne hodnotu None, teda absenciu okrajov.

Ak má panel veľa prvkov, ktoré presahujú jeho hranice, môžeme panel posúvať tak, že jeho vlastnosť AutoScroll nastavíte na hodnotu true

Rovnako ako formulár, GroupBox a Panel majú kolekcie prvkov a do týchto kontajnerov môžeme tiež dynamicky pridávať prvky. Napríklad vo formulári je prvok GroupBox s názvom groupBox1:

Private void Form1_Load(odosielateľ objektu, EventArgs e)
{
Tlačidlo helloButton = new Button();
helloButton.BackColor = Color.LightGray;
helloButton.ForeColor = Farba.Červená;
helloButton.Location = new Point(30, 30);
helloButton.Text = "Ahoj";
groupBox1.Controls.Add(helloButton);
}
Na označenie umiestnenia prvku v kontajneri použijeme štruktúru Point: new Point(30, 30);, ktorej v konštruktore prenesieme umiestnenie pozdĺž osi X a Y. Tieto súradnice sú nastavené relatívne k hornému ľavý roh kontajnera – teda v tomto prípade prvok GroupBox

Malo by sa vziať do úvahy, že kontajner najvyššej úrovne je formulár a samotný prvok groupBox1 sa nachádza v kolekcii prvkov formulára. A ak by sme chceli, mohli by sme to odstrániť:

This.Controls.Remove(groupBox1);
FlowLayoutPanel
Element FlowLayoutPanel je odvodený od triedy Panel, a preto zdedí všetky jej vlastnosti. Zároveň však pridáva ďalšie funkcie. Tento prvok vám teda umožňuje zmeniť umiestnenie a rozloženie podradených prvkov pri zmene veľkosti formulára počas vykonávania programu.

Vlastnosť FlowDirection prvku vám umožňuje určiť smer, ktorým sú nasmerované podradené prvky. Predvolená hodnota je LeftToRight - to znamená, že prvky budú umiestnené od ľavého horného okraja. Ďalšie prvky pôjdu doprava. Táto vlastnosť môže nadobúdať aj nasledujúce hodnoty:

• RightToLeft - prvky sú umiestnené z pravého horného rohu doľava
• TopDown - prvky sú umiestnené z ľavého horného rohu a idú dole
• BottomUp - prvky sú umiestnené z ľavého dolného rohu a idú hore

Pri usporiadaní prvkov zohráva dôležitú úlohu vlastnosť WrapContents. V predvolenom nastavení je nastavená na hodnotu True. To umožňuje, aby sa prvky, ktoré sa nezmestia do panela FlowLayoutPanel, presunuli do nového riadka alebo stĺpca. Ak je hodnota False, prvky nie sú zabalené a posúvacie lišty sa jednoducho pridajú do kontajnera, ak je vlastnosť AutoScroll pravdivá.

https://metanit.com/sharp/windowsforms/3.3.php

TableLayoutPanel

Element TableLayoutPanel tiež prepíše panel a usporiada svoje dcérske ovládacie prvky do tabuľky, pričom každý prvok má svoju vlastnú bunku. Ak chceme do bunky umiestniť viac prvkov, tak sa do tejto bunky pridá ďalší komponent TableLayoutPanel, do ktorého sa potom vnoria ďalšie prvky.

Na nastavenie požadovaného počtu riadkov a stĺpcov tabuľky môžeme použiť vlastnosti Riadky a Stĺpce. Výberom jednej z týchto položiek v okne Vlastnosti sa nám zobrazí nasledujúce okno na nastavenie stĺpcov a riadkov:

V poli Typ veľkosti môžeme určiť veľkosť stĺpcov/riadkov. Máme tri možné možnosti:

• Absolútna: Nastavuje absolútnu veľkosť riadkov alebo stĺpcov v pixeloch
• Percento: Nastaví relatívnu veľkosť v percentách. Ak potrebujeme vytvoriť plynulý návrh formulára, aby sa jeho riadky a stĺpce, ako aj ovládacie prvky v bunkách tabuľky automaticky škálovali pri zmene veľkosti formulára, musíme použiť túto možnosť
• Automatická veľkosť: Výška riadka a šírka stĺpca sa nastavia automaticky na základe veľkosti najväčšej bunky v riadku alebo stĺpci

Tieto hodnoty môžeme aj kombinovať, napríklad jeden stĺpec môže byť pevne stanovený s absolútnou šírkou a zvyšné stĺpce môžu mať percentuálnu šírku.

V tomto dialógovom okne môžeme tiež pridať alebo odstrániť riadky a stĺpce. Zároveň grafický dizajnér vo Visual Studio nie vždy okamžite zobrazí zmeny v tabuľke - pridávanie alebo odstraňovanie riadkov a stĺpcov, zmena ich veľkosti, preto, ak sa vo formulári nevyskytnú žiadne zmeny, musíte ho zavrieť a potom otvoriť to opäť v grafickom dizajnérovi.

Takže napríklad mám tri stĺpce a tri riadky, ktorých veľkosť je rovnaká - 33,33%. Do každej bunky tabuľky bolo pridané tlačidlo s nastavenou vlastnosťou Dock=Fill.

Ak zmením veľkosť formulára, riadky aj stĺpce spolu s tlačidlami v nich uzavretými sa automaticky upravia:

Čo je celkom vhodné na vytváranie škálovateľných rozhraní.

V kóde môžeme dynamicky meniť hodnoty stĺpcov a riadkov. Okrem toho sú všetky stĺpce reprezentované typom ColumnStyle a riadky - typom RowStyle:

TableLayoutPanel1.RowStyles.SizeType = SizeType.Percent;
tableLayoutPanel1.RowStyles.Height = 40;

TableLayoutPanel1.ColumnStyles.SizeType = SizeType.Absolute;
tableLayoutPanel1.ColumnStyles.Width = 50;
Ak chcete nastaviť veľkosť v ColumnStyle a RowStyle, je definovaná vlastnosť SizeType, ktorá má jednu z hodnôt enumerácie SizeType s rovnakým názvom.

Pridanie prvku do kontajnera TableLayoutPanel má svoje vlastné zvláštnosti. Môžeme ho pridať ako v ďalšej voľnej bunke, alebo môžeme explicitne zadať bunku tabuľky:

Button saveButton = new Button();
// pridanie tlačidla do ďalšej voľnej bunky
tableLayoutPanel1.Controls.Add(saveButton);
// pridanie tlačidla do bunky (2,2)
tableLayoutPanel1.Controls.Add(saveButton, 2, 2);

V tomto prípade pridáme tlačidlo do bunky vytvorenej na priesečníku tretieho stĺpca a tretieho riadku. Pravda, ak nemáme toľko riadkov a stĺpcov, systém automaticky vyberie požadovanú bunku na pridanie.

https://metanit.com/sharp/windowsforms/3.4.php

Veľkosti prvkov a ich umiestnenie v kontajneri

Polohovanie
Pre každý ovládací prvok môžeme definovať vlastnosť Location, ktorá určuje súradnice ľavého horného rohu prvku vzhľadom na kontajner. Keď pretiahnete prvok z panela nástrojov do formulára, táto vlastnosť sa nastaví automaticky. Potom však v okne Vlastnosti môžeme manuálne opraviť súradnice polohy prvku:

Môžeme tiež nastaviť pozíciu prvku v kóde:

1
2
3
4
private void Form1_Load(odosielateľ objektu, EventArgs e)
{
button1.Location = new Point(50, 50);
}
Nastavenie rozmerov
Pomocou vlastnosti Size môžete nastaviť rozmery prvku:

Dodatočné vlastnosti MaximumSize a MinimumSize vám umožňujú obmedziť minimálnu a maximálnu veľkosť.

Nastavenie vlastností v kóde:

1
2
3
4
button1.Size = new Size ( Width = 50, Height = 25 );
// individuálne nastavenie vlastností
button1.Width = 100;
button1.Height = 35;
Vlastnosť kotvy
Ďalšie možnosti umiestnenia prvkov je možné určiť definovaním vlastnosti Anchor. Táto vlastnosť definuje vzdialenosť medzi jednou zo strán prvku a stranou kontajnera. A ak ho pri práci s kontajnerom natiahneme, vnorený prvok sa natiahne spolu s ním.

V predvolenom nastavení je táto vlastnosť pre každý pridaný prvok rovná Top, Left:

To znamená, že ak natiahneme formulár doľava alebo nahor, prvok si zachová vzdialenosť od ľavej a hornej hranice prvku k hraniciam kontajnera, ako sa formulár správa.

Pre túto vlastnosť môžeme nastaviť štyri možné hodnoty alebo ich kombináciu: