GUI v Javě - Historie editací

Spravce: /* Třída JLabel */ Zjednodušení popisu JLabel

2025-01-27T07:47:25Z

Třída JLabel: Zjednodušení popisu JLabel

← Starší verze		Verze z 27. 1. 2025, 07:47
Řádka 119:		Řádka 119:
	</div>		</div>

−	=== ~~Třída~~ <code>JLabel</code> ===	+	=== Popisky <code>JLabel</code> ===
−	* <code>JLabel(String textPopisu)</code>	+	* Informativní text můžeme zobrazit pomocí třídy <code>JLabel(String textPopisu)</code>.
−	** text popisky zadáme jako parametr konstruktoru	+	* Text popisky zadáme jako parametr konstruktoru
−	**: <code>JLabel lCisloA = new JLabel("Zadejte číslo A:");~~</code>~~	+	JLabel lCisloA = new JLabel("Zadejte číslo A:");
−	* reakci na stisk tlačítka nastavíme [[#Zpracování událostí, posluchač \| přiřazením posluchače viz dále]]	+

	=== Třída <code>JTextField</code> ===		=== Třída <code>JTextField</code> ===

Spravce: /* Základní komponenty */ Úprava textu o tlačítku + příklad Pozdrav!

2025-01-27T07:44:09Z

Základní komponenty: Úprava textu o tlačítku + příklad Pozdrav!

← Starší verze		Verze z 27. 1. 2025, 07:44
Řádka 75:		Řádka 75:
	setContentPane(mainPanel);		setContentPane(mainPanel);

−	=== ~~Třída~~ <code>JButton</code> ===	+	=== Tlačítko <code>JButton</code> ===
−	* <code>JButton(String popisTlacitka)</code>	+	* Tlačítka realizuje třída <code>JButton(String popisTlacitka)</code>
−	** text na tlačítku zadáme jako parametr konstruktoru	+	* Text na tlačítku zadáme jako parametr konstruktoru:
−	**: ~~<code>~~JButton tlStart = new JButton("Start");~~</code>~~	+	JButton tlStart = new JButton("Start");
−	* reakci na stisk tlačítka ~~nastavíme [[#Zpracování událostí~~, ~~posluchač \| přiřazením posluchače viz dále]]~~	+	* Tlačítku nastavíme ''listener''. Ten v reakci na stisk tlačítka provede akci:
		+	tlStart.addActionListener(e -> provedAkci());
		+
		+	<div class="Priklad">
		+	Připravte okno s jedním tlačítkem. Po stisknutí tlačítka objeví vyskakovací okno s pozdravem:
		+
		+	import javax.swing.*;
		+
		+	public class Pozdrav extends JFrame {
		+	private JPanel mainPanel;
		+	private JButton btPozdrav;
		+	public Pozdrav() {
		+	initComponents();
		+	}
		+	private void initComponents() {
		+	setContentPane(mainPanel);
		+	setTitle("Pozdrav!");
		+	setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		+	setSize(400, 300);
		+	btPozdrav.addActionListener(e -> pozdrav());
		+	}
		+	private void pozdrav() {
		+	JOptionPane.showMessageDialog(this, "Ahoj světe!");
		+	}
		+	}
		+	</div>
		+
		+	; Další metody tlačítka:
	* <code>String getText()</code>, <code>setText(String novy)</code>		* <code>String getText()</code>, <code>setText(String novy)</code>
	** vrací/nastavuje popis tlačítka.		** vrací/nastavuje popis tlačítka.

Spravce: /* Základní komponenty */ Úvodní text přeformulován.

2025-01-27T07:05:55Z

Základní komponenty: Úvodní text přeformulován.

← Starší verze		Verze z 27. 1. 2025, 07:05
Řádka 70:		Řádka 70:
	== Základní komponenty ==		== Základní komponenty ==

−	Do okna vkládáme ~~součásti (~~komponenty). ~~Komponenty jsou potomky třídy <code>JComponent</code>.~~	+	* Do okna vkládáme grafické prvky — komponenty. Nejběžnější komponenty jsou tlačítka (<code>JButton</code>), textová pole (<code>JTextField</code>) a popisky (<code>JLabel</code>).
−		+	* Je-li komponent v okně mnoho, můžeme je [[Layout v Javě\|uspořádat]]. K tomu slouží panely (<code>JPanel</code>) a případně správci rozložení (<code>LayoutManager</code>).
−	Nejběžnější komponenty jsou:	+	* My budeme rozložení komponent řešit pomocí vizuálního návrháře v IntelliJ IDEA. Nezapomeň hlavní panel formuláře pojmenovat a vložit ho do okna pomocí:
−	* tlačítka (<code>JButton</code>),	+	setContentPane(mainPanel);
−	* textová pole (<code>JTextField</code>),	+
−	* popisky (<code>JLabel</code>).	+
−		+
−	Je-li komponent v okně mnoho, můžeme je [[Layout v Javě\|uspořádat]]. K tomu slouží:	+
−	* panely (<code>JPanel</code>),	+
−	* „Layout Managery“ (<code>LayoutManager</code>).	+

	=== Třída <code>JButton</code> ===		=== Třída <code>JButton</code> ===
Řádka 155:		Řádka 149:
	* Na tlačítku bude text „Superokno!“		* Na tlačítku bude text „Superokno!“

−		+	<div class="Poznamka">
−		+	Všechny komponenty jsou potomky třídy <code>JComponent</code>, ale o to se nemusíme starat. To nás bude zajímat až v okamžiku, kdy budeme chtít vytvořit vlastní komponenty.
		+	</div>

	== Zpracování událostí, posluchač ==		== Zpracování událostí, posluchač ==

Spravce: Úprava textu o okně a třídě JFrame.

2025-01-27T06:45:15Z

Úprava textu o okně a třídě JFrame.

← Starší verze		Verze z 27. 1. 2025, 06:45
Řádka 7:		Řádka 7:


−	== ~~Vytvoření okna — třída~~ <tt>JFrame</tt> ==	+	== Okno aplikace: <tt>JFrame</tt> ==

−	* ~~Instance třídy~~ <code>JFrame</code> ~~vytváří okno~~ s ~~titulním pruhem~~ a ~~tlačítky~~.	+	* Pro vytvoření okna aplikace používáme třídu <code>JFrame</code>. Okno má titulní pruh s nadpisem a tlačítka pro minimalizaci, maximalizaci a zavření.
−	* ~~My vytváříme~~ vlastní ~~potomky~~ třídy <tt>JFrame</tt>.	+	* Vytvoříme si vlastní třídu <code>PrvniOkno</code>, která bude potomkem třídy <tt>JFrame</tt> (<code>extends JFrame</code>).
−	* ~~Každý potomek má v sobě vloženy~~ další ~~objekty (~~komponenty), které ~~jsou~~ v okně obsaženy ~~(tlačítka~~, ~~textová pole~~,...).	+	* Ve třídě <code>PrvniOkno</code> nastavíme popis a velikost okna. Později přidáme tlačítka, textová pole a další komponenty, které budou v okně obsaženy.
		+
		+	<div class="Priklad">
		+	; Příklad 1)
		+	* Vytvoř aplikaci s oknem, které půjde přesunovat, minimalizovat a při jehož zavření se aplikace ukončí.
		+	* V titulním pruhu bude zobrazen text ''„První aplikace!“''.
		+
		+	; Okno.java
		+	public class PrvniOkno extends JFrame {
		+	public Okno() {
		+	this.initComponents();
		+	}
		+	public void initComponents() {
		+	this.setTitle("První aplikace!");
		+	this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		+	this.setSize(300, 200);
		+	}
		+	}
		+	; Main.java
		+	public static void main(String[] args) {
		+	Okno okno = new Okno();
		+	okno.setVisible(true);
		+	}
		+	</div>

	; Vlastnosti okna		; Vlastnosti okna
	* <code>setTitle(String ''titulek'')</code>		* <code>setTitle(String ''titulek'')</code>
−	** ~~nastavuje~~ titulek okna (text v titulním pruhu).	+	** nastaví titulek okna (text v titulním pruhu).
	* <code>setDefaultCloseOperation(int akce)</code>		* <code>setDefaultCloseOperation(int akce)</code>
−	** ~~říká co se bude dít při stlačení zavíracího tlačítka~~.	+	** reakce na zavírací tlačítko.
−	** ~~naše aplikace většinou mají jediné okno,~~ chceme ~~tedy, aby se~~ při ~~zavření okna zavřela celá aplikace.~~	+	** v jednoduchých příkladech obvykle chceme při stisknutí zavíracího tlačítka zavřít celou aplikaci:
−	*** k tomu slouží konstanta <tt>JFrame.EXIT_ON_CLOSE~~</tt>.~~	+	setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

	; Velikost okna		; Velikost okna
Řádka 34:		Řádka 57:

	; Metoda <tt>initComponents()</tt>		; Metoda <tt>initComponents()</tt>
−	* Je zvykem v konstruktoru okna zavolat soukromou metodu <tt>initComponents()</tt>.	+	* Je zvykem v konstruktoru okna zavolat soukromou (<code>private</code>) metodu <tt>initComponents()</tt>.
	* V rámci této metody připravíme všechny komponenty, které mají být součástí okna.		* V rámci této metody připravíme všechny komponenty, které mají být součástí okna.

−	<div class="~~Priklad~~">	+	<div class="Ukol">
−	; ~~Příklad~~ 1)	+	; Úkol 1)
−	* Vytvořte aplikaci s oknem~~, které~~ půjde přesunovat, minimalizovat ~~a při jehož~~ zavření se aplikace ukončí.	+	* Vytvořte aplikaci s oknem velikosti 400×200 pixelů. Okno půjde přesunovat, minimalizovat. Při zavření okna se aplikace ukončí.
	* V titulním pruhu bude zobrazen text ''„Hello world!“''.		* V titulním pruhu bude zobrazen text ''„Hello world!“''.

Spravce: Přidán kód vytvoření listeneru.

2024-01-09T11:42:08Z

Přidán kód vytvoření listeneru.

← Starší verze		Verze z 9. 1. 2024, 11:42
Řádka 160:		Řádka 160:
	* <code>public void actionPerformed(ActionEvent e)</code>		* <code>public void actionPerformed(ActionEvent e)</code>
	** v této metodě popíšeme, co se má stát při stisku tlačítka		** v této metodě popíšeme, co se má stát při stisku tlačítka
		+
		+	=== Ukázka kódu ===
		+
		+	* V metodě <code>initComponents</code> nebo obdobné:
		+	JButton tlacitko = new JButton("Popis");
		+	tlacitko.addActionListener(event -> metodaPoStisknuti(event));
		+
		+	* Dále přidejte metodu:
		+	private void metodaPoStisknuti(ActionEvent event) {
		+	// ... co se má stát po stisku tlačítka
		+	}
		+
		+	* Parametr <code>event</code> můžete vynechat, pokud nepotřebujete získávat informace o tlačítku, které událost vyvolalo.
		+

	=== Příklad ===		=== Příklad ===

Spravce: Další způsoby nastavování velikosti okna.

2023-01-17T11:38:39Z

Další způsoby nastavování velikosti okna.

← Starší verze		Verze z 17. 1. 2023, 11:38
Řádka 24:		Řádka 24:
	* <code>pack()</code>		* <code>pack()</code>
	** zmenší velikost okna tak, aby se do něj vlezly komponenty, které jsou aktuálně v okně.		** zmenší velikost okna tak, aby se do něj vlezly komponenty, které jsou aktuálně v okně.
		+	* <code>setSize(sirka, vyska)</code>
		+	** Nastaví velikost okna na stanovený rozměr.
		+	* <code>setBounds(poziceX, poziceY, sirka, vyska)</code>
		+	** Umístí okno levým horním rohem na souřadnice <code>poziceX, poziceY</code> a nastaví jeho rozměry.

	; Zobrazení okna		; Zobrazení okna

Spravce: Přidána ukázka kódu pro umístění okna na střed obrazovky.

2023-01-07T08:20:30Z

Přidána ukázka kódu pro umístění okna na střed obrazovky.

← Starší verze		Verze z 7. 1. 2023, 08:20
Řádka 169:		Řádka 169:
	* Při stisku tlačítka se do textového výstupu programu opíše text z popisu tlačítka.		* Při stisku tlačítka se do textového výstupu programu opíše text z popisu tlačítka.
	</div>		</div>
		+
		+
		+	== Rozšíření ==
		+
		+	=== Umístění okna na střed obrazovky ===
		+
		+	private static void setToTheMiddle(JFrame frame) {
		+	GraphicsConfiguration gc = frame.getGraphicsConfiguration();
		+	Rectangle bounds = gc.getBounds();
		+	Insets screenInsets = Toolkit.getDefaultToolkit().getScreenInsets(gc);
		+	Rectangle effectiveScreenArea = new Rectangle();
		+
		+	effectiveScreenArea.x = bounds.x + screenInsets.left;
		+	effectiveScreenArea.y = bounds.y + screenInsets.top;
		+	effectiveScreenArea.height = bounds.height - screenInsets.top - screenInsets.bottom;
		+	effectiveScreenArea.width = bounds.width - screenInsets.left - screenInsets.right;
		+
		+	// Umístění doprostřed:
		+	int middleX = effectiveScreenArea.x + (effectiveScreenArea.width - frame.getWidth()) / 2;
		+	int middleY = effectiveScreenArea.y + (effectiveScreenArea.height - frame.getHeight()) / 2;
		+	frame.setLocation(middleX, middleY);
		+	}


	== Související stránky ==		== Související stránky ==
	* [[Layout v Javě]], [[Dialogy a vyskakovací okna]], [[Menu v Javě]], [[Tabulky v Javě]]		* [[Layout v Javě]], [[Dialogy a vyskakovací okna]], [[Menu v Javě]], [[Tabulky v Javě]]
		+
		+	== Další zdroje ==
		+	* [https://www.youtube.com/watch?v=vuQdLKq2LaY Youtube.com > First Java Swing GUI Application with IntelliJ IDEA IDE (2022)]
		+

	== Řešení příkladů ==		== Řešení příkladů ==

Spravce: Nastavení vlastností textového pole.

2020-09-17T08:48:08Z

Nastavení vlastností textového pole.

← Starší verze		Verze z 17. 9. 2020, 08:48
Řádka 86:		Řádka 86:
	* <code>setEditable(boolean lzeUpravovat)</code>		* <code>setEditable(boolean lzeUpravovat)</code>
	** nastaví, zda do textového pole lze psát, nebo zda je šedivé a úpravy jsou zakázány.		** nastaví, zda do textového pole lze psát, nebo zda je šedivé a úpravy jsou zakázány.
		+	; Další nastavení
		+	* <code>setFont(new java.awt.Font("Lucida Sans", 0, 24))</code>
		+	** Nastavení fontu.
		+	* <code>setHorizontalAlignment(javax.swing.JTextField.RIGHT)</code>
		+	** nastaví zarovnání vpravo.
		+	* Ve vývojovém prostředí je určitě pohodlnější nastavit vše přes grafický nástroj Properties.

	Pokud potřebujete z textového pole načíst číslo, můžete použít následující metodu:		Pokud potřebujete z textového pole načíst číslo, můžete použít následující metodu:

Spravce: /* class ActionEvent */ Přidán odkaz na přetypování a vysvětlení.

2017-02-28T10:17:13Z

class ActionEvent: Přidán odkaz na přetypování a vysvětlení.

← Starší verze		Verze z 28. 2. 2017, 10:17
Řádka 145:		Řádka 145:
	* <code>public Object getSource()</code>		* <code>public Object getSource()</code>
	** vrací objekt, který událost vyvolal. V našem případě instanci třídy <code>JButton</code>, reprezentující tlačítko, které bylo stisknuto.		** vrací objekt, který událost vyvolal. V našem případě instanci třídy <code>JButton</code>, reprezentující tlačítko, které bylo stisknuto.
−	** je potřeba provést [[Přetypování \| přetypování]] z <code>Object</code> na <code>JButton</code>.	+	** je potřeba provést [[Java: Abstraktní třídy, dědičnost a rozhraní#Přetypování \| přetypování]] z <code>Object</code> na <code>JButton</code>.

	=== <code>interface ActionListener</code> ===		=== <code>interface ActionListener</code> ===

Spravce: /* Třída JButton */ Přidáno nastavení obrázku.

2015-03-31T10:25:24Z

Třída JButton: Přidáno nastavení obrázku.

← Starší verze		Verze z 31. 3. 2015, 10:25
Řádka 59:		Řádka 59:
	**: <code>JButton tlStart = new JButton("Start");</code>		**: <code>JButton tlStart = new JButton("Start");</code>
	* reakci na stisk tlačítka nastavíme [[#Zpracování událostí, posluchač \| přiřazením posluchače viz dále]]		* reakci na stisk tlačítka nastavíme [[#Zpracování událostí, posluchač \| přiřazením posluchače viz dále]]
−	* <code>String getText()</code>	+	* <code>String getText()</code>, <code>setText(String novy)</code>
−	** vrací popis tlačítka.	+	** vrací/nastavuje popis tlačítka.
		+	* <code>setIcon(ImageIcon obr)</code>
		+	** Nastavení obrázku místo textu.
		+	<div class="Priklad">
		+	ImageIcon obr;
		+	obr = new ImageIcon("res/krizek.png");
		+	JButton tlacitko = ...
		+	...
		+	tlacitko.setIcon(obr);
		+	</div>

	=== Třída <code>JLabel</code> ===		=== Třída <code>JLabel</code> ===