Kontrole Label, TextBox i Button

O upotrebi kontrola Label, TextBox i Button u WinForms aplikacijama. Osobine, metode, događaji. Rešeni zadaci sa objašnjenjima kao i zadaci za samostalni rad(puno ime , sabiranje celih brojeva, kalkulator, obim i površina kruga, Heronov obrazac, kvadratni koren, Fibanačijevi brojevi, rođendanski broj…)

Poglavlje 28 ● Kontrole Label, TextBox i Button

28.1 ● Label

U aplikacijama zasnovanim na Windows-u (Windows Forms App) kontrola Label(oznaka) je namenjena prikazivanju teksta koji korisnik ne može direktno izmeniti. Najčešće se kontrola Label loristi u paru sa kontrolom TextBox tako da bliže definiše njegov sadržaj. Neka od bitnih svojstava kontrole Label data su u Tabela_28_1:

Tabela_28_1: Svojstva kontrole Label

Naveden je veoma mali broj svojstava kontrole Label i to uglavnom ona koja ćemo koristiti u zadacima. Kompletan opis svih konstruktora, svojstava(osobina) , metoda i događaja uvek je dostupan  na Microsoftovom sajtu , na adresi: https://learn.microsoft.com/en-us/dotnet/api/system.windows.forms.label?view=windowsdesktop-8.0

28.2 ● Polje za tekst (TextBox)

Kontrola TextBox(polje za tekst) je namenjena za unos teksta od strane korisnika i njegovo prikazivanje. Kontrola TextBox sadrži ista svojstva kao i kontrola Label(osim AutoSize) i još neka koja navodimo u Tabela_28_2:

Kao i kod kontrole Label pomenut je samo mali broj postojećih svojstava. Kompletan opis svih konstruktora, svojstava(osobina) , metoda i događaja uvek je dostupan  na Microsoftovom sajtu , na adresi:

https://learn.microsoft.com/en-us/dotnet/api/system.windows.forms.textbox?view=windowsdesktop-8.0

28.3 ● Dugme(Button)

Kontrola Button(dugme) uglavnom je namenjena za obradu događaja klik na dugme(Click) koji pokreće korisnik najčešće pomoću miša ali moguće je i tasterom ENTER ili SPACE ukoliko je fokus na dugmetu. Kontrola Button je jedna od najbitnijih kontrola u Windows Forms aplikacijama. Omogućiće korisniku izlaz iz aplikacije, unos zapisa u bazu, prijavljivanje korisnika, import podataka iz csv fajla itd.  Ova kontrola sadrži sva svojstva navedena za kontrolu Label kao i svojstvo Enabled kontrole TextBox  U Tabela_28_3 navodimo još neka , često korišćena svojstva,  kontrole Button.

Glavni( i podrazumevani) događaj kontrole Button je klik na dugme(Click). Detaljan opis konstruktora, svojstava(osobina) , metoda i događaja kontrole Button uvek je dostupan na Microsoftovom sajtu na adresi: https://learn.microsoft.com/en-us/dotnet/api/system.windows.forms.button?view

Forma na Slika_28_1 sadrži:

1. Dve kontrole Label (Prezime, Ime)
2. Dve kontrole TextBox ( desno od kontrola Label)
3. Dve kontrole Button (Puno ime, Zatvori)

Slika_28_1: Forma sa kontrolama Label, TextBox i Button..

Zadatak je veoma jednostavan ali će nam pružiti detaljan uvid u način dodavanja kontrola na formu i obradu događaja klik na dugme. Pošto smo pokrenuli razvojno okruženje Visual Studio i kreirali projekat Windows Forms App, u prvom koraku trebalo bi da kreiramo formu kao na slici Slika_28_2:

Slika_28_2: Korisnički interfejs za vežba 28.4

Kontrole se dodaju prevlačenjem iz menija Tooboox (obično pozicioniranog uz levu ivicu ) i spuštanjem na željenu poziciju unutar forme kao što je prikazano na Slika_28_3:

Slika_28_3: Dodavanje nove kontrole formi

Raspored kontrola unutar prozora Toolbox možete urediti na proizvoljan način. U našem primeru kontrola Label nalazi se na samom vrhu liste kontrola a obično je negde u drugoj polovini liste. Na analogan način možete dodati i drugu kontrolu Label kao i dve kontrole Button i dve kontrole TextBox. Za sada ne brinite o poravnanju kontrola , dimenzijama , tekstu, fontu i ostalim osobinama koje se odnose na sam izgled kontrola.

Kada smo kontrole rasporedili na formu možemo preći na podešavanje njihovih svojstava(Properties). U tu svrhu koristimo prozor Properties koji se obično nalazi uz desnu ivicu, u donjoj polovini. Podesićemo najpre svojstvo Text kontrole Label koju smo upravo dodali. Najpre označine dodatu kontrolu Label na formi ( kliknite levim dugmetom miša na kontrolu i dobiće izgled kao na Slika_28_3). U prozoru Properties nađite svojstv Text i njegovu vrednost podesite na Ime kao što je prikazano na Slika_28_4. Na sličan način podesimo i ostale osobine kontrole(Name lblIme, Font Size 12 , Font Bold true). Dodajte i ostale kontrole i podesite njihova svojstva tako da dobijate izgled forme sličan onom koji je prikazan na Slika_28_2.

Slika_28_4: Prozor Properties

Sada, kada smo kreirali korisnički interfejs, možemo preći na obradu događaja. Najjednostavniji i najčešće  korišćeni način upotrebe kontrole Button je izvršavanje koda kada se klikne na dugme.  Jedan od  načina da definišete akciju koja se izvršava klikom na dugme je da najpre selektujete dugme a potom napravite dupli klik na dugme. U ovom slučaju na  btnZatvori. Tada možete uneti željeni kod kojim se realizuje zatvaranje forme.

private void btnZatvori_Click(object sender, EventArgs e)
{
    this.Close(); // metoda koja zatvara obrazac
}

Na sličan način unesimo i kod koji treba pokrenuti kada se klikne na dugme btnPunoIme.

private void btnZatvori_Click(object sender, EventArgs e)
{
    string poruka = txtPrezime.Text + " " + txtIme.Text; // sadržaj Textbox-ova nadovezuje jedan na drugi , razdvojeno prazninom  
     string naslov = "Poruka";
     MessageBox.Show(poruka, naslov); // metoda Show klase MessageBox namenjena prikazivanju poruka
}

Da bi preuzeli tekstualni sadržaj kontrole Textbox koristimo njeno svojstvo Text(Tabela_28_1). U našem primeru:

string poruka = txtPrezime.Text + ” “ + txtIme.Text;

Kompletan projekat za Vežba 28.4 možete preuzeti ovde.

Slika_28_5: Korisnički interfejs vežba 28.5

Uz promene u dizajnu (dodavanje nove kontrole Label lblPunoIme) promena je i u kodu vezanom za događaj Click kontrole Button btnPunoIme:

private void btnPunoIme_Click(object sender, EventArgs e)
{
      string punoIme = txtPrezime.Text + " " + txtIme.Text;
      lblPunoIme.Text = "Puno ime " + punoIme;
}

Kompletan projekat za Vežba 28.4 možete preuzeti ovde.

Slika_28_6: Korisnički interfejs vežba 28.6

U ovom zadatku akcenat će biti stavljen na preuzimanje brojčanih vrednosti iz kontrola TextBox (txta i txtb) i eventualnih problema koji mogu nastati unosom vrednosti koje se ne mogu konvertovati u brojeve u pokretnom zarezu dvostruke tačnosti.

Krenimo od slučaja kada je korisnik u oba Textbox-a uneo vrednosti koje se mogu konvertovati u vrednost u pokretnom zarezu.

private void btnSaberi_Click(object sender, EventArgs e) {
  double a = double.Parse(txta.Text);
  double b = double.Parse(txtb.Text);
  double zbir = a + b;
  lblZbir.Text = zbir.ToString();
}

Da bi konvertovali vrednost unetu u Textbox txta kojem se pristupa svojstvom Text u broj u pokretnom zarezu možemo koristiti:

• statičku metodu Parse tipa double : double a=double.Parse(txta.Text):
• statičku metodu ToDouble klase Convert: double a=Convert.ToDouble(txta.Text);

Problem će nastati ukoliko u TextBox unesemo vrednost koja se ne može konvertovati u broj u pokretnom zarezu dvostruke tačnosti( npr. unesite string “pi“ u Textbox txta). U tom slučaju dolazi do greške tokom izvršavanja (izuzetak , exception)  koju aplikacija ne očekuje i u našem slučaju prekida rada programa kao na slici Slika_28_7.

Slika_28_7: Izuzetak(Exception) prilikom parsovanja stringa u numeričku vrednost

Najjednostavniji i najopštiji način da se ovaj problem reši je korišćenje koda try-catch za obradu izuzetaka . Na ovaj način moguće je obraditi “uhvatiti ” svaki izuzetak. U našem slučaju ne samo nekorektno unetu vrednosu u TextBox koji očekuje broj u pokretnom zarezu već i , recimo, preveliki broj po apsolutnoj vrednosti koji će dovesti do “prekoračenja”. Dakle, jedno od mogućih rešenja je:

private void btnSaberi_Click(object sender, EventArgs e) {
  try {
    double a = double.Parse(txta.Text);
    double b = double.Parse(txtb.Text);
    double zbir = a + b;
    lblZbir.Text = zbir.ToString();
  } catch (Exception ex) {
    MessageBox.Show(ex.Message, "Greška"˝);
  }
}

Predhodni kod možemo poboljšati dodavanjem catch bloka koji će obraditi izuzetak izazvan unosom nekorektnih vrednosti u Textbox-ove (FormatException).

private void btnSaberi_Click(object sender, EventArgs e) {
  try {
    double a = double.Parse(txta.Text);
    double b = double.Parse(txtb.Text);
    double zbir = a + b;
    lblZbir.Text = zbir.ToString();
  } catch (FormatException ex) {
    MessageBox.Show(ex.Message, "Greška"˝); // poruka o grešci u slučaju nemogućnosti konvertovanja stringovne u numeričku vrednost
  } catch (Exception ex) {
    MessageBox.Show(ex.Message, "Greška"˝); // poruka o bilo kojoj drugoj grešci koja nije obrađena u catch bloku FormatException
  }
}

private void btnsaberi_Click(object sender, EventArgs e) {
  bool result = false;
  double a;
  double b;
  // pokušaj konverzije unete tekstualne vrednosti u Textbox txta
  // u slučaju uspešne konverzije vrednost promenljive result je true a u suprotnom false
  result = double.TryParse(txta.Text, out a);
  // ukoliko je konverzija neuspešna , prikazuje se poruka o grešci
  if (!result) {
    MessageBox.Show("Nekorektan unos u polje a", "Greška");
    return;
  }
  result = double.TryParse(txtb.Text, out b);
  if (!result) {
    MessageBox.Show("Nekorektan unos u polje b", "Greška");
    return;
  }
  double zbir = a + b;
  lblzbir.Text = zbir.ToString();
}

U vežbi 28.6 obradili smo neke karakteristične slučajeve koji se javljaju prilikom pokušaja prihvatanja vrednosti iz kontrole Textbox i njene konverzije u numerički ekvivalent tako da ćemo ove obrasce koda , bez posebnih objašnjenja, koristiti u izradi narednih zadataka.

Kompletan kod projekta za vežba_28.6 možete preuzeti ovde.

Slika_38_8: Korisnički interfejs za vežba 28.7

Najpre napišimo kod za događaje Click za Button btnPonisti i btnZatvori, slično kao u predhodnim vežbama:

private void btnPonisti_Click(object sender, EventArgs e) {
  txtx.Text = "";
  txty.Text = "";
  lblrezultat.Text = "...";
}
private void btnZatvori_Click(object sender, EventArgs e) {
  Close();
}

Da bi smanjili kod i izbegli nepotrebno ponavljanje definisaćemo funkciju bool Validate(ref double x, ref double y) kojom najpre proveravamo da li je moguća konverzija tekstualnih vrednosti unetih u Textbox-ove txtx i txty u broj u pokretnom zarezu dvostruke tačnosti  koristeći metodu double.TryParse. Ukoliko je konverzija uspešna povratna vrednost funkcije je true a u suprotnom false.

private bool Validate(ref double x, ref double y) {
  if (!double.TryParse(txtx.Text, out x)) {
    MessageBox.Show("Pogrešno uneta vrednost za x", "Greška");
    return false;
  }
  if (!double.TryParse(txty.Text, out y)) {
    MessageBox.Show("Pogrešno uneta vrednost za y", "Greška");
    return false;
  }
  return true;
}

Na kraju, koristeći funkciju Validate, definišemo kod za događaj Click Button kontrola koje predstavljaju aritmetičke operacije.

private void btnPlus_Click(object sender, EventArgs e) {
  double x = 0, y = 0;
  if (!Validate(ref x, ref y)) return;
  double zbir = x + y;
  lblrezultat.Text = zbir.ToString("0.00");
}
private void btnMinus_Click(object sender, EventArgs e) {
  double x = 0, y = 0;
  if (!Validate(ref x, ref y)) return;
  double razlika = x - y;
  lblrezultat.Text = razlika.ToString("0.00");
}
private void btnPuta_Click(object sender, EventArgs e) {
  double x = 0, y = 0;
  if (!Validate(ref x, ref y)) return;
  double proizvod = x * y;
  lblrezultat.Text = proizvod.ToString("0.00");
}
private void btnPodeli_Click(object sender, EventArgs e) {
  double x = 0, y = 0;
  if (!Validate(ref x, ref y)) return;
  if (y == 0) {
    MessageBox.Show("Deljenje nulom nije dozvoljeno", "Greška");
    return;
  }
  double kolicnik = x / y;
  lblrezultat.Text = kolicnik.ToString("0.00");
}

Kompletan kod projekta za vežbu 28.7 možete preuzeti ovde.

Zadaci za vežbu