Java applety - interakcia s používateľom - História úprav

Juraj na 22:14, 27. december 2010

2010-12-27T22:14:02Z

Juraj na 21:35, 27. december 2010

2010-12-27T21:35:48Z

Juraj na 19:21, 8. december 2010

2010-12-08T19:21:02Z

Juraj na 09:23, 7. december 2010

2010-12-07T09:23:21Z

Juraj na 22:25, 25. november 2010

2010-11-25T22:25:06Z

Zobraziť rozdiely

Juraj: Vytvorená stránka „{{Navigacne menu - java}} V tejto časti bude ukázaný spôsob ako do apppletu pridať funkcionalitu, ktorá zabezpečí interakciu s používateľom. Náš applet bude r…“

2010-11-18T18:46:01Z

Vytvorená stránka „{{Navigacne menu - java}} V tejto časti bude ukázaný spôsob ako do apppletu pridať funkcionalitu, ktorá zabezpečí interakciu s používateľom. Náš applet bude r…“

Nová stránka

{{Navigacne menu - java}}
V tejto časti bude ukázaný spôsob ako do apppletu pridať funkcionalitu, ktorá zabezpečí interakciu s používateľom. Náš applet bude reagovať na udalosti spôsobené stlačením klávesy, poklikaním alebo iba prechodom myši nad applet.
==Udalosti vyvolané "myšou"==
Pre začlenenie funkčnosti interakcie s používateľom treba do appletu pridať odkaz na triedu, ktorá toto zabezpečuje. Implementovanie doplnkovej funkcionality programu (appletu) sa v Jave robí pomocou mechanizmu [[Java - rozhrania|rozhraní]]. Pre prácu s myšou existujú 2 rozhrania:
*MouseListener
*MouseMotionListener

Pred samotným použitím udalostí treba definovať, ktoré použité komponenty budú schopné udalosti zachytiť. V našom prípade to bude objekt Applet.
===MouseListener===
Metódy triedy MouseListener sú nasledujúce:
{| class="wikitable"
|+ Rozhranie MouseListener
|-
!Metóda
!Opis
|-
|mouseClicked(MouseEvent)|| Metóda sa zavolá po kliknutí
|-
|mouseEntered(MouseEvent)|| Metóda sa zavolá keď kurzor prejde nad komponent
|-
|mouseExited(MouseEvent) || Metóda sa zavolá keď kurzor opustí oblasť komponentu
|-
|mousePressed(MouseEvent) || Metóda sa zavolá keď sa stačí tlačidlo myši nad objektom
|-
|mouseReleased(MouseEvent) || Metóda sa zavolá keď sa pustí tlačidlo myši, ktoré bolo pred tým stlačené (nad komponentom)
|}

{| class="wikitable"
|+ Vybrané metódy triedy MouseEvent
|-
!Metóda
!Opis
|-
|int getX()
int getY()

Point getPoint()
|Vráti pozícu (x,y) na ktorej nastala udalosť. Pozícia je relatívna k oblasti komponentu, na ktotom udalosť vznikla.
|-
|int getButton()
|Vráti informáciu o tom, ktoré tlačidlo bolo stlačené. Ako návratová hodnota sú použité konštanty: NOBUTTON, BUTTON1, BUTTON2, alebo BUTTON3.
|}

Ak chceme v našom applete použiť rozhranie MouseListener, musíme implementovať všetky jej metódy. V nasledujúcom kóde je prázdy applet, ktorý implementuje rozhranie MouseListener:
<source lang="java">
import java.applet.Applet;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.Graphics;

public class Udalost1 extends Applet implements MouseListener {

public void init() {
addMouseListener(this);
}

public void mouseClicked(MouseEvent e) {
}

public void mousePressed(MouseEvent e) {
}

public void mouseReleased(MouseEvent e) {
}

public void mouseEntered(MouseEvent e) {
}

public void mouseExited(MouseEvent e) {
}

public void paint(Graphics g){
}
}
</source>
Zápis ''addMouseListener(this);'' v metóde ''init'' spôsobí, že applet bude reagovať na udalosti myši. Bez tohoto riadku by udalosti neboli zachytené.

'''Úloha 1.1''': Do appletu implementujte funkcionalitu rozhrania MouseListener:
*Keď sa stlačí tlačidlo myši, v danom mieste nakreslite obdĺžnik
*Keď sa uvoľní tlačidlo myši, v danom mieste, kde sa tlačidlo pustilo nakreslite kruh
*Keď sa klikne na applet, nakreslite plný kruh.

''Analýza úlohy''

Ako prvé treba povedať rozdiel medzi kliknutím a stlačením a pustením tlačítka myši:
*Kliknutie je akcia, pri ktorej sa stlačí tlačidlo myši a následne sa pustí. Medzi týmito dvoma akciami sa nemôže myš pohnúť.
*Ak sa medzi týmito akciami myš pohne, udalosť mouseClick nenastane.

Úlohou je nakresliť geometrický tvar (kruh, obdĺžnik) tam, kde sa klikne. Na to si vytvoríme premenné (x, y) v triede appletu. Aby sme rozlíšili, kedy je tlačidlo myši stlačené a kedy nie je stlačené, pridáme booleovskú premennú ''stlacene''. Premenná bude nadobúdať hodnotu ''true'' vtedy, ak bude tlačidlo myši stlačené. V opačnom prípade bude mať hodnotu ''false''.
Pre zistenie, kedy sme na applet klikli použijeme pomocnú premennú ''kliknute''. Tá bude mať hodnotu true len v tom prípade, ak nastala udalosť ''mouseClicked''.

Samotné vykresľovanie sa sa bude diať iba v metóde paint, avšak nastavovanie premenných x, y bude v metódach, ktoré obsluhujú zachytené udalosti.

''Riešenie:''
<source lang="java">
import java.applet.Applet;
import java.awt.Graphics;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;

public class Udalost1 extends Applet implements MouseListener {

public int x, y;
boolean stlacene;
boolean kliknute;

public void init() {
addMouseListener(this);
this.x = 0;
this.y = 0;
this.stlacene = false;
this.kliknute = false;
}

public void mouseClicked(MouseEvent e) {
this.kliknute = true;
repaint();
}

public void mousePressed(MouseEvent e) {
this.x = e.getX();
this.y = e.getY();
this.stlacene = true;
repaint();
}

public void mouseReleased(MouseEvent e) {
this.x = e.getX();
this.y = e.getY();
this.stlacene = false;
repaint();
}

public void mouseEntered(MouseEvent e) {
}

public void mouseExited(MouseEvent e) {
}

public void paint(Graphics g) {

if (this.kliknute) {
g.fillOval(x, y, 10, 20);

} else {
if (this.stlacene) {
g.drawRect(x, y, 20, 10);
} else {
g.drawOval(x, y, 20, 20);
}
}
this.kliknute = false;
}
}
</source>

Vysvetlenie programu:

''Metóda paint''

*Ak sa zistí, že používateľ klikol, tak sa vykreslí plný kruh
*V opačnom prípade zisťujeme, či sa jedná o stlačenie tlačidla myši, alebo o jeho pustenie.
**Ak sa jedná o stlačenie (this.stlacene=true) vykreslí sa obdĺžnik.
**V opačnom prípade sa vykreslí prázdny kruh.
*Po vykreslení nastavíme premennú ''kliknute'' na false (očakávame ďalšie kliknutie)

''Metóda mouseClicked''

*do premennej kliknutie triedy Udalost1 uložíme hodnotu true (ako informáciu o tom, že sme zachytili udalosť kliknutie)
*Pomocou volania metódy ''repaint()'' vynútime prekreslenie appletu.

''Metóda mousePressed/mouseReleased''

*Do premenných x, y uložíme pozíciu kde sme klikli
**Táto pozícia je uložená v samotnej udalosti MouseEvent, ktorá je parametrom metód mousePressed a mouseReleased. V objekte ''e'' sú všetky potrebé informácie o tom, kde sme klikli, ktorým tlačidlom sme klikli, ...
*prípad mousePressed - do premennej stlacene nastavíme hodnotu true
*prípad mouseReleased- do premennej stlacene nastavíme hodnotu false
*Pomocou volania metódy ''repaint()'' vynútime prekreslenie appletu.

'''Úloha 1.2:'''
Zmodifikujte predchádzajúci príklad nasledovne: Pri kliknutí na applet nakreslite elipsu/obdĺžnik podľa nasledujúcich pravidiel
*prvé stlačenie tlačidla myši bude určovať bod, z ktorého začneme kresliť
*pri uvoľnení tlačidla myši zistíme druhý bod
**Tieto dva body vymedzujú oblasť kde sa bude vykresľovať elipsa/obdĺžnik
***Ak bude budeme stláčať ľavé tlačítko, nakreslíme obdĺžnik
***Ak bude budeme stláčať pravé tlačítko, nakreslíme elipsu

''Analýza:''

Zadeklarujme si 2 body A a B. Použijeme na to triedu Point (z balíčka java.awt.Point). Hodnoty bodu A naplníme, keď stlačíme tlačidlo myši a hodnoty bodu B naplníme keď pustíme tlačidlo myši.

''Riešenie:''
<source lang="java">

import java.applet.Applet;
import java.awt.Graphics;
import java.awt.Point;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;

public class Udalost1 extends Applet implements MouseListener {

boolean tlacidlo;
Point A, B;

public void init() {
A = new Point();
B = new Point();
addMouseListener(this);
this.tlacidlo = false;
}

public void mouseClicked(MouseEvent e) {
}

public void mousePressed(MouseEvent e) {
this.A.x = e.getX();
this.A.y = e.getY();
if(e.getButton() == MouseEvent.BUTTON1)
this.tlacidlo = true;
else
this.tlacidlo = false;
}

public void mouseReleased(MouseEvent e) {
this.B.x = e.getX();
this.B.y = e.getY();
repaint();
}

public void mouseEntered(MouseEvent e) {
}

public void mouseExited(MouseEvent e) {
}

public void paint(Graphics g) {

int sirka, vyska;
sirka = this.B.x - this.A.x;
vyska = this.B.y - this.A.y;
if (this.tlacidlo) {
g.drawRect(this.A.x, this.A.y, sirka, vyska);
} else {
g.drawOval(this.A.x, this.A.y, sirka, vyska);
}
}
}
</source>
''Vysvetlenie:''
V metóde mousePressed treba určiť, ktoré tlačidlo bolo stlačené. Informáciu o stlačenom tlačidle je v objekte e (''e.getButton()''). Túto hodnotu porovnávame s konštantami definovanými v triede MouseEvent. Konštanty sú MouseEvent.BUTTON1, MouseEvent.BUTTON2 a MouseEvent.BUTTON3. Podľa toho, ktoré tlačidlo bolo stlačené nastavíme hodnotu premennej ''tlacidlo'' na ''true'' alebo ''false''.
Túto hodnotu si následne prečítame pri vykresľovaní (metóda paint).
Všimnime si, že pri udalosti stlačenia tlačidla myši nepožiadame o prekreslenie. O prekreslenie požiadame až po uvoľnení tlačidla (mouseReleased)
===MouseMotionListener===
<source lang="java">
</source>

<source lang="java">
</source>

<source lang="java">
</source>

<source lang="java">
</source>
==Udalosti vyvolané klávesnicou==

@@ Riadok 358: / Riadok 358: @@
 Tu treba zistiť, či bod, v ktorom sa nachádza kurzor myši je v kruhu alebo mimo neho. Pre kruh, ktorý má stred v bode <math>[X,Y]</math> platí rovnica:
-<math>\sqrt{(x-X)^2+(y-Y)^2}=r^2</math>
+<math>\sqrt{(x-X)^2+(y-Y)^2} = r</math>
 kde <nowiki>[x,y]</nowiki> je bod, v ktorom sa nachádza kurzor myši. Stačí teda zistiť či platí nerovnosť:
-<math>\sqrt{(x-X)^2+(y-Y)^2}<r^2</math>
+<math>\sqrt{(x-X)^2+(y-Y)^2} < r</math>
 Ak platí tak kurzor myši sa machádza vo vnútri kruhu a môžeme meniť jas.

@@ Riadok 1: / Riadok 1: @@
 {{Navigacne menu - java}}
 V tejto časti bude ukázaný spôsob ako do apppletu pridať funkcionalitu, ktorá zabezpečí interakciu s používateľom. Náš applet bude reagovať na udalosti spôsobené stlačením klávesy, poklikaním alebo iba prechodom myši nad applet.
-==Udalosti vyvolané "myšou"==
+==Udalosti vyvolané 'myšou'==
 Pre začlenenie funkčnosti interakcie s používateľom treba do appletu pridať odkaz na triedu, ktorá toto zabezpečuje. Implementovanie doplnkovej funkcionality programu (appletu) sa v Jave robí pomocou mechanizmu [[Java - rozhrania|rozhraní]]. Pre prácu s myšou existujú 2 rozhrania:
 *MouseListener
@@ Riadok 349: / Riadok 349: @@
-'''Úloha 1.4:''' Na applet vykreslite "slnko" (žltý kruh). Pri ťahaní myšky smerom hore sa bude farba slnka jasnejšia, pri pohybe dolu bude farba slnka tmavšia. Stmavovanie a zosvetľovanie bude fungovať len vtedy, ak sa bude myš nachádzať nad slnkom. Pri ťahaní mimo slnka, applet nebude reagovať.
+'''Úloha 1.4:''' Na applet vykreslite 'slnko' (žltý kruh). Pri ťahaní myšky smerom hore sa bude farba slnka jasnejšia, pri pohybe dolu bude farba slnka tmavšia. Stmavovanie a zosvetľovanie bude fungovať len vtedy, ak sa bude myš nachádzať nad slnkom. Pri ťahaní mimo slnka, applet nebude reagovať.
@@ Riadok 499: / Riadok 499: @@
 |-
 |static String 	getKeyText(int keyCode)
-|Vráti reťazecopisujúci kód znaku ako napr: "HOME", "F1" alebo "A"
+|Vráti reťazecopisujúci kód znaku ako napr: 'HOME', 'F1' alebo 'A'
 |}

@@ Riadok 511: / Riadok 511: @@
 Vytvoríme si premennú text (typu String), do ktorej pri stlačení klávesu pridáme na koniec stlačený znak. Ak bude stlačený ENTER, tak z reťazca text odstránime všetky znaky. Pri vykreslovaní reťazca do appletu budemem tento vykreľovať na pozíciu [x,y]. Hodnoty týchto premenných sú definované v metóde init().
@@ Riadok 618: / Riadok 617: @@
+}
 </source>
 <references/>

@@ Riadok 454: / Riadok 454: @@
 </source>
 ==Udalosti vyvolané klávesnicou==
 ==Zdroje a odkazy==
 <references/>