Zobrazit zdroj

Nemáte oprávnění „upravit tuto stránku“. Důvod:

Můžete si prohlédnout a zkopírovat zdrojový kód této stránky:

[[Category:VSE]][[Category:Škola]][[Category:Informatika]][[Category:Programování]][[Category:Java]][[Category:GUI]] 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] == Vytvoření okna &mdash; třída <tt>JFrame</tt> == * Instance třídy <code>JFrame</code> vytváří okno s titulním pruhem a tlačítky. * My vytváříme vlastní potomky třídy <tt>JFrame</tt>. * Každý potomek má v&nbsp;sobě vloženy další objekty (komponenty), které jsou v okně obsaženy (tlačítka, textová pole,...). ; Vlastnosti okna * <code>setTitle(String ''titulek'')</code> ** nastavuje titulek okna (text v titulním pruhu). * <code>setDefaultCloseOperation(int akce)</code> ** ří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 <tt>JFrame.EXIT_ON_CLOSE</tt>. ; Velikost okna * <code>pack()</code> ** zmenší velikost okna tak, aby se do něj vlezly komponenty, které jsou aktuálně v okně. ; Zobrazení okna * <code>setVisible(boolean maBytViditelne)</code> ** Zobrazí nebo zneviditelní okno. ; Metoda <tt>initComponents()</tt> * Je zvykem v konstruktoru okna zavolat soukromou metodu <tt>initComponents()</tt>. * V rámci této metody připravíme všechny komponenty, které mají být součástí okna. <div class="Priklad"> ; Příklad 1) * 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!“''. [[#Příklad 1|Řešení viz dále]] </div> == Textová pole, tlačítka == Do okna vkládáme součásti (komponenty). Komponenty jsou potomky třídy <code>JComponent</code>. Nejběžnější komponenty jsou: * tlačítka (<code>JButton</code>), * textová pole (<code>JTextField</code>), * popisky (<code>JLabel</code>). Je-li komponent v okně mnoho, můžeme je uspořádat na * panely (<code>JPanel</code>). === Třída <code>JButton</code> === * <code>JButton(String popisTlacitka)</code> ** text na tlačítku zadáme jako parametr konstruktoru **: <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]] * <code>String getText()</code> ** vrací popis tlačítka. === Třída <code>JLabel</code> === * <code>JLabel(String textPopisu)</code> ** text popisky zadáme jako parametr konstruktoru **: <code>JLabel lCisloA = new JLabel("Zadejte číslo A:");</code> * 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> === * <code>JTextField(int pocetZnaku)</code> ** volitelným parametrem konstruktoru je délka pole, vyjádřená početem znaků, které do pole vlezou. * <code>String getText()</code> ** vrací aktuální text v textovém poli * <code>setText(String text)</code> ** 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: <code> /** * 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; } </code> === Vkládání komponent do okna === * Abychom komponentu zobrazili, musíme ji umístit do některého okna. * Seskládání okna obvykle provádíme v soukromé metodě <code>initComponents()</code> okna, kterou pro tento účel vytvoříme. * Pokud chceme mít komponent v okně více, je třeba je uspořádat pomocí [[GUI v Javě#Layout Manager | „layout manageru“]]. === Třída <code>JFrame</code> === * <code>getContentPane().add(Component komponentaVOkne)</code> ** vloží do okna komponentu. === 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 Pozorovatel | návrhový vzor Pozorovatel (Observer)]]. === 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 == * 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ě === * <code>FlowLayout</code> ** Nejjednodušší layout manager. ** Umisťuje prvky jeden za druhý do řádků v takovém pořadí, v jakém jsou přidány. * <code>GridLayout</code> ** 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. * <code>BorderLayout</code> ** 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> a <code>JPanel</code> === * <code>void setLayout(LayoutManager lm)</code> ** nastaví panelu nebo oknu daný layout manager * <code>void add(Component komponenta[, umisteni])</code> ** přidá další komponentu do okna. ** některé layout managery vyžadují další informaci o umístění komponenty v okně. <div class="Priklad"> 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. </div> == Související stránky == * [[Dialogy a vyskakovací okna]], [[Menu v Javě]], [[Tabulky v Javě]] == Řešení příkladů == === Příklad 1 === ; Okno.java public class Okno extends JFrame { public Okno() { this.initComponents(); } public void initComponents() { this.setTitle("Hello world!"); this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); this.pack(); } } ; Main.java public static void main(String[] args) { Okno okno = new Okno(); okno.setVisible(true); }

Návrat na stránku „GUI v Javě“.