Java (Swing) - práca s vizuálnymi komponentami - História úprav

Juraj: /* Zašrtávacie polížka (jCheckBox) a výber z viacerých možností (jRadioButton) */

2013-03-05T15:51:57Z

Zašrtávacie polížka (jCheckBox) a výber z viacerých možností (jRadioButton)

Juraj na 16:40, 29. marec 2011

2011-03-29T16:40:32Z

Juraj na 21:12, 15. marec 2011

2011-03-15T21:12:40Z

Juraj na 20:09, 14. marec 2011

2011-03-14T20:09:14Z

Juraj na 21:09, 8. marec 2011

2011-03-08T21:09:51Z

Juraj: Vytvorená stránka „{{Navigacne menu - java}} V tejto časti bude návod ako vytvoriť vizuálnu java aplikáciu pomocou knižnice Swing. Vytvoríme aplikáciu, ktorá bude pozostávať s jedn…“

2011-03-06T19:15:28Z

Vytvorená stránka „{{Navigacne menu - java}} V tejto časti bude návod ako vytvoriť vizuálnu java aplikáciu pomocou knižnice Swing. Vytvoríme aplikáciu, ktorá bude pozostávať s jedn…“

Nová stránka

{{Navigacne menu - java}}
V tejto časti bude návod ako vytvoriť vizuálnu java aplikáciu pomocou knižnice Swing. Vytvoríme aplikáciu, ktorá bude pozostávať s jedného okna v ktorom budú vizuálne komponenty ako napríklad: panel, tlačidlo, posuvník, zašktávacie políčka a výber z viacerých možností.

==Vytvorenie SWING aplikácie==
*V protredí NetBeans vytvoríme nový, prázdny java projekt. Názov projektu sme zvolili 'kiwikiApp'. Pri vytváraní projektu zrušíme možnosť vytvorenie hlavnej triedy (''Create main Class'').
*V novom (prázdnom) projekte vytvoríme v časti zdrojové balíčky (source packages) nový balíček kiwiki.
*V novo vytvorenom balíčku vytvoríme nový súbor:

[[Súbor:swing application netbeans 1.png|center|thumb|400px|Vytvorenie nového súboru v projekte]]

Vyberieme kategóriu ''Swing GUI forms'' a v tejto kategórii súbor typu ''JFrame Form''. Názov vytváranej triedy zvolíme ''kiwikiDemo''.

Po ukončení sprievodcu pridaním nového súboru nám prostredie NetBeans ponúkne možnosť navrhnnúť rozloženie ovládacích prvkov aplikácie pomocou vizuálnych komponentov.

[[Súbor:NetBeans_SWING1.png|center|thumb|400px|Vytvorenie nového súboru v projekte]]

Terz bude nasledovať návrh vizálnej stránky aplikácie:
*Do okna pridáme komponent ''Panel'' z kategórie ''Swing containers''.
*Aby bol tento vložený panel aj viditeľný (panel má rovnakú farbu pozadia ako okno, preto s oknom splýva), nastavíme mu orámovanie (vlastnosť ''Border'').

[[Súbor:swing application netbeans 2.png|center|thumb|400px|Vloženie panelu do aplikácie a nastavenie okraja panela]]

*Plochu panelu rozšírime tak, aby bola roztiatnutý na celú šírku okna a prilepený na spodnú časť okna:

[[Súbor:swing application netbeans 3.png|center|thumb|400px|Nastavenie vizuálnej stránky okna]]

===Vytvorenie novej aplikácie===
===Návrh vizuálnej podoby aplikácie===
==Tlačidlo (jButton) a nadpis (jLabel)==

==Posuvník (jSlider)==

==Zašrtávacie polížka (jCheckBox) a výber z viacerých možností (jRadioButton)==

@@ Riadok 154: / Riadok 154: @@
 Rovnaký kód bude pridaný aj do metódy ''tlcStvorecActionPerformed'', v ktorej sa vykresľuje štvorec.
-==Zašrtávacie polížka (jCheckBox) a výber z viacerých možností (jRadioButton)==
+==Zaškrtávacie boxy (jCheckBox) a výber z viacerých možností (jRadioButton)==
 Do aplikácie doplníme možnosť vykresliť plný kruh/štvorec alebo nevyplnený kruh/štvorec. Pri tejto úlohe si pomôžeme komponentami ''jRadioButton'' a ''jButtonGroup''.
@@ Riadok 216: / Riadok 216: @@
+     }
 </source>
 ==Práca so záložkami==
 Do našej aplikácie vložíme panel so záložkami. Tento komponent je vhodný v prípade ak potrebujeme vizuálne oddeliť časti aplikácie.

← Staršia verzia		Verzia zo dňa a času 16:40, 29. marec 2011
Riadok 216:		Riadok 216:
	}		}
	</source>		</source>
		+	==Práca so záložkami==
		+	Do našej aplikácie vložíme panel so záložkami. Tento komponent je vhodný v prípade ak potrebujeme vizuálne oddeliť časti aplikácie.
		+
		+	Postup pre pridávanie komponentu "panel so záložkami" je nasledovný:
		+	* do aplikácie pridáme komponentu ''TabbedPane''. Takto pridaný komponent neobsahuje žiadne záložky.
		+	** komponent nazvime ''zalozky''
		+	* do komponentu ''TabbedPane'' pridáme komponent ''jPanel''.
		+	** tento krok opakujme 3×, čím docielime, že budeme mať 3 záložky.
		+	** pridaným panelom dáme meno ''panel1, panel2'' a ''panel3''.
		+	** Vytvoreným záložkám môžeme definovať text na záložke.
		+
		+	[[Súbor:swing application netbeans 11.png\|center\|thumb\|400px\|Vloženie komponentu jTabbedPane]]
		+
		+	'''Úloha:''' Po klinutí na tlačidlo 'Kresli' vypíšte informáciu o tom, ktorý panel je aktívny. Informáciu o aktívnom paneli zobrazte na komponente ''panel''.
		+
		+
		+	''Riešenie:''
		+
		+	Informácia o tom, ktorý panel je aktívny má komponent ''zalozky'' (TabbedPane). Komponent ''zalozky'' má informáciu o tom, ktorý z panelov je aktívny pomocou metódy ''getSelectedComponent()''. Táto metóda vráti odkaz na aktívny komponent. Potom nám stačí porovnať tento komponent s existujúcim komponentom.
		+
		+	Metóda ''tlcKresliActionPerformed'' bude vyzerať nasledovne:
		+
		+	<source lang="java">
		+	private void tlcKresliActionPerformed(java.awt.event.ActionEvent evt) {
		+	int sirka, vyska; //sirka a vyska panelu na kreslenie
		+	sirka = panel.getWidth();
		+	vyska = panel.getHeight();
		+	String text = null;
		+	g = panel.getGraphics();
		+	g.fillRect(1, 2, sirka-2, vyska-2);
		+	if(zalozky.getSelectedComponent().equals(panel1)){
		+	text="Prva zalozka";
		+	g.setColor(Color.RED);
		+	}
		+	if(zalozky.getSelectedComponent().equals(panel2)){
		+	text="Druha zalozka";
		+	g.setColor(Color.GREEN);
		+	}
		+	if(zalozky.getSelectedComponent().equals(panel3)){
		+	text="Tretia zalozka";
		+	g.setColor(Color.BLUE);
		+	}
		+	g.drawString(text, sirka/2-30, vyska/2);
		+	}
		+	</source>
		+
		+	Výsledok:
		+
		+	[[Súbor:swing application netbeans 12.png\|center\|thumb\|400px\|Zistenie aktuálne otvorenej záložky]]

@@ Riadok 157: / Riadok 157: @@
 Do aplikácie doplníme možnosť vykresliť plný kruh/štvorec alebo nevyplnený kruh/štvorec. Pri tejto úlohe si pomôžeme komponentami ''jRadioButton'' a ''jButtonGroup''.
-Do aplikácie pridáme 2 vizuálne komponenty ''jRadioButton'' a jeden nevizuálne komponent ''buttonGroup'' (po pridaní tohto komponentu nie je okamžite vidieť žiaden vizuálny efekt)
+Do aplikácie pridáme 2 vizuálne komponenty ''jRadioButton'' a jeden nevizuálny komponent ''buttonGroup'' (po pridaní tohto komponentu nie je okamžite vidieť žiaden vizuálny efekt)
 Názvy týchto komponentov zvolíme ''rbPlny'' a ''rbPrazdny''. Zobrazovaný text zvolíme podľa nasledujúceho obrázku.  Pre komponent ''rbPrazdny'' zmeníme vlastnosť Selected na ''true'', čím zabezpečíme, že táto možnosť bude prednastavená.
@@ Riadok 163: / Riadok 163: @@
 [[Súbor:swing application netbeans 9.png|center|thumb|400px|Vloženie komponentu jSlider]]

← Staršia verzia		Verzia zo dňa a času 20:09, 14. marec 2011
Riadok 119:		Riadok 119:

	==Posuvník (jSlider)==		==Posuvník (jSlider)==
		+	Do aplikácie pridáme komponent ''jSlider'', tak ako je na nasledujúcom obrázku.
		+
		+	[[Súbor:swing application netbeans 8.png\|center\|thumb\|400px\|Vloženie komponentu jSlider]]
		+
		+	Pre tento kompoment nastavme nasledujúce parametre:
		+	*Záložka ''Code''
		+	**Variable name: posuvnik
		+	*Záložka ''properties''
		+	** minimum: 5
		+	** maximum: 150
		+	** value: 80
		+	** majorTickSpacing: 10
		+	** minorTickSpacing: 5
		+	** paintTicks: true
		+
		+	Pridaný komponent ''posuvnik'' bude slúžiť na zmenu polemeru kruhu, resp. strany vykresľovaného štvorca. Aplikáciu zmodifikujeme nasledovne:
		+	*Hodnota posuvníka udáva polomer kruhu alebo stranu vykresľovaného štvorca
		+	*Po kliknutí na príslušné tlačidlo sa vykreslí požadovaný tvar a do komponentu ''info2'' (jLabel) za zapíše hodnota z posuvníku (teda polomer kruhu alebo strana štvorca).
		+
		+	Zmeny v zdrojovom kóde budú minimálne (sú označené komentárom):
		+	<source lang="java">
		+	private void tlcKruhActionPerformed(java.awt.event.ActionEvent evt) {
		+	info1.setText("Kruh");
		+	this.R=this.posuvnik.getValue(); //pridany riadok
		+	info2.setText(String.valueOf(R)); //pridany riadok
		+	g=panel.getGraphics();
		+	int sirka,vyska;
		+	sirka=panel.getWidth();
		+	vyska=panel.getHeight();
		+	g.clearRect(1, 1, sirka-2, vyska-2);
		+	g.drawOval(sirka/2-R, vyska/2-R, 2R, 2R);
		+	}
		+	</source>
		+	Rovnaký kód bude pridaný aj do metódy ''tlcStvorecActionPerformed'', v ktorej sa vykresľuje štvorec.

	==Zašrtávacie polížka (jCheckBox) a výber z viacerých možností (jRadioButton)==		==Zašrtávacie polížka (jCheckBox) a výber z viacerých možností (jRadioButton)==
		+	Do aplikácie doplníme možnosť vykresliť plný kruh/štvorec alebo nevyplnený kruh/štvorec. Pri tejto úlohe si pomôžeme komponentami ''jRadioButton'' a ''jButtonGroup''.
		+
		+	Do aplikácie pridáme 2 vizuálne komponenty ''jRadioButton'' a jeden nevizuálne komponent ''buttonGroup'' (po pridaní tohto komponentu nie je okamžite vidieť žiaden vizuálny efekt)
		+
		+	Názvy týchto komponentov zvolíme ''rbPlny'' a ''rbPrazdny''. Zobrazovaný text zvolíme podľa nasledujúceho obrázku. Pre komponent ''rbPrazdny'' zmeníme vlastnosť Selected na ''true'', čím zabezpečíme, že táto možnosť bude prednastavená.
		+	Obom komponentom zmeníme vlastnosť ''buttonGroup'' na ''buttonGroup1'' , čím dosiahneme, že sa bude dať označiť len jedna možnosť.
		+
		+	[[Súbor:swing application netbeans 9.png\|center\|thumb\|400px\|Vloženie komponentu jSlider]]

@@ Riadok 3: / Riadok 3: @@
 ==Vytvorenie SWING aplikácie==
 *V protredí NetBeans vytvoríme nový, prázdny java projekt. Názov projektu sme zvolili 'kiwikiApp'. Pri vytváraní projektu zrušíme možnosť vytvorenie hlavnej triedy (''Create main Class'').
 *V novom (prázdnom) projekte vytvoríme v časti zdrojové balíčky (source packages) nový balíček kiwiki.
@@ Riadok 15: / Riadok 17: @@
 [[Súbor:NetBeans_SWING1.png|center|thumb|400px|Vytvorenie nového súboru v projekte]]
-Terz bude nasledovať návrh vizálnej stránky aplikácie:
+===Návrh vizuálnej podoby aplikácie===
 *Do okna pridáme komponent ''Panel'' z kategórie ''Swing containers''.
 *Aby bol tento vložený panel aj viditeľný (panel má rovnakú farbu pozadia ako okno, preto s oknom splýva), nastavíme mu orámovanie (vlastnosť ''Border'').
@@ Riadok 25: / Riadok 28: @@
 [[Súbor:swing application netbeans 3.png|center|thumb|400px|Nastavenie vizuálnej stránky okna]]
-===Vytvorenie novej aplikácie===
+===Nastavenie názvom použitých komponentov===
-===Návrh vizuálnej podoby aplikácie===
+Po umiestnení vizuálnych komponentov na formulár je vhodné ich pomenovať tak, aby boli jednoducho rozlíšiteľné. Prostredie NetBeans pomenuváva kompoennty pomocou kombinácie názvu komponentu a porodového čísla kompomentu, napr jLabel1, jLabel2, ... .
 ==Tlačidlo (jButton) a nadpis (jLabel)==
 ==Posuvník (jSlider)==
 ==Zašrtávacie polížka (jCheckBox) a výber z viacerých možností (jRadioButton)==