8. GRAFICKÉ UŽIVATELSKÉ ROZHRANÍ

Transkript

1 8. GRAFICKÉ UŽIVATELSKÉ ROZHRANÍ Abstract Window Toolkit (AWT) je část Java Core API, kterou tvoří balíky: java.awt, java.awt.event (od JDK 1.1), java.awt.image, java.awt.datatransfer (od JDK 1.1). AWT umožňuje tvorbu grafického uživatelského rozhraní (GUI), tj. práci se vstupy a výstupy v graficky orientovaných systémech (Windows 95/NT, X Window). Programy využívající AWT jsou v duchu jazyka Java plně přenositelné, ale zároveň je ovládání a vzhled jednotlivých prvků GUI, komponent, přizpůsobeno zvyklostem konkrétního systému. KOMPONENTY GUI programu tvoří komponenty. Strom tříd komponent v java.awt vypadá takto: Component o Button o Canvas o Checkbox o Container Panel java.applet.applet ScrollPane Window Frame o Label o List o Scrollbar o TextComponent TextArea TextField Dialog o FileDialog Nejdůležitější jsou rodičovské třídy komponent a kontejnerů: Abstraktní třída Component definuje metody pro zobrazení grafické komponenty a zpracování a zasílání událostí. Abstraktní třída Container definuje metody pro přidávání, odebírání a manipulaci s komponentami - instance potomků této třídy mohou vlastnit další komponenty.

2 Způsob rozložení komponent v kontejneru určují layout managery - instance tříd:borderlayout, CardLayout, FlowLayout, GridBagLayout,GridBagConst raints, GridLayout. Samozřejmě je možné si navrhnout vlastní manažer. Činnost programu využívajícího komponenty je následující: program vytvoří kontejner, do kterého následně může přidávat další komponenty. Při vykreslování se postupuje shora dolů; pořadí vykreslování komponent na stejné úrovni není definováno. Program reaguje na pokyny uživatele tím, že jednotlivé komponenty zachycují události (vstupy z klávesnice a myši) a na základě nich se vykonává další činnost. ZPRACOVÁNÍ UDÁLOSTÍ Způsob předávání a zpracování událostí se v JDK 1.1 zásadně liší od JDK 1.0, neboť starý způsob byl "shledán těžkopádným". Kombinování obou způsobů se nedoporučuje. Kromě akcí, které uživatel vyvolává přímo (pohyb myši, stisk klávesy) se za událost považuje i například otevření okna, výběr položky v menu apod. JDK pokud nastane libovolná událost, vytvoří se instance třídy java.awt.event. Tato instance se propaguje zdola nahoru hierarchií komponent, počínaje komponentou, nad níž událost nastala - u každé komponenty se volá metoda handleevent() s parametrem instance události. JDK o nastalé události jsou informovány jen ty objekty (nemusí jít pouze o komponenty), které o to požádají (zaregistrují se). O jedné události (instanci třídy java.util.eventobject) může být informováno i více objektů nebo také žádný. Události se dělí do několika tříd definovaných v balíku java.awt.event:... ActionEvent - nastane při stisku tlačítka apod., KeyEvent - nastane při stisku klávesy, MouseEvent - nastane při pohybu myši, stisknutí tlačítka myši apod., WindowEvent - nastane při otevření, zavření okna apod. VÝSTUP GRAFIKY Grafický kontext neboli objekt, pomocí kterého je možné provádět grafický výstup, reprezentují instance třídy java.awt.graphics. Tato třída definuje metody pro kreslení grafických primitiv (čára - drawline(), ovál - drawoval(), polygon - drawpolygon() apod.), výstup textu -drawstring(), vykreslení obrázku - drawimage() atd.

3 Grafický kontext má přiřazen každá zobrazená komponenta - výstup do jejího kontextu se provádí v metodách update(java.awt.graphics g) a paint(java.awt.graphics g). Manipulaci s obrázky (včetně načítání formátu GIF a JPEG) slouží třídy z balíku java.awt.image a třída java.awt.image. Příklad Následující program demonstruje použití AWT. Obsahuje dvě komponenty: plátno (potomka třídyjava.awt.canvas), které umožňuje kreslení pomocí myši, a tlačítko "Clear", které plátno vymaže. Program funguje jako applet i jako aplikace. Události zpracovává s využitím modelu. package demo; import java.applet.applet; import java.awt.event.*; import java.awt.*; * Hlavní třída programu SimpleDraw. Petr Toman JDK 1.1 public class SimpleDraw extends java.applet.applet { * Metoda init() se volá, je-li program spuštěn jako applet. java.awt.frame java.awt.button java.awt.canvas public void init() { // vytvoření plátna -- plochy pro kreslení PaintCanvas paintcanvas = new PaintCanvas(); // vytvoření tlačítka s nápisem "Clear" Button button = new Button("Clear"); // registrace plátna jako příjemce události při stisku tlačítka button.addactionlistener(paintcanvas); // nastavení layout manageru setlayout(new BorderLayout()); // vložení plátna a tlačítka "Clear" do appletukontejneru add(paintcanvas, "North"); add(button, "South");

4 * Metoda main() se volá, je-li program spuštěn jako aplikace. * Provádí totéž, co init(), pouze nejprve vytvoří okno ( frame ), * do kterého umisťuje komponenty. args parametry příkazové řádky (nepoužito) public static void main(string[] args) { Frame frame = new Frame("SimpleDraw"); PaintCanvas paintcanvas = new PaintCanvas(); Button button = new Button("Clear"); button.addactionlistener(paintcanvas); frame.add(paintcanvas, "North"); frame.add(button, "South"); frame.pack(); frame.show(); * Třída sloužící pro vytvoření plátna. Zachycuje události "pohyb myši" * a "stisk tlačítka" -- proto implementuje uvedená rozhraní. java.awt.event.mousemotionlistener java.awt.event.actionlistener public class PaintCanvas extends Canvas implements MouseMotionListener, ActionListener { Graphics offgraphics; // skrytý grafický kontext Image offimage; // skrytý obrázek (buffer) int oldx, oldy; // "staré" souřadnice myši Konstruktor public PaintCanvas() { // nastavení barvy pozadí na bílou setbackground(color.white); // registrace sebe ( this ) jako příjemce události "pohyb myši" addmousemotionlistener(this); * Metoda getminimumsize() musí být implementována kvůli * určení velikosti pro layout manager. minimální velikost komponenty (plátna). public Dimension getminimumsize() { return new Dimension(300,200);

5 * Metoda getpreferredsize() musí být implementována kvůli * určení velikosti pro layout manager. preferovanou velikost komponenty (plátna). public Dimension getpreferredsize() { return getminimumsize(); * Metoda mousedragged() je volaná při pohybu a současném držení * tlačítka myši. public void mousedragged(mouseevent e) { // je-li možno provádět výstup, vykreslí čáru if (offgraphics!= null) offgraphics.drawline(oldx, oldy, e.getx(), e.gety()); // uschování souřadnic myši oldx = e.getx(); oldy = e.gety(); // překreslit plátno! repaint(); * Metoda mousemoved() je volaná při pohybu myši (bez stisku tlačítka). public void mousemoved(mouseevent e) { // uschování souřadnic myši oldx = e.getx(); oldy = e.gety(); * Metoda actionperformed() je volaná stisku tlačítka "Clear". public void actionperformed(actionevent e) { // zrušení skrytého bufferu (bude provedeno vymazání) offimage = null; // překreslit plátno! repaint();

6 * Metoda update() je volána při překreslování komponenty. * Standardně vymaže pozadí a volá metodu paint(). * Je předefinována, aby nedocházelo k blikání. public void update(graphics g) { paint(g); * Metoda paint() provádí vykreslení obsahu plátna -- překopíruje * skrytý buffer do grafického kontextu komponenty ( parametr g ). public void paint(graphics g) { int width = getsize().width; int height = getsize().height; if (offimage == null) { // vytvoření prázdného bufferu offimage = createimage(width, height); offgraphics = offimage.getgraphics(); // nastala změna velikosti komponenty? if (offimage.getwidth(this)!= width offimage.getheight(this)!= height) { // ano - vytvořit skrytý buffer aktuální velikosti... Image img = createimage(width, height); offgraphics = img.getgraphics(); //... a zkopírovat starý buffer offgraphics.drawimage(offimage,0,0,this); offimage = img; // zobrazení bufferu do grafického kontextu komponenty g.drawimage(offimage,0,0,this); Pro applet je třeba vytvořit HTML dokument, který obsahuje text: <APPLET CODE = demo.simpledraw.class WIDTH = 300 HEIGHT = 230> </APPLET>

7