"Korišćenje kontrola za Windows formulare – I deo
Poslednjih godina Visual Basic pružao je programerima alate za kreiranje detaljnih korisničkih interfejsa, kroz intuitivni dizajner formulara. Ovaj dizajner sa svojim alatima, zajedno sa programskim jezikom lakim za učenje, predstavljao je možda najbolje okruženje za razvoj velikih aplikacija. Jedna od stvari koje Visual Basic radi, kao i neki dragi alati za razvoj aplikacija (npr. Delphi), jeste obezbeđivanje pristupa predefinisanim kontrolama, koje programer može brzo ugraditi u korisnički interfejs aplikacije. U centra većine Visual Basic Windows aplikacija nalazi se dizajner formulara. Korisnički interfejs se kreira tako što se kontrole prevlače iz okvira za alate i spuštaju na obrazac tamo gde želimo da stoje kada se program izvršava. Dvostrukim pritiskom na kontrole dodaju se ratine za obradu kontrola. Microsoftove unapred definisane kontrole, zajedno sa standardnim kontrolama, koje se mogu kupiti po razumnim cenama, predstavljaju nov izvor potpuno testiranog koda, koji se može uvek koristiti. Ono što je bilo najvažnije u Visual Basicu, sada je, kroz Visual Studio .NET, dostupno C# programerima. Većina kontrola korišćenih pre .NET-a bile su, i još uvek jesu, specijalni COM objekti, poznatiji kao ActiveX kontrole. Ove kontrole su se prikazivale i za vreme dizajniranja i za vreme izvršavanja programa. Svaka kontrola ima određena svojstva, dopuštajući programeru izvestan nivo prilagođavanja, kao što je podešavanje boje pozadine, naslova i njegove pozicije u formulara. Kontrole koje ćemo videti u ovom predavanju izgledaju isto kao i ActiveX kontrole, ali nisu - to su NET sklopovi. Ipak, i dalje se mogu koristiti kontrole dizajnirane za starije verzije Visual Studija, iako produžavaju rad zato što je potrebna dodatna obrada ovih kontrola od strane .NET-a. Iz očiglednih razloga, kada je .NET dizajniran, Microsoft nije hteo da napravi suvišnim postojeće kontrole, već je pronašao način da se i one upotrebe i pored toga što će sve buduće kontrole biti iste .NET komponente. Ovi .NET sklopovi mogu biti dizajnirani tako da se koriste u bilo kojem od jezika Visual Studio. U budućnosti, veruje se, proizvodiće se samo čiste .NET komponente. Već smo imali prilike da vidimo dizajner formulara, nakratko, u ovoj knjizi. U ovom predavanju detaljnije ćemo razmatrati dizajner, kao i izvestan broj kontrola iz okvira Visual Studio .NET-a. Predstaviti sve kontrole trenutno prisutne u Visual Studio .NET-u, bilo bi isuviše za ovu knjigu; zato ćemo predstaviti samo one najčešće korišćene, počevši od oznaka i okvira za tekst, do prikaza lista i statusnih linija.
Dizajner Windows formulara
Počećemo kratkim pregledom Windows dizajnera formulara. Ovo je centralno mesto za kreiranje korisničkog interfejsa. Potpuno je moguće kreirati formulare bez korišćenja Visual Studio .NET-a; međutim, dizajniranje interfejsa u Notepadu može biti težak posao. Da počnemo od okruženja u kojem ćemo raditi. Pokrenite Visual Studio .NET i kreirajte novi C# Windows Application projekat tako što ćete izabrati File | New | Project. U okviru za dijalog koji se pojavljuje, u stablu sa leve strane pritisnite Visual C# Projects, a zatim izaberite Windows Application u listi sa desne strane. 2a sada ne menjajte ime koje je predložio Visual Studio i pritisnite OK. To bi trebalo da kreira prozor sličan ovome ispod:
1
Ako ste upoznati sa dizajnerom formulara iz Visual Basica, primetićete određene sličnosti dizajner se pokazao kao dobro oruđe i neko je odlučio da ga koriste i drugi jezici Visual Studija. Ako niste upoznati sa dizajnerom, razmotrimo šta se sve pojavljuje na ovom prozoru, panel po panel. U centru samog prozora nalazi se formular koji dizajniramo. Kontrole se mogu prevlačiti iz okvira sa alatima i spuštati na formular. Okvir sa alatima se trenutno ne vidi na slici iznad. Ali, al pomerite pokazivač miša skroz ulevo, iznad jezička kartice Toolbox, pojaviće se. Možete da pritisnete pribadaču u gornjem desnom uglu panela da ga „otvorite". Ovo će prearanžirati izgled radnog prostora, tako da se okvir sa alatima uvek vidi i neće smetati samoj formi. Uskoro ćemo pogledati sam okvir sa alatima i šta sve on sadrži. Takođe skriven, na levoj traci, nalazi se i Server Explorera - predstavljen ikonama na kojoj su nacrtani računari, iznad jezička kartice Toolbox. Ovo se može posmatrati i kao kraća verzija Windows Control Panela. Odavde možete pretraživati mrežu, dodavati ili uklanjati veze sa bazama podataka i još mnogo toga drugog. Sa desne strane prozora nalaze se dva panela. Gornji je Solution Explorer i pregled klasa. U Solution Exploreru možete videti sve otvorene projekte i njihove pridružene datoteke. Ako pritisnete na karticu pri dnu Solution Explorera, aktivirate Class Viewer (pregled klasa). Ovde možete pregledati sve klase korišćene u projektima, kao i sve izvedene klase. U donjem desnom delu prozora nalazi se panel Properties. Ovaj panel sadrži sva svojstva izabranog objekta, koja se lako mogu pročitati ili izmeniti, tj. dopuniti. Cesto ćemo koristiti ovaj panel u ovom predavanju. Takođe, u ovom panelu vidi se i kartica Dynamic Help. Ovde se prikazuju svi saveti i uputstva za izabrani objekat ili kod, čak i dok kucate. Ako imate stariji računar sa malom količinom radne memorije, predlažemo da uklonite ovaj panel kada on nije potreban, zato što aktivna potraga saveta i pomoći može usporiti rad računara.
2
Okvir sa alatima
Pogledajmo malo bolje okvir sa alatima - Toolbox. Ako već to niste uradili, pomerite pokazivač miša do okvira na levoj strani ekrana, i pritisnite pin u gornjem desnom uglu panela, tako da ceo panel bude vidljiv.
Ako slučajno pritisnete X umesto pribadače i tako uklonite okvir sa alatima, možete ga ponovo vratiti u prozor. Izaberite Toolbox iz menija View, ili pritisnite tastere Ctrl+Alt+X
Okvir sa alatima sadrži sve kontrole dostupne .NET programerima. Što je važnije, okvir sadrži sve kontrole za programere Windows aplikacija. Da ste izabrali kreiranje projekta Web Forms, umesto projekta Windows Application, dobili biste drugi okvir sa alatima. Niste obavezni da koristite ovakav izbor kontrola. Okvir sa alatima možete prilagoditi svojim potrebama, ali u ovom predavanju fokusiraćemo se na kontrole koje se nalaze u okviru (slika iznad). U stvari, pogledaćemo većinu od njih.
Kontrole
Većina kontrola u .NET-u izvedene su iz klase System.Windows.Forms.Control. Ova klasa definiše osnovno funkcionisanje kontrola, zbog čega su mnogi događaji i osobine kontrola identični. Mnoge od ovih klasa su osnovne klase za druge kontrole, kao što je to slučaj sa klasama Labeli TextBoxBase:
3
Neke kontrole, koje se nazivaju korisničkim kontrolama, izvedene su iz druge klase: System.Windows.Forms.UserControl. Ova klasa je izvedena iz klase Control i omogućuje nam da kreiramo sopstvene kontrole. Takođe, kontrole koje koristimo za dizajniranje Web korisničkog interfejsa izvedene su iz klase System.Web.UI.Control.
Osobine
Sve kontrole imaju određene osobine koje određuju kako će se neka kontrola ponašati. Osnova klasa za većinu kontrola, Control, sadrži određen broj svojstava koje kontrole ili direktno nasleđuju, ili redefinišu u slučaju da se želi neko drugačije ponašanje kontrole. Tabela ispod pokazuje najvažnije osobine klase Control. Ove osobine biće prisutne u većini kontrola koje demo videti u ovom predavanju. Zbog toga ih nećemo ponovo detaljno objašnjavati, osim ukoliko ne menjamo ponašanje konkretne kontrole. Tabela nije napisana da zamori čitaoca; ukoliko želite da pronađete sve osobine klase Control, pogledajte MSDN biblioteku. Ime osobine
Anchor BackColor Bottom Dock Enabled ForeColor Height
Dostupnost
Čitanje/upis Čitanje/upis Čitanje/upis Čitanje/upis Čitanje/upis Čitanje/upis Čitanje/upis
Opis
Ovo svojstvo definiše ponašanje kontrole kada kontejner koji sadrži kontrolu menja svoju veličinu. Posle tabele nalazi se detaljno objašnjenje ove osobine. Boja pozadine kontrole. Određuje razdaljinu od vrha prozora do dna kontrole. Ovo nije isto što i visina kontrole. Dopušta da kontrola bude pripojena uz ivicu prozora. Posle tabele nalazi se detaljno objašnjenje ove osobine. Podesiti svojstvo Enabled na true (tačno) obično znači da kontrola može da primi unos od strane korisnika. Podešeno na false (netačno) obično znači da ne može. Boja prednjeg plana kontrole. Udaljenost od vrha do dna kontrole.
4
Ime osobine
Left Name Parent Right TabIndex Tabstop Tag Top Visible Width
Dostupnost
Čitanje/upis Čitanje/upis Čitanje/upis Čitanje/upis Čitanje/upis Čitanje/upis Čitanje/upis Čitanje/upis Čitanje/upis Čitanje/upis
Opis
Udaljenost leve ivice kontrole od leve ivice prozora. Ime kontrole. Ime se koristi za pristup kontroli u kodu. Roditelj kontrole. Udaljenost desne ivice kontrole od leve ivice prozora. Redosled promene kontrola u kontejneru koji ih drži prilikom pritiska na taster Tab. Određuje da li kontrola može biti dostupna pritiskanjem tastera Tab. Ovu vrednost ne koristi sama kontrola, već služi programerima za smeštanje informacija o kontroli. Ovoj osobini može se dodeliti jedino vrednost u formi stringa. Udaljenost gornje ivice kontrole od vrha prozora. Određuje da li je kontrola vidljiva u toku izvršavanja programa. Širina kontrole.
Svojstva Anchor i Dock
Ove dve osobine su naročito korisne kada dizajnirate obrazac. Osigurati da prozor normalno izgleda posle promene veličine prozora, nije nimalo lako. Ogroman broj redova koda napisan je da bi se ovo moglo izvesti. Mnogi programi rešavaju ovaj problem tako što ne dozvoljavaju da se menja veličina prozora, što je svakako najlakši način, ali ne i najbolji. Svojstva Anchor i Dock, koja su uvedena kroz .NET okruženje, omogućavaju vam da rešite ovaj problem bez pisanja koda, Svojstvo Anchor određuje kako se kontrola ponaša kada korisnik promeni veličinu prozora u kojem se kontrola nalazi. Može se namestiti tako da i kontrola menja veličinu, zajedno sa prozorom, ili da ostane iste veličine i na istom odstojanju od ivice prozora. Svojstvo Dock je povezano sa svojstvom Anchor. Određuje da li kontrola treba da bude pripojena uz ivicu prozora kojem pripada. Ukoliko korisnik promeni veličinu prozora, kontrola će i dalje biti pripojena uz ivicu. Ako, na primer, odredite da kontrola treba uvek da bude pripojena uz donju ivicu prozora, kontrola će menjati svoju veličinu i ostati u donjem delu, bez obzira na to kako menjate veličinu samog prozora. Pogledajte primer okvira za tekst, kasnije u ovom predavanju, za tačnu primenu Anchor osobine,
Događaji
Kada korisnik programa pritisne dugme ili taster, programer bi hteo da zna da se to zaista desilo. Da bi ovo bilo moguće, kontrole koriste događaje. Klasa Control definiše brojne događaje koji su zajednički za kontrole. Tabela ispod opisuje neke od ovih događaja. Ovo je, kao i ranije, izbor najčešće korišćenih; ukoliko želite da pronađete celu listu događaja, pogledajte MSDN biblioteku.
5
Ime događaja
Click
Opis
Dešava se kada se pritisne na kontrolu. Ovaj događaj će se takođe desiti kada se pritisne taster Enter. Dešava se kada se kontrola dva puta pritisne. Obradom događaja nekim kontrolama, kao što je kontrola Button, znači da Doubleclick događaj nikad neće biti pozvan. Dešava se kada se završi operacija prevlačenja i spuštanja. Drugim rečima, kada se neki objekat prevuče do kontrole, a onda se pusti taster miša. Dešava se kada dovučeni objekat ude u granice kontrole. Dešava se kada dovučeni objekat napušta granice kontrole. Dešava se kada dovučeni objekat prelazi preko kontrole. Dešava se kada se taster pritisne dok kontrola ima fokus. Ovaj događaj uvek ide pre događaja KeyPress i KeyUp. Dešava se kada se taster pritisne dok kontrola ima fokus. Ovaj događaj uvek ide posle KeyDown, a pre KeyUp događaja. Razlika između KeyDown i KeyPress jeste ta da KeyDown prenosi kod tastature za taster koji je pritisnut, dok KeyPress prenosi odgovarajuću vrednost tipa char za taster. Dešava se kada se taster pusti dok kontrola ima fokus. Ovaj događaj uvek ide posle događaja KeyDown i KeyPress. Dešava se kada kontrola primi fokus. Nemojte koristiti ovaj događaj za validaciju kontrole - umesto toga koristite događaje Validating ili Validated. Dešava se kada kontrola izgubi fokus. Nemojte koristiti ovaj događaj za validaciju kontrole - umesto toga koristite Validating ili Validated događaje. Dešava se kada se pokazivač miša nalazi iznad kontrole i kada se taster miša pritisne. Ovo nije isto što i događaj Click; MouseDown se dešava čim se pritisne dugme i pre nego što se pusti. Dešava se kontinuirano dok miš prelazi preko kontrole. Dešava se kada je pokazivač miša na kontroli i kada se taster miša oslobodi. Dešava se kada se kontrola iscrtava. Ovaj događaj se dešava kada se kontrola sa CausesValidation osobinom podešenom na true, sprema da primi fokus. Počinje kada se završi događaj Validating i pokazuje da je validacija završena. Ovaj događaj se dešava kada se kontrola sa CausesValidation osobinom podešenom na true, sprema da primi fokus. Kontrola nad čijim sadržajem se vrši validacija jeste ona kontrola koja gubi fokus, a ne ona koja ga prima.
Doubleclick DragDrop DragEnter DragLeave DragOver KeyDown
Key Press
KeyUp
GotFocus
LostFocus
MouseDown MouseMove MouseUp Paint Validated
Validating
Sada možemo da pređemo na same kontrole i počećemo sa jednom koju smo videli u prethodnim predavanju, kontrolom Button.
Kontrola Button
Kada se kaže dugme (Button), verovatno pomislite na četvorougaono dugme koje se može pritisnuti radi izvođenja neke radnje. Međutim, tehnički, postoje tri vrste dugmadi u Visual Studio .NET-u. To je zato što su radio-dugmad i polja za potvrdu, takođe dugmad. Zbog ovoga, klasa Button nije direktno izvedena iz klase Control, već iz klase ButtonBase, koja je izvedena iz Control. Fokusiraćemo se na kontrolu Button, a radio-dugme i polje za potvrdu ostaviti za kasnije. 6
Kontrola Button postoji na svakom okviru za dijalog kojeg možete da se setite. Button se, uglavnom, koristi za obavljanje tri vrste zadataka:
Za zatvaranje okvira za dijalog (npr. OK ili Cancel dugme); Za izvršavanje neke akcije nad podacima unetim u okviru za dijalog (npr. pritisak na dugme Search posle unošenja nekog kriterijuma pretrage); Za otvaranje nekog drugog okvira za dijalog ili aplikacije (npr. dugme Help).
Rad sa kontrolom Button je veoma jednostavan. Obično se sastoji od stavljanja kontrole u formular, dvostrukog pritiska na kontrolu za dodavanje koda za događaj Click, što će bid dovoljno za većinu aplikacija sa kojima ćete radio. Razmotrimo sada neke najčešće korišćene osobine i događaje kontrole. To će vam omogućiti da shvatite šta se sve može uraditi sa kontrolom. Zatim, napravićemo mali primer koji će demonstrirati neke od osnovnih svojstava i događaja dugmeta
Svojstva kontrole Button
Opisaćemo osobine kao članove klase Button, iako su, tehnički, ove osobine definisane u klasi ButtonBase. Samo one najčešće korišćene opisane su u tabeli. Za celu listu, pogledajte MSDN biblioteku. Ime osobine Dostupnost Opis
Izgled dugmeta može biti izmenjen pomoću ove osobine. Ako namestite stil na PopUp, dugme će biti ravno sve dok se pokazivač miša ne pomeri na njega. Tada se dugme pojavljuje u normalnom, 3D obliku. Pominjemo ovu osobinu ovde, iako je ona izvedena iz klase Control, zato što je od velike važnosti za dugme. Podešavanje Enabled osobine na false znači da dugme postaje sivo i ništa se ne dešava kada se pritisne na njega. Omogućava biranje slike (bitmape, ikone itd.) koja će se pojaviti na dugmetu. Uz pomoć ove osobine možete da izaberete položaj slike na dugmetu.
FlatStyle
Čitanje/upis
Enabled
Čitanje/upis
Image ImageAlign
Čitanje/upis Čitanje/upis
Događaji kontrole Button
Daleko najkorišćeniji događaj dugmeta jeste događaj Click. Dešava se kada korisnik pritisne na dugme; pod ovim se misli kada pritisne levo dugme miša i kada ga oslobodi dok se pokazivač miša nalazi na dugmetu. To znači da kada pritisnete levim dugmetom miša, a zatim pomerite pokazivač miša sa kontrole pre nego što oslobodite levo dugme miša, neće doći do događaja Click. Takođe, do događaja Click dolazi kada je dugme u fokusu i kada korisnik pritisne taster Enter. Ako imate dugme na formularu, uvek treba obraditi ovaj događaj. Pređimo sada na primer. Kreiraćemo dijalog sa tri dugmeta. Dva će menjati korišćeni jezik sa engleskog na danski i obrnuto (možete da koristite bilo koji drugi jezik). Poslednje dugme će zatvarati dijalog.
7
Primer kontrole Button
Vežba br. 21.
Napravite novi projekat konzolne aplikacije birajući File | New | Project... iz menija:
1. Izaberite Visual C# Projects direktorijum unutar prozora Project Types:, i tip projekta Windows Application u okviru prozora Templates: U okviru za tekst Location: promenite putanju u C:\Temp\SoftIng\LecturesCode\Vezba21 (ovaj će direktorijum biti automatski napravljen ukoliko već ne postoji), i ostavite podrazumevani tekst u okviru za tekst Name: Kontrola Button. 2. Otvorite paletu Properties i za kontrolu forme podesite sledeće osobine: Osobina (Properties) Name Text StartPosition Font FormBorderStyle Size Napomena: Vodite računa o konvenciji imenovanja kontrola, kao što je prikazano u lekciji Imenovanje kontrola, promenljivih i konvencijama pisanja programa. 3. Probajte odmah posle da startujete aplikaciju, pritiskajući na tastaturi taster F5. Dobićete poruku o greški. Slično ovoj. Vrednost (Value) fclsMain Kontrola Button CenterScreen Microsoft Sans Serif, Regular, 8, Central European FixedSingle 262; 150
4. Takođe u okviru prozora Task List generisaće se poruka o grešci. Kliknite dva puta na datu grešku i Visual Studio .NET će nas odvesti do greške u kodu.
8
5. Pošto smo promenuli ime kontrole forme, moraćemo ručno promenuti i naziv fome u u samom kodu. Dakle umesto dotičnog naziva Form1 postavite:
Napomena: Ovo preimenovanje se mora svaki put uraditi samo kod kontrole forme jer Visual Studio .NET sam to ne radi, kao što to radi Programski jezik Delphi. Kod ostalih kontrole naravno to nije potrebno sam VS to radi umesto nas. 6. Pokrenimo ponovo aplikaciju sa F5. 7. Otvorite okvir sa alatima (Toolbar) i tri puta dvostruko pritisnite kontrolu Button. Postavićemo tri kontrole dugmeta na samu formu – Button1, Button2, Button3. Podesite sledeće osobine redom za kontrole dugmad. za Button1 Osobina (Properties) Name Text Cursor Image ImageAlign Location Size za Button2 Osobina (Properties) Name Text Cursor Image ImageAlign Location Size za Button3 Osobina (Properties) Name Text Cursor Location Size btnOk &OK Hand 88; 72 75; 23 Vrednost (Value) Vrednost (Value) btnDanski &Danski Hand C:\Program Files \M ic r os oft Visual Sudio .NET\Common7\Graphics\icons\Flags\ flgden.ico BottomLeft 144; 24 96; 23 Vrednost (Value) btnEngleski &Engleski Hand C:\Program Files \M ic r os oft Visual Sudio .NET\Common7\Graphics\icons\Flags\ flguk.ico BottomLeft 16; 24 96; 23
9
Trebalo bi da dobijemo izgled forme kao na slici:
8. Sada moramo da unesemo šta će aplikacija da radi. Odnosno treba da unesemo kod. Za kontrolu btnEngleski. To se može uraditi na dva načina. Prvi tako što dva puta kliknete na dugme btnEngleski i VS će sam napraviti događaj Click. Drugi način je preko okvira prozora Events i dvaput kliktanjem na događaj Click. Unesite sledeći kod u telu Click događaja.
To isto uradite i sa btnDanski.
Na kraju to isto uradite i za dugme btnOk.
9. Na kraju pokrenite sa F5 aplikaciju i isprobajte je.
10
Kontrole Label i LinkLabel
Kontrola Label se možda najčešće koristi od svih kontrola. Pogledajte bilo koju Windows aplikaciju, i naći ćete ovu kontrolu u skoro s..."
|
You need to upgrade your Flash Player , or try to enable javascript in order see this document properly.
|
|
Comments
