GUI v Javě

Z MiS
(Rozdíly mezi verzemi)
Přejít na: navigace, hledání
m (Vytvoření okna — třída JFrame: Odkaz na řešení příkladu.)
(Osamostatněn Layout v Javě)
Řádka 41: Řádka 41:
 
</div>
 
</div>
  
== Textová pole, tlačítka ==
+
== Základní komponenty ==
  
 
Do okna vkládáme součásti (komponenty). Komponenty jsou potomky třídy <code>JComponent</code>.  
 
Do okna vkládáme součásti (komponenty). Komponenty jsou potomky třídy <code>JComponent</code>.  
Řádka 50: Řádka 50:
 
* popisky (<code>JLabel</code>).
 
* popisky (<code>JLabel</code>).
  
Je-li komponent v okně mnoho, můžeme je uspořádat na
+
Je-li komponent v okně mnoho, můžeme je [[Layout v Javě|uspořádat]]. K tomu slouží:
* panely (<code>JPanel</code>).
+
* panely (<code>JPanel</code>),
 +
* „Layout Managery“ (<code>LayoutManager</code>).
  
 
=== Třída <code>JButton</code> ===
 
=== Třída <code>JButton</code> ===
Řádka 102: Řádka 103:
 
* Abychom komponentu zobrazili, musíme ji umístit do některého 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.
 
* 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“]].
+
* Pokud chceme mít komponent v okně více, je třeba je uspořádat pomocí [[Layout v Javě | „layout manageru“]].
  
 
=== Třída <code>JFrame</code> ===
 
=== Třída <code>JFrame</code> ===
Řádka 144: Řádka 145:
 
* Přidejte k tlačítku z příkladu v předchozím odstavci reakci.  
 
* 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.
 
* 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">
 
<div class="Priklad">
Řádka 180: Řádka 154:
 
* 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>
 +
  
 
== Související stránky ==
 
== Související stránky ==

Verze z 26. 2. 2015, 10:16


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

Vlastnosti okna
Velikost okna
Zobrazení okna
Metoda initComponents()
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!“.

Řešení viz dále

Základní komponenty

Do okna vkládáme součásti (komponenty). Komponenty jsou potomky třídy JComponent.

Nejběžnější komponenty jsou:

Je-li komponent v okně mnoho, můžeme je uspořádat. K tomu slouží:

Třída JButton

Třída JLabel

Třída JTextField

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;
   }

Vkládání komponent do okna

Třída JFrame

Příklad



Zpracování událostí, posluchač

Postup zpracování události tlačítka

  1. uživatel klikne na tlačítko
  2. 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,...
  3. 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
  4. posluchač provede akci, která se má provést
    programátor tedy akci popíše v kódu metody actionPerformed(ActionEvent e) v posluchači

Aby bylo možné na stisk tlačítka reagovat, musíme:

  1. mít třídu posluchače (interface ActionListener)
  2. vytvořit instanci třídy posluchače
  3. zaregistrovat instanci třídy posluchače u tlačítka.

class ActionEvent

interface ActionListener

Příklad

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.


Související stránky


Ř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);
}
Osobní nástroje
Jmenné prostory
Varianty
Akce
Výuka
Navigace
Nástroje