1. Grafični vmesnik - GUI Izdelava obrazca: lastnosti, odzivne metode
Izdelava gradnikov: lastnosti, odzivne metode
Srečo Uranič

2. Grafični vmesnik - GUI Izdelava obrazca
Spremenimo tip naše aplikacije: v oknu Solution Explorer (VCS 2013) desno kliknemo na projektno datoteko in izberemo Properties: v oknu, ki si prikaže, nastavimo Output type na Windows Application!
Med reference našega projekta dodamo ustrezne imenske prostore:
Solution Explorer – desni klik na References -> Add Reference  
Izberemo zavihek Assemblies -> Framework, ter poiščemo in izberemo
System.Windows.Forms, nato pa še System.Drawing
V urejevalniškem oknu naše (doslej konzolne ) aplikacije dodajmo stavka
using System.Windows.Forms; //delo z obrazci
using System.Drawing; //risanje

3. Grafični vmesnik - GUI Obrazec je razred tipa Form { class Program
namespace ConsoleApplication1 {
class Program
static void Main(string[] args)
Form mojObrazec = new Form(); //ustvarimo nov objekt tipa Form (obrazec)
mojObrazec.Text="Moj prvi obrazec"; //napis na obrazcu
mojObrazec.Width=250; //širina obrazca
mojObrazec.Height=100; //višina obrazca
mojObrazec.BackColor = Color.White; //ozadje obrazca
mojObrazec.ShowDialog(); //prikaz obrazca }

4. Grafični vmesnik - GUI Gradniki
Vsi gradniki so v bistvu vnaprej pripravljeni razredi, iz katerih moramo tvoriti objekte, ki jim nato določimo ustrezne lastnosti in jih postavimo na obrazec:
Label (oznaka),
Button (gumb),
TextBox (vnosno polje),
RadioButton (radijski gumb),
CheckBox (gumb za izbiro),
ComboBox (spustni seznam),
. . .

5. Grafični vmesnik - GUI
Ustvarjanje gradnikov in določanje njihovih lastnosti
static void Main(string[] args) {
Form mojObrazec = new Form(); //ustvarimo nov objekt tipa Form (obrazec)
mojObrazec.Text="Moj prvi obrazec"; //napis na obrazcu
mojObrazec.Width=300; //širina obrazca
mojObrazec.Height=120; //višina obrazca
Label oznaka = new Label();//nov objekt tipa 'oznaka'
oznaka.Text = "Ime in priimek: "; //besedilo oznake
oznaka.Parent = mojObrazec;//oznako postavimo n aobrazec
oznaka.Width = 80; //dolžina oznake
oznaka.Location = new Point(15, 18); //pozicija /*tudi takole: oznaka.Left = 15; gumb.Top = 15; */
TextBox vnosnoPolje = new TextBox(); //nov objekt tipa 'vnosno polje'
vnosnoPolje.Text = "Vnesi ime..."; //začetni napis v vnosnem polju
vnosnoPolje.Width = 150;//dolžina vnosnega polja
vnosnoPolje.Location = new Point(100, 15); //položaj vnosnerga polja na obrazcu
vnosnoPolje.Parent = mojObrazec;//vnosno polje postavimo na obrazec
Button gumb = new Button(); //nov objekt tipa 'gumb'
gumb.Location = new Point(90, 50); //določimo pozicijo gumba na obrazcu
gumb.Parent = mojObrazec; //določimo, da bo gumb postavljen na obrazec
gumb.Text = "Klikni me..."; //napis na gumbu
mojObrazec.ShowDialog(); //prikaz obrazca }

6. Prazen projekt – Empty Project
Projekt lahko gradimo tudi povsem "od začetka„
File-> New Project->Empty Project
Projekt poimenujmo (npr. PrazenProjekt)-> OK
Ker bomo delali okenski projekt v oknu Solution Explorer desno kliknemo na References->Add Reference... ->zavihek Framework in izberemo System.Windows.Forms, nato pa še System.Drawing
V oknu Solution Explorer desno kliknemo na projektno datoteko -> Add -> Class, razred poimenujmo (npr. GlavniRazred)->Add
V using sekcijo dodamo stavka:
using System.Windows.Forms;
using System.Drawing;
Znotraj razreda GlavniRazred Napišimo ogrodje metode Main in vanjo nekaj stavkov
class GlavniRazred {
static void Main()
Form mojObrazec = new Form();
mojObrazec.Text="Glavni obrazec!";
mojObrazec.ShowDialog(); }
V oknu Solution Explorer desno kliknemo na projekt->Properties in za Output Type izberemo Windows Application

7. Grafični vmesnik - GUI Odzivne metode gradnikov
static void Main(string[] args) {
Form mojObrazec = new Form(); //ustvarimo nov objekt tipa Form (obrazec)
mojObrazec.Text="Moj prvi obrazec"; //napis na obrazcu
mojObrazec.Width=300; //širina obrazca
mojObrazec.Height=120; //višina obrazca
mojObrazec.BackColor = Color.Gold; //ozadje obrazca
Button gumb = new Button(); //nov objekt tipa 'gumb'
gumb.Location = new Point(90, 50); //določimo pozicijo gumba na obrazcu
gumb.Parent = mojObrazec; //določimo, da bo gumb postavljen na obrazec
gumb.Text = "Klikni me..."; //napis na gumbu
gumb.Click += new EventHandler(gumb_Click); //odzivna metoda Click gumba
mojObrazec.ShowDialog(); //prikaz obrazca }
static void gumb_Click(object sender, EventArgs e) //odzivna metoda Click gumba
MessageBox.Show("kliknil si me!");

8. Vaje Ustvarite okenski projekt, ki naj vsebuje naslednje gradnike:
obrazec z imenom Fpriimek;
napis na obrazcu naj bo Informacije o programu;
na obrazec postavite dve oznaki (napisa na oznakah naj bosta Ime in priimek ter Letnik študija);
ob prvo oznako postavite vnosno polje (TextBox) za vnos imena in priimka
ob drugo oznako postavite gradnik ComboBox, v katerega dodajte tri postavke (1. letnik, 2. letnik in 3. letnik)
dodajte še gradnik DateTimePicker za izbiro datuma;
dodajte gradnik GroupBox (napis na njem naj bo Spol), vanj pa postavite dva radijska gumba z napisoma Moški in Ženski: privzeto naj bo izbran prvi radijski gumb;
na dnu obrazca naj bo še gumb Shrani: ob kliku na ta gumb preverite, če so vsi podatki veljavni: če so, podatke zapišite v novo vrstico tekstovne datoteke Podatki.txt …