GUI v Javě
Z MiS
(Rozdíly mezi verzemi)
(→Textová pole, tlačítka: Doplnění metod textového pole) |
(Dodány LayoutManagery a zpracování události tlačítka) |
||
Řádka 1: | Řádka 1: | ||
[[Category:VSE]] | [[Category:VSE]] | ||
+ | [[Category:Škola]] | ||
[[Category:Informatika]] | [[Category:Informatika]] | ||
[[Category:Programování]] | [[Category:Programování]] | ||
Řádka 6: | Řádka 7: | ||
Následující poznámky jsou jen velmi stručnou osnovou. Možností při vytváření grafického rozhraní je mnohem více. Pokud chcete více než jen minimalistický návod, doporučuji: | Následující poznámky jsou jen velmi stručnou osnovou. Možností při vytváření grafického rozhraní je mnohem více. Pokud chcete více než jen minimalistický návod, doporučuji: | ||
[http://download.oracle.com/javase/tutorial/uiswing/ tutoriál ze stránek Oracle.com] | [http://download.oracle.com/javase/tutorial/uiswing/ tutoriál ze stránek Oracle.com] | ||
+ | |||
+ | |||
+ | |||
== Vytvoření okna == | == Vytvoření okna == | ||
Řádka 35: | Řádka 39: | ||
Vložení komponenty do okna | Vložení komponenty do okna | ||
* <code>getContentPane().add(Component komponentaVOkne)</code> | * <code>getContentPane().add(Component komponentaVOkne)</code> | ||
− | ** vloží do okna komponentu. Pokud chceme mít komponent v okně více, je třeba je uspořádat pomocí [[GUI v Javě#Layout Manager | „layout manageru“]]. | + | ** vloží do okna komponentu. |
+ | ** se základními komponentami a třídami, které je realizují, se seznámíte v odstavci [[GUI v Javě#Textová pole, tlačítka | Textová pole, tlačítka]]. | ||
+ | ** Pokud chceme mít komponent v okně více, je třeba je uspořádat pomocí [[GUI v Javě#Layout Manager | „layout manageru“]]. | ||
=== Příklad === | === Příklad === | ||
* 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, které půjde přesunovat, minimalizovat a při jehož zavření se aplikace ukončí. | ||
* V titulním pruhu bude zobrazen text „Hello world!“. | * V titulním pruhu bude zobrazen text „Hello world!“. | ||
+ | |||
+ | |||
+ | |||
== Textová pole, tlačítka == | == Textová pole, tlačítka == | ||
Řádka 58: | Řádka 67: | ||
**: <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> | ||
+ | ** vrací popis tlačítka. | ||
=== <code>JLabel</code> === | === <code>JLabel</code> === | ||
Řádka 72: | Řádka 83: | ||
* <code>setText(String text)</code> | * <code>setText(String text)</code> | ||
** nastaví do textového pole zadaný text | ** nastaví do textového pole zadaný text | ||
+ | * <code>setEditable(boolean lzeUpravovat)</code> | ||
+ | ** nastaví, zda do textového pole lze psát, nebo zda je šedivé a úpravy jsou zakázány. | ||
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: | ||
Řádka 98: | Řádka 111: | ||
* Vytvořte okno s jediným tlačítkem. | * Vytvořte okno s jediným tlačítkem. | ||
* Na tlačítku bude text „Superokno!“ | * Na tlačítku bude text „Superokno!“ | ||
+ | |||
+ | |||
+ | |||
== Zpracování událostí, posluchač == | == Zpracování událostí, posluchač == | ||
+ | * Pro zpracování událostí prvků GUI (tlačítek, textových polí,...) používá Java [[Návrhový vzor Posluchač | návrhový vzor Posluchač (Listener)]]. | ||
+ | |||
+ | === Postup zpracování události tlačítka === | ||
+ | # uživatel klikne na tlačítko | ||
+ | # objekt reprezentující tlačítko ''vygeneruje událost'' (event) | ||
+ | #: prakticky vytvoří novou instanci třídy <code>ActionEvent</code>), která nese podrobnější informace (které tlačítko myši bylo stisknuto, na jakých souřadnicích,... | ||
+ | # objekt reprezentující tlačítko událost pošle všem svým „posluchačům“ (posluchači jsou objekty, které splňují rozhraní (interface) <code>ActionListener</code>) | ||
+ | ##: prakticky se „poslání události“ realizuje tak, že tlačítko zavolá metodu <code>actionPerformed(ActionEvent e)</code>, kterou předepisuje rozhraní <code>ActionListener</code>. Jako parametr metody se předá objekt události | ||
+ | # posluchač provede akci, která se má provést | ||
+ | ##: programátor tedy akci popíše v kódu metody <code>actionPerformed(ActionEvent e)</code> v posluchači | ||
+ | |||
+ | === Aby bylo možné na stisk tlačítka reagovat, musíme: === | ||
+ | # mít třídu posluchače (interface <code>ActionListener</code>) | ||
+ | # vytvořit instanci třídy posluchače | ||
+ | # zaregistrovat instanci třídy posluchače u tlačítka. | ||
+ | |||
+ | === <code>class ActionEvent</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. | ||
+ | ** je potřeba provést [[Přetypování | přetypování]] z <code>Object</code> na <code>JButton</code>. | ||
+ | |||
+ | === <code>interface ActionListener</code> === | ||
+ | * <code>public void actionPerformed(ActionEvent e)</code> | ||
+ | ** v této metodě popíšeme, co se má stát při stisku tlačítka | ||
+ | |||
+ | === Příklad === | ||
+ | * Přidejte k tlačítku z příkladu v předchozím odstavci reakci. | ||
+ | * Při stisku tlačítka se do textového výstupu programu opíše text z popisu tlačítka. | ||
+ | |||
+ | |||
== Layout Manager == | == Layout Manager == | ||
+ | * Použijeme, když chceme do okna umístit více než jednu komponentu. | ||
+ | * Instance třídy LayoutManager, resp. jejích dceřinných tříd. | ||
+ | |||
+ | === Nejběžnější třídy layout managerů v Javě === | ||
+ | * FlowLayout | ||
+ | ** Nejjednodušší layout manager. | ||
+ | ** Umisťuje prvky jeden za druhý do řádků v takovém pořadí, v jakém jsou přidány. | ||
+ | * GridLayout | ||
+ | ** umisťuje komponenty do pravidelné mřížky M×N. | ||
+ | ** počet řádků a počet sloupců zadáváme jako parametry konstruktoru při vytváření instance třídy GridLayout. | ||
+ | ** pokud některý z parametrů konstruktoru zadáme nulový, pak je počet řádků resp. sloupců neomezený. | ||
+ | ** při přidávání komponent se mřížka zaplňuje zleva a shora. | ||
+ | * BorderLayout | ||
+ | ** umisťuje komponenty do oblastí North, South, East, West a Center. | ||
+ | ** při zvětšování a zmenšování okna se zvětšuje a zmenšuje oblast Center, ostatní zůstávají pokud možno stejně veliké. | ||
+ | ** přidávání komponent: <code>panel.add(tlacitko, BorderLayout.EAST)</code> | ||
+ | |||
+ | === Třídy <code>JFrame</code> === | ||
+ | |||
+ | === Příklad === | ||
+ | * Přidejte k předchozímu příkladu dvě textová pole s popiskami (label) „Originál“ a „Kopie“. | ||
+ | * Textové okno s popisem „Kopie“ nebude editovatelné. | ||
+ | * Tlačítko upravte tak, že na něm bude popis „Kopíruj“. | ||
+ | * Při stisknutí tlačítka se text z pole „Originál“ zkopíruje do pole „Kopie“. | ||
+ | * Při stisku tlačítka se do textového výstupu programu opíše text z popisu tlačítka. |
Verze z 7. 7. 2011, 15:35
Následující poznámky jsou jen velmi stručnou osnovou. Možností při vytváření grafického rozhraní je mnohem více. Pokud chcete více než jen minimalistický návod, doporučuji:
tutoriál ze stránek Oracle.com
Obsah |
Vytvoření okna
Třída JFrame
:
- realizuje okno s titulním pruhem a tlačítky.
Vlastnosti okna
-
setTitle(String titulek)
- nastavuje titulek okna (text v titulním pruhu).
-
setDefaultCloseOperation(int akce)
- říká co se bude dít při stlačení zavíracího tlačítka.
- naše aplikace většinou mají jediné okno, chceme tedy, aby se při zavření okna zavřela celá aplikace.
- k tomu slouží konstanta JFrame.EXIT_ON_CLOSE.
Velikost okna
-
pack()
- zmenší velikost okna tak, aby se do něj vlezly komponenty, které jsou aktuálně v okně.
Zobrazení okna
-
setVisible(boolean maBytViditelne)
- Zobrazí nebo zneviditelní okno.
Vkládání komponent do okna
- Okno se skládá z dílčích součástí (komponent). Jsou to tlačítka, zatrhávací políčka, panely, tabulky,...
- Seskládání okna obvykle provádíme v soukromé metodě
initComponents()
, kterou pro tento účel vytvoříme.
Vložení komponenty do okna
-
getContentPane().add(Component komponentaVOkne)
- vloží do okna komponentu.
- se základními komponentami a třídami, které je realizují, se seznámíte v odstavci Textová pole, tlačítka.
- Pokud chceme mít komponent v okně více, je třeba je uspořádat pomocí „layout manageru“.
Příklad
- Vytvořte 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 „Hello world!“.
Textová pole, tlačítka
Do okna vkládáme součásti (komponenty). Komponenty jsou potomky třídy JComponent
.
Nejběžnější komponenty jsou:
- tlačítka (
JButton
), - textová pole (
JTextField
), - popisky (
JLabel
).
Je-li komponent v okně mnoho, můžeme je uspořádat na
- panely (
JPanel
).
JButton
-
JButton(String popisTlacitka)
- text na tlačítku zadáme jako parametr konstruktoru
-
JButton tlStart = new JButton("Start");
-
- text na tlačítku zadáme jako parametr konstruktoru
- reakci na stisk tlačítka nastavíme přiřazením posluchače viz dále
-
String getText()
- vrací popis tlačítka.
JLabel
-
JLabel(String textPopisu)
- text popisky zadáme jako parametr konstruktoru
-
JLabel lCisloA = new JLabel("Zadejte číslo A:");
-
- text popisky zadáme jako parametr konstruktoru
- reakci na stisk tlačítka nastavíme přiřazením posluchače viz dále
JTextField
-
JTextField(int pocetZnaku)
- volitelným parametrem konstruktoru je délka pole, vyjádřená početem znaků, které do pole vlezou.
-
String getText()
- vrací aktuální text v textovém poli
-
setText(String text)
- nastaví do textového pole zadaný text
-
setEditable(boolean lzeUpravovat)
- nastaví, zda do textového pole lze psát, nebo zda je šedivé a úpravy jsou zakázány.
Pokud potřebujete z textového pole načíst číslo, můžete použít následující metodu:
/** * Získá číslo z textového pole * * @param textovePole Textové pole, jehož hodnota se má převést na číslo * @return Vrátí hodnotu čísla, zapsaného v textovém poli. * Pokud text v poli nelze převést na číslo (pole je prázdné apod.), * vrátí 0 * a navíc do textového pole zapíše výzvu k vložení čísla. */ private int ziskejCislo(JTextField textovePole) { int vysledek; try { vysledek = Integer.parseInt(textovePole.getText()); } catch (NumberFormatException e) { textovePole.setText("Nastavte platné číslo!"); vysledek = 0; } return vysledek; }
Příklad
- Vytvořte okno s jediným tlačítkem.
- Na tlačítku bude text „Superokno!“
Zpracování událostí, posluchač
- Pro zpracování událostí prvků GUI (tlačítek, textových polí,...) používá Java návrhový vzor Posluchač (Listener).
Postup zpracování události tlačítka
- uživatel klikne na tlačítko
- objekt reprezentující tlačítko vygeneruje událost (event)
- prakticky vytvoří novou instanci třídy
ActionEvent
), která nese podrobnější informace (které tlačítko myši bylo stisknuto, na jakých souřadnicích,...
- prakticky vytvoří novou instanci třídy
- objekt reprezentující tlačítko událost pošle všem svým „posluchačům“ (posluchači jsou objekty, které splňují rozhraní (interface)
ActionListener
)- prakticky se „poslání události“ realizuje tak, že tlačítko zavolá metodu
actionPerformed(ActionEvent e)
, kterou předepisuje rozhraníActionListener
. Jako parametr metody se předá objekt události
- prakticky se „poslání události“ realizuje tak, že tlačítko zavolá metodu
- posluchač provede akci, která se má provést
- programátor tedy akci popíše v kódu metody
actionPerformed(ActionEvent e)
v posluchači
- programátor tedy akci popíše v kódu metody
Aby bylo možné na stisk tlačítka reagovat, musíme:
- mít třídu posluchače (interface
ActionListener
) - vytvořit instanci třídy posluchače
- zaregistrovat instanci třídy posluchače u tlačítka.
class ActionEvent
-
public Object getSource()
- vrací objekt, který událost vyvolal. V našem případě instanci třídy
JButton
, reprezentující tlačítko, které bylo stisknuto. - je potřeba provést přetypování z
Object
naJButton
.
- vrací objekt, který událost vyvolal. V našem případě instanci třídy
interface ActionListener
-
public void actionPerformed(ActionEvent e)
- v této metodě popíšeme, co se má stát při stisku tlačítka
Příklad
- Přidejte k tlačítku z příkladu v předchozím odstavci reakci.
- Při stisku tlačítka se do textového výstupu programu opíše text z popisu tlačítka.
Layout Manager
- Použijeme, když chceme do okna umístit více než jednu komponentu.
- Instance třídy LayoutManager, resp. jejích dceřinných tříd.
Nejběžnější třídy layout managerů v Javě
- FlowLayout
- Nejjednodušší layout manager.
- Umisťuje prvky jeden za druhý do řádků v takovém pořadí, v jakém jsou přidány.
- GridLayout
- umisťuje komponenty do pravidelné mřížky M×N.
- počet řádků a počet sloupců zadáváme jako parametry konstruktoru při vytváření instance třídy GridLayout.
- pokud některý z parametrů konstruktoru zadáme nulový, pak je počet řádků resp. sloupců neomezený.
- při přidávání komponent se mřížka zaplňuje zleva a shora.
- BorderLayout
- umisťuje komponenty do oblastí North, South, East, West a Center.
- při zvětšování a zmenšování okna se zvětšuje a zmenšuje oblast Center, ostatní zůstávají pokud možno stejně veliké.
- přidávání komponent:
panel.add(tlacitko, BorderLayout.EAST)
Třídy JFrame
Příklad
- Přidejte k předchozímu příkladu dvě textová pole s popiskami (label) „Originál“ a „Kopie“.
- Textové okno s popisem „Kopie“ nebude editovatelné.
- Tlačítko upravte tak, že na něm bude popis „Kopíruj“.
- Při stisknutí tlačítka se text z pole „Originál“ zkopíruje do pole „Kopie“.
- Při stisku tlačítka se do textového výstupu programu opíše text z popisu tlačítka.