GUI v Javě

Verze z 7. 7. 2011, 16:30

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

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.

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).

Třída JButton

• JButton(String popisTlacitka)
  • text na tlačítku zadáme jako parametr konstruktoru

    JButton tlStart = new JButton("Start");

• reakci na stisk tlačítka nastavíme přiřazením posluchače viz dále
• String getText()
  • vrací popis tlačítka.

Třída JLabel

• JLabel(String textPopisu)
  • text popisky zadáme jako parametr konstruktoru

    JLabel lCisloA = new JLabel("Zadejte číslo A:");

• reakci na stisk tlačítka nastavíme přiřazením posluchače viz dále

Třída 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;
   }

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ě initComponents() okna, kterou pro tento účel vytvoříme.
• Pokud chceme mít komponent v okně více, je třeba je uspořádat pomocí „layout manageru“.

Třída JFrame

• getContentPane().add(Component komponentaVOkne)
  • 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 (Observer).

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

• 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 na JButton.

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 a JPanel

• void setLayout(LayoutManager lm)
  • nastaví panelu nebo oknu daný layout manager
• void add(Component komponenta[, umisteni])
  • přidá další komponentu do okna.
  • některé layout managery vyžadují další informaci o umístění komponenty v okně.

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.