7/23/2019 Forma u c#

http://slidepdf.com/reader/full/forma-u-c 1/9

Forma i njena svojstva

Prilikom kreiranja aplikacija razlikujemo dva bitna dela:

1. Dizajniranje forme2. Pisanje koda.

Dizajniranje se vrši na samoj formi koja se nalazi u centralnom delu prozora za rad (Slika 1).Formi ćemo dodavati razne komponente i podešavaćemo svojstva, kako forme, tako ikomponenti koje će se nalaziti na formi. 

Slika 1. Pozicija forme na radnoj površini 

Što se tiče pisanja koda, prvo moramo da iz View menija izaberemo opciju

Code. Primetimo da se sada u centralnom delu prozora za rad nalazi kod (Slika 2). Postojeodređeni delovi koda koji su već unapred napisani, kao što je ovaj kod koji trenutno vidimo, a zaono što nam dodatno bude bilo potrebno sami ćemo pisati kod. 

7/23/2019 Forma u c#

http://slidepdf.com/reader/full/forma-u-c 2/9

 

Slika 2. Pozicija koda na radnoj površini 

Obratimo pažnju na dve "kartice" koje se nalaze pri vrhu centralnog dela prozora (1). Tosu: Form1.cs [Design] i Form1.cs.Trenutno je na Slici 2 prikazana kartica Form1.cs ,što znači data kartica prikazuje kod našeg programa. Kada bismo kliknuli na karticu Form1.cs [Design], onda

bi se ponovo prikazala forma kao što je na Slici 1.

Zatvaranje bilo koje od ovih kartica možemo izvršiti

odabirom opcije Close iz padajućeg menija, koji dobijamokada kliknemo desnim tasterom miša na karticu koju želimoda zatvorimo (Slika 3). Ukoliko slučajno zatvorimo prikazkoda ili forme na radnoj površini, možemo ga ponovo otvoriti

tako što ćemo iz View menija izabrati opcije za uključivanje

prikaza koda ( Code) ili prikaza forme na radnoj površini

( Designer) kao što je već ranije bilo objašnjeno, ilidesnim klikom na Form1.cs koji se nalazi u Solution

Explorer-u 

i iz padajućeg menija izaberemo opcije 

View

Code ili View Designer  (Slika 4).

Slika 3. Padajući meni 

Napomena: Prilikom kreiranja aplikacije često ćemo prelaziti sa jednog prikaza na drugi što sepostiže jednostavnim klikom na karticu koja nam je u tom trenutku potrebna.

Rekli smo da se svaka aplikacija sastoji od najmanje jedne forme. Neke složene aplikacije moguda se sastoje od više formi, ali mi ćemo za sada kreirati aplikacije koje u sebi sadrže jednu formu.Izgled forme može da se menja. Forma ima različita svojstva koja možemo menjati pa ćemoprikazati neka od svojstava koja se često koriste. 

7/23/2019 Forma u c#

http://slidepdf.com/reader/full/forma-u-c 3/9

Slika 4. Opcije Solution Explorer-a 

Svojstva forme Da bismo videli sva svojstva koja su nam ponuđena u Properties Widows-u prvo moramo dakliknemo na formu, tj. forma mora da bude selektovana. Ukoliko kliknemo na prvu po redu ikonicu

,sva svojstva će biti organizovana u razne kategorije kao što je prikazano na Slici 5, a ukolikoželimo da sva svojstva budu organizovana po abecednom redu, kako je prikazano na Slici 6,onda kliknemo na drugu po redu ikonicu

.Treća po redu ikonica 

služi za prikaz svih svojstava, a četvrta 

za prikaz liste događaja o kojima će biti reči kasnije. U samom dnu Properties Widows-a je deo ukome se, kada se klikne na neko svojstvo, ispisuje dodatno objašnjenje o tom svojstvu. Na Slici 5 je selektovano svojstvo Back Color  (obeleženo plavom bojom), a objašnjenje koje se ipisuje (1)govori o tome da to svojstvo služi za promenu boje pozadine komponente, koja je u našemslučaju forma. 

7/23/2019 Forma u c#

http://slidepdf.com/reader/full/forma-u-c 4/9

 Slika 5. Svojstva organizovana po kategorijama Slika 6. Svojstva organizovana po abecednom redu

Primetimo da se ispred nekih svojstava nalazi simbol

,

koji govori o tome da se neka određena svojstva sastoje od podsvojstava koja se mogu

 podešavati. Klikom na simbol

 prikazuju se sva podsvojstva koja pripadaju tom svojstvu, a simbol

 prelazi u simbol

.

7/23/2019 Forma u c#

http://slidepdf.com/reader/full/forma-u-c 5/9

 Na primer svojstvo Size se sastoji od dva podsvojstva: Width (širina) i Height  (visina).

Klikom na simbol

zatvaraju se sva podsvojstva koja pripadaju tom svojstvu i simbol

 prelazi u simbol

Svojstva koja se najčešće koriste: Text  je svojstvo koje se najčešće koristi i služi za zadavanje imena komponente ili forme u skladusa tim šta ta komponenta (ili forma) treba da predstavlja. Ukoliko pravimo digitron, onda bi našaforma dobila ime Digitron na primer. Na početku kao tekst stoji Form1, a mi možemo da topromenimo tako što jednostavno izbrišemo to što je napisano i napišemo ono što želimo ipritisnemo taster Enter  na tastaturi. Možemo na primer da napišemo Moja prva forma(Slika 7). Ako sada pogledamo na formu videćemo da pored ikonice više ne piše Form1, već Moja prva

forma (Slika 8).Napomena: Primetimo takođe da se posle ove izmene u desnom gornjem uglu kartica Form1.cs[Design] i Form1.cs pojavila po jedna zvezdica (Slika 8). To znači da postoje nesačuvane izmeneu našem projektu i te zvezdice će se pojavljivati kad god budemo nešto menjali u projektu, bezobzira da li se te izmene vrše na formi ili u kodu. Kada budemo sačuvali izmene,Save opcijaiz View menija, zvezdice će nestati. 

Slika 7. Svojstvo Text Slika 8. Prikaz naslova forme

(Name) je svojstvo koje predstavlja ime forme koje se koristi u kodu kako bi se identifikovala

forma (tj. objekat). Forma automatski dobija ime Form1. Ovo ime se može promeniti pomoćuovog svojstva, ali mi ćemo raditi sa ovim već unapred zadatim imenom i nećemo ga menjati. Ovosvojstvo treba razlikovati od svojstva Text.Back Color  je svojstvo koje služi za promenu boje pozadine forme. Kada kliknemo na tosvojstvo, u desnom uglu će se pojaviti strelica. Kada kliknemo na tu strelicu pojaviće se padajućimeni u kome su prikazane tri kartice: Custom, Web i System. U Web i System karticama suprikazane liste boja koje možemo da koristimo, (Slika 9 i 10), a u Custom kartici je prikazanapaleta boja koje su nam na raspolaganju (Slika 11). Možemo da izaberemo boju koju hoćemo i davidimo kako ona izgleda na formi.

7/23/2019 Forma u c#

http://slidepdf.com/reader/full/forma-u-c 6/9

 Slika 9. System kartica Slika 10. Web kartica Slika 11. Custom kartica

Background Image  je svojstvo koje služi za postavljanje slike na pozadinu forme. Kada kliknemona to svojstvo, u desnom uglu će se pojaviti dugme sa tri tačke (Slika 12). Kada kliknemo na todugme pojaviće se novi prozor koji služi za importovanje slike (Slika 13).

Slika 12. Background Image svojstvo Slika 13. Izgled prozora za importovanje slika

Da bismo mogli da importujemo sliku, potrebno je da selektujemo Local resource, a zatim da

kliknemo na dugme Import kako je prikazano na Slici 13. Posle ovoga će se otvoriti Windows

Explorer  y kome treba da nađemo željenu sliku (Slika 14). Kada pronađemo željenu sliku,selektujemo je i kliknemo na dugme

 

Open 

i slika će se pojaviti u prozoru za importovanje (Slika15).

7/23/2019 Forma u c#

http://slidepdf.com/reader/full/forma-u-c 7/9

 

Slika 14. Folder sa slikama Slika 15. Importovanje slike

Međutim, na formi se slika neće videti u celosti već će biti  prikazan samo jedan deo kao što je

prikazan jedan deo na Slici 15. Sledeće svojstvo može da reguliše ovaj problem.Background Image Layout  je svojstvo u kome su ponuđeni načini na koje slika može da

popuni pozadinu forme.

 Ako kliknemo na ovo svojstvo sa desne strane će se pojavitistrelica. Kada kliknemo na tu strelicu pojaviće se listaponuđenih opcija (Slika 16). Ponuđena su četirinačina: Tile, Center, Stretch i Zoom. Najčešće se koristi 

Stretch koji razvlači sliku preko cele forme i Zoom kojiprilagođava sliku dimenzijama forme.

Slika 16. Background Image Layout svojstvo 

7/23/2019 Forma u c#

http://slidepdf.com/reader/full/forma-u-c 8/9

 

Stretch Zoom

Cursor   je svojstvo koje nudi različite izglede kursora. Kada pređemo mišem preko forme, kursor

će poprimiti izabrani izgled. Font  je svojstvo koje služi za uređivanje teksta koji se ispisuje na komponentama koje se dodajuformi. Sastoji se od podsvojstava koja se mogu videti kada se klikne na simbol

Ta podsvojstva se direktno mogu menjati u okviru Properties Windows-a (Slika 17). Ako kliknemo

na svojstvo Font u uglu će se pojaviti dugme sa tri tačke, kada kliknemo na to dugme pojaviće senovi prozor u kome su isto prikazana podsvojstva, tako da je ovo još jedan način na koji sepodsvojstva mogu podešavati (Slika 18).

Slika 17. Font svojstvo Slika 18. Opcije Font svojstva

Size  je svojstvo pomoću koga se određuju dimenzije forme izražene u pikselima. Sastoji se od

dva podsvojstva: Width, koje služi za podešavanje širine i Height, koje služi za podešavanje

visine forme (Slika 19).

Slika 19. Size svojstvo 

7/23/2019 Forma u c#

http://slidepdf.com/reader/full/forma-u-c 9/9

U ovom slučaju smo promenili i visinu i širinu. Sada je širina 415, a visina je 128.