programozás i. - users.itk.ppke.huusers.itk.ppke.hu/~surma/prog1/upload/02.pdf · programozási....

Programozás I.GrafikaEseménykezelés

Programozás I.2. gyakorlat

Interakció a grafikus felületen, tagfüggvények

Surányi Márton

PPKE-ITK

2013.02.25.

Eseménykezelés

Nem csak rajzolni tudunk, hanem lehet interaktívalkalmazásokat készíteniinterakció: (itt) egér, billentyűzet által beavatkozunk aprogram működésébea graphics-ben események segítségével tudjuk kezelni ezeketaz esemény típusa: eventaz event egy struct, aminek vannak adattagjai:

typekeycodepos_x, pos_ybuttontime

Eseménykezelés

event adattagjai, lehetséges értékek

type: esemény típusa: ev_key, ev_mouse, ev_timerkeycode: billenytűesemény esetén: billentyű azonosítójapos_x, pos_y: egérmozgatás esetén: az egérkurzor pozíciójabutton: egéresemény (gomb) esetén: egérgomb azonosítója:btn_left, btn_right, btn_middle, btn_wheelup,btn_wheeldowntime: időzítőesemény esetén: a program indítása óta eltelt időmillisec-ben

Eseményciklus

Az eseményciklus a grafikus alkalmazás egyik fő ciklusa. Amíg ez aciklus fut, addig a program képes eseményeket fogadni.

Példa

Példa: Bal egérkattintásra változtassuk meg a képernyő hátterénekszínét egy új, véletlenszerű színre!

#include "graphics.hpp"using namespace genv;

const int SX = 400;const int SY = 400;

int main() {srand(time(0));gout.open(SX, SY);

event ev;while(gin >> ev) {if (ev.button == btn_left) {gout << color(rand() % 256, rand() % 256, rand() % 256)

<< move_to(0,0)<< box(SX,SY) << refresh;

}}return 0;

Példa: Bal egérkattintásra rajzoljunk ki egy 20x20-as sárganégyzetet az adott egérpozícióba! Az alkalmazás escape-re lépjenki!

#include "graphics.hpp"#include <algorithm>using namespace genv;

int main(){gout.open(640, 480);

event ev;while (gin >> ev) {if (ev.button == btn_left) {gout << move_to(ev.pos_x, ev.pos_y)

<< color(255,255,0)<< box(20,20) << refresh;

}else if (ev.keycode == key_escape) {exit(0);

return 0;}

Fejlesszük tovább: írjunk a doboz rajzolására, illetve a véletlen színgenerálására függvényt! Valamint az enter lenyomására mentse el aképet output.bmp néven!

#include "graphics.hpp"#include <algorithm>using namespace genv;

void draw_box(int x, int y, color c, int size) {gout << move_to(x, y) << c << box(size, size);

color rand_color() {color ret(rand() % 256, rand() % 256, rand() % 256);return ret;

int main(){gout.open(640, 480);event ev;while (gin >> ev) {if (ev.button == btn_left) {draw_box(ev.pos_x, ev.pos_y,

rand_color(),(rand() % 10) + 20);

gout << refresh;}else if (ev.keycode == key_escape) {exit(0);

}else if (ev.keycode == key_enter) {gout.save("output.bmp");

}}return 0;

}9 / 1

az időzítőt a gin.timer(int ms) függvénnyel tudjukbeállítani, és elindítaniParaméterként millisec-ben kell megadni a periódust, ígyminden megadott ms-ben generál egy időzítő eseménytkikapcsolni így lehet: gin.timer(0)időzítőesemény esetén az event type mezője az ev_timerértéket veszi föla time mező pedig az addig eltelt ezredmásodpercek számát

10 / 1

#include "graphics.hpp"#include <algorithm>#include <sstream>using namespace genv;

int main(){gout.open(SX, SY);event ev;gin.timer(100);std::stringstream ss;

11 / 1

while (gin >> ev) {if (ev.type == ev_timer) {

ss << "Eltelt ezredmasodpercek szama: " << ev.time;gout << move_to(0,0) << color(0,0,0) << box(SX,SY);gout << move_to(20,20) << color(255,255,0) << text( ss.str() ) << refresh;ss.str("");

}else if (ev.keycode == key_escape) {

exit(0);}

}return 0;

12 / 1

Feladatok

2-1) Random irányba mozogjanak a dobozok!2-2) Space leütésére változzon meg a színük!2-3) Ha egy dobozra rákattintunk, tűnjön el!

13 / 1

Tagfüggvények

a draw függvény a típushoz tartozik, vagyis egy művelete aBoxnak.A következő lépésben a függvényeket beemeljüktagfüggvénnyé, ezzel egy lépést tettünk a Box típusegységbezárásáért (enkapszuláció)

14 / 1

Tagfüggvények

a draw függvény a típushoz tartozik, vagyis egy művelete aBoxnak.A következő lépésben a függvényeket beemeljüktagfüggvénnyé, ezzel egy lépést tettünk a Box típusegységbezárásáért (enkapszuláció)

14 / 1

Tagfüggvények

a tagfüggvények úgyanúgy függvényeklátják, és módosíthatják a struct értékeit, ezért nem kellkülön paraméterben átadni őkettagfüggvény hívása:[változónév].[tagfüggvény neve]()

15 / 1

Tagfüggvények

15 / 1

Tagfüggvények

15 / 1

struct Car {string name;int fuel; // current amount of fuel (liter)double consumption; // liter / 100km

void go( int km ) {fuel -= (consumption / 100) * km;

void refuel( int liter ) {fuel += liter;

}};...Car c;c.name = "Toyota";c.fuel = 0;c.consumption = 5.5;

c.refuel(10);c.go(2);

16 / 1

Konstruktor

a konstruktor is egy tagfüggvény, ami a példányosításkor(deklaráláskor) fut leha nem írunk egy struct-nak konstruktort, akkor fordításkorlétrejön egy üres (és paraméternélküli)FONTOS! Ha megírunk egy konstruktort, akkor nem jönlétre paraméternélküli!pl. az int-nek is van konstruktora:

int a(10);

Ekkor a kezdőértéke 10 lesz.

17 / 1

Konstruktor

int a(10);

17 / 1

Konstruktor

int a(10);

17 / 1

Konstruktor

int a(10);

17 / 1

Konstruktor

int a(10);

17 / 1

Konstruktor

int a(10);

17 / 1

Konstruktor példa

struct Person{std::string name;int age;

Person(std::string name_, int age_): name(name_), age(age_)

18 / 1

Konstruktorok

FONTOS! A konstruktornak nincs visszatérési értéke (azt semkell elé írni, hogy void)!neve mindig meg kell, hogy egyezzen a struct nevével!konstruktort nem lehet külön meghívni, a példányosításkor futlea konstruktor rövidítése: ctor (ha rákerestek így (is) érdemes)

19 / 1

Konstruktorok

19 / 1

Konstruktorok

19 / 1

Feladatok

2-2-a) Hópihe: egy hópihe egy fehér pixel. Legyen 100 darabhópihe, amik konstans sebességgel "esnek" le. Ha alul kimegy,felül jöjjön be!2-2-b) Jobbra-balra imbolyogjanak a pihék! (ha oldalt kimegy,a másik oldalon jöjjön be!)2-2-c) Legyen mélysége: a közelebb álló pihék legyeneknagyobbak és gyorsabban hulljanak!

20 / 1

Feladatok (folyt.)

2-3-a) Egy random pozícióba lerakott doboz kövesse az egeret.2-3-b) Több doboz is legyen, mindegyik az egeret kövesse!

21 / 1

Házi feladat

A honlapon elérhető (lesz).

22 / 1

programozás i. - users.itk.ppke.huusers.itk.ppke.hu/~surma/prog1/upload/02.pdf · programozási....

Documents