dizajn programskih proizvoda - visual basic

Dizajn programskih proizvoda

Prvo idemo na File < New Project < napisati ime aplikacije te potom biramo Windows Form Application. Na početku definiramo ime naše aplikacije ( „ Dobrodošli u našu aplikaciju „ ), Start position stavljamo na Center Screen. Stavljamo opciju False na Minimize i Maximize Box kako se ne bi moglo kliknuti na njih.IsMidContainer je potrebno staviti na True kako bi ova forma postala kontejner.Po izboru stavljamo ikonu ali ona mora biti u .ico formatu.

Sada u All Windows Forms odabiremo Menu Strip te Pomoću Menu Strip možemo napraviti stavke te podizbornike.Ako želimo napraviti separator upišemo minus.Kratice radimo tako da ispred slova za kojeg želimo da bude kratica stavljamo znak

Sada dodajemo Tool Strip te ćemo dodati 3 buttonate pod opciju „Image“ odabiremo sliku koju hoćemo staviti.Za svaki od tih buttona u Properties izborniku u opciji Text definiramo ime.Za prvi button pod Text unosimo „ Unos korisniZa drugi button pod Text unosimo „ Unos ispita“Za treći button pod Text unosimo „ Postavke“

Dizajn programskih proizvoda - dizajniranje u Visual basicu

1

Prvo idemo na File < New Project < napisati ime aplikacije te potom biramo Windows Form

Na početku definiramo ime naše aplikacije ( „ Dobrodošli u našu aplikaciju „ ), Start position

Minimize i Maximize Box kako se ne bi moglo kliknuti na njih.IsMidContainer je potrebno staviti na True kako bi ova forma postala kontejner. Po izboru stavljamo ikonu ali ona mora biti u .ico formatu.

Sada u All Windows Forms odabiremo Menu Strip te kliknemo i odvučemo na našu formu.Pomoću Menu Strip možemo napraviti stavke te podizbornike. Ako želimo napraviti separator upišemo minus.

e radimo tako da ispred slova za kojeg želimo da bude kratica stavljamo znak

e ćemo dodati 3 buttona. Kliknemo na svaki od buttona i pod „ Properties“ te pod opciju „Image“ odabiremo sliku koju hoćemo staviti. Za svaki od tih buttona u Properties izborniku u opciji Text definiramo ime. Za prvi button pod Text unosimo „ Unos korisnika“ Za drugi button pod Text unosimo „ Unos ispita“ Za treći button pod Text unosimo „ Postavke“

Prvo idemo na File < New Project < napisati ime aplikacije te potom biramo Windows Form

Na početku definiramo ime naše aplikacije ( „ Dobrodošli u našu aplikaciju „ ), Start position

Minimize i Maximize Box kako se ne bi moglo kliknuti na njih.

kliknemo i odvučemo na našu formu.

e radimo tako da ispred slova za kojeg želimo da bude kratica stavljamo znak &.

. Kliknemo na svaki od buttona i pod „ Properties“


2

Sada idemo na kreiranje dodatnih formi. Kako bismo kreirali novu formu možemo kliknuti na našu aplikaciju u Solution Exploreru desnim klikom miša te odaberemo opciju Add i odabiremo Windows form. Neka ime nove forme ostane Form 2. U novoj formi pod Text upisujemo „ Unos korisnika“ te Start position stavljamo na CenterParent. Za početak stavljamo jedan GroupBox. To je element koji služi za grupiranje određenih podataka. U opciji Text za taj GroupBox upisujemo „ Osnovni podaci“ U GroupBox „ Osnovni podaci“ dodajemo nekoliko labela ( ime,prezime,OIB ) te pokraj svake od tih labela dodajemo TextBox. Za spol odabiremo jedan ComboBox ako želimo definirati elemente koji se nalaze unutra. Idemo na opciju Items pod postavke te kliknemo na tri točkice i definiramo elemente koji će biti u padajućem izborniku. Zatim dodajemo još jedan GroupBox kojeg nazivamo „ Odaberite kategorije interesa“ te stavljamo 2 CheckBoxa. 1. CheckBox nazovimo recimo „ Programiranje“ 2. CheckBox nazovimo „ Dizajn programskih proizvoda “ Možemo staviti i neku sliku za koju koristimo element „ PictureBox „. Trebamo učitati sliku > Choose Image > Locale resource te odaberemo sliku sa svog računala. „Size mode“ možemo staviti na Stretch. Stavljamo još jedan GroupBox u koji stavljamo kontrolu „ Radio button „. Kod „RadioButtona“ samo 1 odabir može biti odabran. Pokraj 2 RadioButtona stavljamo 2 TextBoxa ( u postavkama Multiline stavljamo na True kako bismo mogli upisivati u više redova). Kako se ti TextBoxevi ne bi mogli editirati stavljamo ReadOnly na True. Ispod radimo 2 Buttona - „ Izlaz „ i „ Unos „ Ako želimo uopće vidjet ovu formu, moramo je pozvati iz naše Forme 1. Klikom na Unos korisnika želimo da se prikaže ta forma.

Menu strip

ToolStrip


Sada ćemo napraviti dvoklik na ko Public Class Form1 Private Sub KorisnikaToolStripMenuItem_Click(ByVal e As System.EventArgs Form2.ShowDialog() End Sub End Class


3

Sada ćemo napraviti dvoklik na korisnika i upisujemo Form2.ShowDialog( )

KorisnikaToolStripMenuItem_Click(ByVal sender AsEventArgs) Handles KorisnikaToolStripMenuItem.Click

.ShowDialog()

SLIKA

As System.Object, KorisnikaToolStripMenuItem.Click


Sada za prvu ikonicu želimo definirati da kada se klikne na nju, da se otvori ta forma no ovaj put ćemo to raditi na drugi način.

Radimo dvoklik na ikonu Form2.MdiParent = Me - Za formu 2 Mdi roditelj će biti ova forma Ispod toga upisujemo: Form2.Show()

Sada koristimo .Show jer prozor mora biti unutar našeg Parent prozora.

Sada idemo izraditi formu za unos ispitnog roka. Ubacujemo jednu labelu u kojoj će pisati „ Datum roka „ te u Toolboxu odabeDodajemo još jednu labelu koja će se zvati „ Odabi„TreeView“ Ako želimo definirati što će se nalaziti u TreeViewu u „ Properties“ tražimo svojstvo „ Nodes“ te kliknemo na tri točkice. Root element će biti „ Predmeti „ a „ Child“ će biti „ DPP „ i „ PROG „


4

Sada za prvu ikonicu želimo definirati da kada se klikne na nju, da se otvori ta forma no ovaj put ćemo

te upisujemo :

Za formu 2 Mdi roditelj će biti ova forma

Sada koristimo .Show jer prozor mora biti unutar našeg Parent prozora.

izraditi formu za unos ispitnog roka.

Ubacujemo jednu labelu u kojoj će pisati „ Datum roka „ te u Toolboxu odaberemoDodajemo još jednu labelu koja će se zvati „ Odabir predmeta „ te ispod ove labele

mo definirati što će se nalaziti u TreeViewu u „ Properties“ tražimo svojstvo „ Nodes“ te

Root element će biti „ Predmeti „ a „ Child“ će biti „ DPP „ i „ PROG „

SLIKA

Sada za prvu ikonicu želimo definirati da kada se klikne na nju, da se otvori ta forma no ovaj put ćemo

remo DateTime Picker. r predmeta „ te ispod ove labele dodajemo kontrolu

mo definirati što će se nalaziti u TreeViewu u „ Properties“ tražimo svojstvo „ Nodes“ te


Sada trebamo napraviti poziv te forme.

Trebamo kliknuti dvoklik na ikonicu za unos ispita Private Sub ToolStripButton2_Click(System.EventArgs) Handles ToolStripButton2.Click Form3.MdiParent = Me Form3.Show() End Sub End Class


5

Sada trebamo napraviti poziv te forme.

a ikonicu za unos ispita te napisati kod.

ToolStripButton2_Click(ByVal sender As System.Object, ByValToolStripButton2.Click Me

slika

ByVal e As


Dodajemo još jednu formu - Form 4.U formu 4 dodajemo TabControlKako bismo definirali Tabove trebamo definirati svojstvo TabPages i kliknuti na 3 točkice.

Pod Text za TabPage 1 upisujemo „ Izgled“Pod Text za TabPage 2 upisujemo „ Osnovno“ Pod „Osnovno“ stavljamo CheckBoxeve Automatski ažuriraj aplikaciju“

Pod „ Izgled“ ćemo definirati GroupBox kojeg ćemo nazvati „Pozadine“ te dodajemo RadioButtone „ Bijela“ i „Crna“. Možemo definirati još jedan GroupBox kojeg nazivamo „Tekst“ te dodajemo labelu „ Font“ te zatim dodajemo jedan ComboBox u kojem ćemo definirati nekoliko stavkiIsto tako radimo labelu „Veličina“ i dodajemo ComboBox.Za ComboBox „ Veličina“ pod Items definiramo;


6

Form 4. U formu 4 dodajemo TabControl koji služi za definiranje Tabova. Kako bismo definirali Tabove trebamo definirati svojstvo TabPages i kliknuti na 3 točkice.

Pod Text za TabPage 1 upisujemo „ Izgled“ TabPage 2 upisujemo „ Osnovno“

CheckBoxeve - „ Pokretanje prilikom pokretanja Windowsa“ i „

Pod „ Izgled“ ćemo definirati GroupBox kojeg ćemo nazvati „Pozadine“ te dodajemo RadioButtone „

Možemo definirati još jedan GroupBox kojeg nazivamo „Tekst“ te dodajemo labelu „ Font“ te zatim dodajemo jedan ComboBox u kojem ćemo definirati nekoliko stavki Isto tako radimo labelu „Veličina“ i dodajemo ComboBox.

“ pod Items definiramo;

Kako bismo definirali Tabove trebamo definirati svojstvo TabPages i kliknuti na 3 točkice.

„ Pokretanje prilikom pokretanja Windowsa“ i „

Pod „ Izgled“ ćemo definirati GroupBox kojeg ćemo nazvati „Pozadine“ te dodajemo RadioButtone „

Možemo definirati još jedan GroupBox kojeg nazivamo „Tekst“ te dodajemo labelu „ Font“ te zatim


Za ComboBox „ Font“ pod Items definiramo:

Sada ispod putem kontrole „ PictureBox“ dodajemo neku sliku.Na kraju dodajemo 2 Buttona - „ OK“ i „ Izlaz“ Izgled forme 4


7

Za ComboBox „ Font“ pod Items definiramo:

Sada ispod putem kontrole „ PictureBox“ dodajemo neku sliku. „ OK“ i „ Izlaz“

slika


Sada ovu formu trebamo zalinkati.Kada kliknemo na Formu 1 na „Unos“ pa na „Postavke“

pozvat ćemo formu tako što ćemo stisnuti dvoklik na „ Postavke“ i upisati Private Sub PostavkeToolStripMenuItem_Click(sender System.EventArgs) Handles PostavkeToolStripMenuItem.Click Form4.ShowDialog() End Sub End Class

Nakon toga, potrebno je stisnuti dvoklik na ikonicu Private Sub ToolStripButton3_Click(sender Handles ToolStripButton3.Click Form4.MdiParent = Me Form4.Show() End Sub End Class


8

Sada ovu formu trebamo zalinkati. kliknemo na Formu 1 na „Unos“ pa na „Postavke“

pozvat ćemo formu tako što ćemo stisnuti dvoklik na „ Postavke“ i upisati

PostavkeToolStripMenuItem_Click(sender As System.Object, e PostavkeToolStripMenuItem.Click

Nakon toga, potrebno je stisnuti dvoklik na ikonicu te upisati:

ToolStripButton3_Click(sender As System.Object, e As System.3.Click

Me

, e As

System.EventArgs)

dizajn programskih proizvoda - visual basic

Documents