2 Tvorba interaktivních grafických programů

Transkript

1 2 Tvorba interaktivních grafických programů Studijní cíl Tento blok je věnován vytváření interaktivních grafických programů. Podrobně bude vysvětleno, jakým způsobem je možno programově reagovat na události myši a klávesnice. Jedná se především o zjištění aktuální polohy myši, detekci pohybu, detekci stisknutí a uvolnění tlačítka myši, rozlišení události od levého nebo pravého tlačítka myši a další. Doba nutná k nastudování 4 hodiny Průvodce studiem Při studiu tohoto bloku se předpokládá, že student ovládá základy programování v jazyce Java a je schopen vytvářet jednoduché aplikace s využitím grafického uživatelského rozhraní a jednoduché grafické programy s využitím standardních grafických metod třídy Graphics. 2.1 Interaktivní grafika V předchozích dvou blocích bylo vysvětleno jak vytvářet aplikace s využitím grafického uživatelského rozhraní a jak realizovat vlastní grafický výstup na výstupním zařízení (monitoru). Co však doposud těmto programům chybí je možnost reagovat na události myši a klávesnice. Přitom některé grafické úlohy jsou na této interaktivitě přímo založeny. Jedná se například o možnost zadat pomocí kliknutí a tažení myší počáteční a koncový bod úsečky, vyznačit určitou oblast rastrového obrázku, která bude následně modifikována, získat barvu z určitého pixelu v rastrovém obrázku, definovat nebo modifikovat řídící body křivky, která má být vykreslena, zobrazovat souřadnice kurzoru myši atd. K vyřešení těchto úloh je třeba dokázat detekovat jednotlivé události, které souvisí s činností myši, případně i klávesnice a dokázat na ně adekvátním způsobem reagovat. KST/IPOGR 1-1 Petr Veselý

2 2.2 Události myši Jak bylo naznačeno v bloku 1, k jednotlivým událostem vždy existuje tzv. posluchač (Listener), což je Třída, která implementuje příslušné rozhraní a tuto třídu je potřeba zaregistrovat u příslušné komponenty, jejíž určitou událost je třeba monitorovat. Princip detekování událostí, souvisejících s činností myši, je stejný jako u událostí souvisejících s akcemi okna, respektive komponenty. Při práci s myši jsou k dispozici události MouseEvent reaguje na události stisku a uvolnění tlačítek myši, případně umístění kurzoru myši nad plochy komponenty MouseMotionEvent reaguje na události související s pohybem myši MouseWheelEvent reaguje na práci s kolečkem myši Pro každou z uvedených událostí je k dispozici odpovídající listener (respektive objekt implementující odpovídající rozhraní) a každá událost má vlastní sadu obslužných metod pro jednotlivé činnosti Práce s tlačítky myši Událost MouseEvent Rozhraní MouseListener Obslužné metody: mouseclicked() obsluha kliknutí (stisk a uvolnění levého tlačítka myši) mouseentered() obsluha vstupu kurzoru myši nad plochu komponenty mouseexited() obsluha události, kdy kurzor myši opustí plochu komponenty mousepressed() obsluha události stisknutí tlačítka myši mousereleased() obsluha uvolnění tlačítka myši Pohyb myši Událost MouseMotionEvent Rozhraní MouseMotionListener KST/IPOGR 1-2 Petr Veselý

3 Obslužné metody: mousemotiondragged() obsluha události tažení myší (pohyb se stisknutým tlačítkem) mousemotionmoved() obsluha pohybu myši, pokud není stisknuto žádné tlačítko Práce s rolovacím kolečkem myši Událost MouseWheelEvent Rozhraní MouseWheelListener Obslužné metody: mousewheelmoved() obsluha otočení rolovacím kolečkem myši 2.3 Registrování posluchače Existují dvě možnosti, jak zaregistrovat pro danou komponentu příslušného posluchače. V následujícím příkladu budeme registrovat posluchače pro události myši, proto použijeme metodu addmouselistener() a jako parametr uvedeme buď instanci třídy MouseListener nebo MouseAdapter() Varianta Listener V tomto případě je potřeba implementovat všechny metody rozhraní daného posluchače. To se jeví jako nevýhoda především tehdy, pokud registrujeme posluchače s více metodami v rozhraní a přitom plánujeme použít pouze některé z nich. V následujícím kódu je ukázka situace, kdy cílem je vykreslit kružnici o poloměru 10 pixelů tak, aby její střed byl v místě kliknutí libovolným tlačítkem myši. Při registraci byl použit příslušný listener (MouseListener) a kromě smysluplné implementace obslužné metody MousePresed bylo nutné zcela zbytečně (prázdný příkaz) implementovat i všechny zbývající metody rozhraní. KST/IPOGR 1-3 Petr Veselý

4 addmouselistener(new MouseListener() { ) public void mouseclicked(mouseevent e) { public void mousepressed(mouseevent e) { g.drawoval(e.getx()-10, e.gety()-10, 20, 20) public void mousereleased(mouseevent e) { public void mouseentered(mouseevent e) { public void mouseexited(mouseevent e) { Kód 1: Použití třídy XXXListener při registraci posluchače Varianta Adapter V tomto případě stačí implementovat pouze jednu nebo více požadovaných metod rozhraní daného posluchače. Třída MouseAdapter již implementovala všechny metody rozhraní (prázdné tělo). To je výhodné tehdy, pokud jako v tomto případě potřebujeme obsluhu pouze jedné události. addmouselistener(new MouseAdapter() { public void mousepressed(mouseevent e) { g.drawoval(e.getx()-10, e.gety()-10, 20, 20) Kód 2: Použití třídy XXXAdapter při registraci posluchače KST/IPOGR 1-4 Petr Veselý

5 2.4 Parametr obslužných metod Jednotlivé obslužné metody mají jeden parametr, jehož typ se liší podle typu posluchače (události). Pro události myši MouseEevent a MouseMotionEvent je použit typ parametru MouseEvent, případně pro událost MouseWheelEvenet je to parametr typu WheelEvent. Tento parametr obsahuje důležité informace o poloze myši, kde se událost stala, stisknutém tlačítku, které událost vyvolalo, případně o směru otočení rolovacího kolečka. Důležité metody: getx(), gety(), getpoint() určují polohu kurzoru myši v okamžiku události getbutton() specifikují tlačítko, které událost vyvolalo getmodifiers(), getmodifiersex() určují, jaký je stav dalších tlačítek myši isaltdown(), iscontroldown(), isshiftdown() určují, zda v okamžiku události byly stisknuty klávesy Alt, Control nebo Shift. 2.5 Příklady Zobrazení polohu myši při každém jejím pohybu Souřadnice jsou zjištěny pomocí metody getx() a gety() parametru typu MouseEvent. Následně jsou převedeny do textové podoby a zobrazeny jako text v příslušné komponentě typu JLabel. private void formmousemoved(mouseevent e) { labelsouradnice.settext(e.getx() + " : " + e.gety()) Kód 3: Ukázka zobrazení souřadnic myši Rozlišení pravého a levého tlačítka myši Větvení je provedeno na základě návratové hodnoty metody getbutton(), která může nabývat hodnot MouseEvent.BUTTON1 (levé tlačítko), KST/IPOGR 1-5 Petr Veselý

6 MouseEvent.BUTTON2 (střední tlačítko) nebo MouseEvent.BUTTON3 (pravé tlačítko). Dle tlačítka se vykreslí buď kružnice nebo čtverec. private void formmousepressed(mouseevent e) { switch (e.getbutton()) { case MouseEvent.BUTTON1 : g.drawoval(e.getx()-10, e.gety()-10, 20, 20) break case MouseEvent.BUTTON3 : g.drawrect(e.getx()-10, e.gety()-10, 20, 20) break g.dispose() Kód 4: Ukázka volby dle tlačítka Rozlišení klávesy CTRL Větvení je provedeno na základě návratové hodnoty metody iscontroldown(). Pokud byla během stisknutí libovolného tlačítka myši již stisknuta klávesa CTRL, kreslí se kružnice, jinak se vykreslí kruh. private void formmousepressed(mouseevent e) { if (evt.iscontroldown()) { g.drawoval(e.getx()-10, e.gety()-10, 20, 20) else { break g.filloval(e.getx()-10, e.gety()-10, 20, 20) g.dispose() Kód 5: Ukázka volby dle klávesy CTRL Kontrola tlačítek myši při události tažení Při tažení se stisknutým středním tlačítkem je kreslena volná čára od ruky. Vždy při každém posunu je vykreslena úsečka od minulé pozice myši. Při události tažení nelze kontrolovat tlačítko myši pomocí metody getbutton(), neboť toto tlačítko nevyvolalo událost tažení. Kontrola je řešena pomocí metody getmodifiersex(), v jejíž návratové hodnotě jsou zkombinovány bitové příznaky všech akutálně stisknutých tlačítek myši. Pokud návratová hodnota metody getmodifiersex() obsahuje bitový příznak MouseEvent.BUTTON2_DOWN_MASK, potom je tlačítko stisknuto. KST/IPOGR 1-6 Petr Veselý

7 private void formmousedragged(mouseevent e) { if ((e.getmodifiersex() & (MouseEvent.BUTTON2_DOWN_MASK)) == MouseEvent.BUTTON2_DOWN_MASK) { g.drawline(zacatek.x, zacatek.y, e.getx(), e.gety()) zacatek = e.getpoint() g.dispose() Kód 6: Ukázka kontroly tlačítek myši během události tažení Otázky na procvičení 1. Jak se registruje událost u příslušné komponenty? 2. Jaký je rozdíl při registrování pomocí adaptéru a pomocí listeneru? 3. Co je to rozhraní? 4. Jaké jsou události myši? 5. Jaké jsou události klávesnice? 6. Co je to událost, listener a obslužná metoda? 7. Jaké údaje obsahuje parametr u obslužných metod pro události myši? 8. Jak se rozlišuje tlačítko myši, které událost vyvolalo? 9. Jak se kontrolují současně další stisknutá tlačítka? 10. Jak fungují operátory bitového součtu a součinu? Odkazy a další studijní prameny Herout, P. Java a grafické uživatelské prostředí. České Budějovice : Koop, KST/IPOGR 1-7 Petr Veselý