Graafisen käyttöliittymän ohjelmointi Syksy 2013

Transkriptio

1 TIE Tietotekniikan vaihtuva-alainen kurssi Graafisen käyttöliittymän ohjelmointi Syksy 2013 Luento 6 Interaktiivinen käyttöliittymä ja Drag-and-Drop Juha-Matti Vanhatupa

2 Sisältö Hiiri- ja Näppäintapahtumat Event filterit Drag-and-Drop

3 Qt Eventit QEvent kantaluokka Qt:n eventeille Qt:n tapahtumasilmukka purkaa ikkunointijärjestelmän eventit jonoista ja muuttaa ne QEvent:eiksi, ja lähettää ne QObjecteille kutsumalla sen event()-funktiota. Funktio kutsuu eventin tyypin mukaan oikeaa käsittelijäfunktiota.

4 Qt Eventit Eventin tyyppi kerrotaan enum QEvent::Type. Listattuna n. 140 erilaista eventtiä. Accept / Ignore Kertoo onko eventti käsitelty Eventtejä voi myös lähettää itse sendevent() käsittelee eventin heti postevent() event menee jonoon odottamaan käsittelyä. Qt:n tapahtumasilmukka käsittelee ne ja saattaa myös optimoida niitä.

5 Hiiritapahtumat QWidget tarjoaa joukon funktioita, joilla hiiritapahtumia voidaan napata. Enter Kutsutaan kun hiiren kursori siirtyy ikkunan päälle void QWidget::enterEvent ( QEvent * event ) void QWidget::dragEnterEvent ( QDragEnterEvent * event ) Leave Kutsutaan kun hiiren kursori poistuu objektin päältä void QWidget::leaveEvent ( QEvent * event ) void QWidget::dragLeaveEvent ( QDragEnterEvent * event )

6 Hiiritapahtumat Move Kutsutaan kun hiiren kursori liikkuu ikkunan päällä void QWidget::mouseMoveEvent ( QMouseEvent * event ) void QWidget::dragMoveEvent ( QDragEnterEvent * event ) Down Kutsutaan kun hiiren painike painetaan pohjaan void QWidget::mousePressEvent ( QMouseEvent * event )

7 Hiiritapahtumat Up Kutsutaan kun hiiren painike vapautetaan void QWidget::mouseReleaseEvent ( QMouseEvent * event ) Drop Kutsutaan kun drag-and-drop päätetään. void QWidget::dropEvent ( QDropEvent * event )

8 Hiiritapahtumat Mouse-eventit lähetetään ensisijaisesti sille ikkunalle, jonka päällä kursori on. Koordinaatit lasketaan suhteessa tähän ikkunaan

9 Capture Mahdollistaa hiiri-tapahtumien vastaanottamisen vaikka kursori olisi ikkunan ulkopuolella. - void QWidget::grabMouse () - void QWidget::releaseMouse () grabmouse()-funktiokutsun jälkeen widgetti vastaanottaa kaikki hiiri-tapahtumat, eivätkä muut widgetit saa niitä. Käytettävä varoen. Ei vaikutusta näppäinsanomiin.

10 Näppäintapahtumat Periaate sama kuin hiiritapahtumissa. QWidget tarjoaa tapahtumankäsittelijäfunktioita, joita ylikirjoittamalla voidaan luoda omaa toiminnallisuutta.

11 Näppäintapahtumat Focus In Kutsutaan kun widgetti saa fokuksen void QWidget::focusInEvent ( QFocusEvent * event ) Focus Out Kutsutaan kun widgetti menettää fokuksen void QWidget::focusOutEvent ( QFocusEvent * event ) Key Down Kutsutaan kun näppäin painetaan pohjaan void QWidget::keyPressEvent ( QKeyEvent * event ) Key Up Kutsutaan kun näppäin vapautetaan void QWidget::keyReleaseEvent ( QKeyEvent * event )

12 QKeyEvent Näppäinkoodi int QKeyEvent::key () const ei erottele isoja ja pieniä kirjaimia. Käytä text() jos tarvitaan. Keyboard modifiers (QInputEvent) Kertoo onko esim ALT tai SHIFT painike pohjassa toiminnon aikana

13 Esimerkki oma tabulaattori-käsittely Normaalisti tabulaattori siirtää focusta. Mutta jos widgetti jostain syystä tarvitsee itse tabulaattoria, voidaan se toteuttaa widgetin event()-funktiossa. bool MyWidget::event(QEvent *event) { if (event->type() == QEvent::KeyPress) { QKeyEvent *ke = qobject_cast<qkeyevent *>(event); if (ke->key() == Qt::Key_Tab) { // special tab handling here return true; return QWidget::event(event);

14 Esimerkki omien event-tyyppien käsittely Myös omia event-tyyppejä voi käsitellä event()-funktiossa. Tämä voidaan tehdä joko ennen tai jälkeen normaalin event käsittelyn. bool MyWidget::event(QEvent *event) { if (event->type() == CustomEventType) { CustomEvent *myevent = static_cast<customevent *>(event); // custom event handling here return true; return QWidget::event(event);

15 Capture Mahdollistaa näppäin-sanomien vastaanottamisen vaikka focus vaihtuisi. - void QWidget::grabKeyboard () - void QWidget::releaseKeyboard () grabkeyboard() -kutsun jälkeen widgetti vastaanottaa näppäintapahtumat eivätkä muut saa niitä. Focus liikkuu normaalisti, mutta sen omaava widgetti ei saa näppäintapahtumia, ennen kuin releasekeyboard() on kutsuttu. Ei vaikutusta hiiritapahtumiin. Myös käytettävä varoen.

16 Event filter Mahdollistaa eventtien monitoroinnin widgetin ulkopuolelta QObject::installEventFilter(QObject * filterobj); Eventit lähetetään ensin installoidulle filter oliolle ja ne kulkevat olion eventfilter()-funktion kautta

17 Event filterin toteutus class KeyPressEater : public QObject { Q_OBJECT protected: bool eventfilter(qobject *obj, QEvent *event); ; bool KeyPressEater::eventFilter(QObject *obj, QEvent *event) { if (event->type() == QEvent::KeyPress) { return true; else return QObject::eventFilter(obj, event);

18 Event filterin asettaminen KeyPressEater *keypresseater = new KeyPressEater(this); QPushButton *pushbutton = new QPushButton(this); pushbutton->installeventfilter(keypresseater); Luokan rakentaja on hyvä paikka filterin asentamiseksi. Jos olioon asennettu useita filtereitä, viimeisenä asennettu aktivoidaan ensin.

19 Qt:n Tapahtumankäsittelyn viisi tasoa Tapahtumakäsittelijän toteuttaminen. QObject:n event() funktion toteuttaminen. EventFilterin asentaminen QObject:iin. EventFilterin asentaminen QApplication olioon. Oma toteutus QApplication::notify()-funktiolle. Luettelon prioriteetti alhaalta ylös.

20 Drag and Drop Keino siirtää tietoa joko ohjelman sisällä tai prosessien välillä.

21 Drag and Drop Voi sisältää saman datan useana eri tyyppinä - Esim. sovellus käsittelee Dataobjekteja, mutta esim Paintsovellus käsittelee Bitmaptyyppisiä olioita. Bitmap Data

22 Drag & Drop Koostuu kolmesta vaiheesta: 1. Raahauksen aloittaminen 2. Raahaaminen 3. Droppaus Oman sovelluksen sisällä 3. osapuolen sovellukseen

23 Drag and Drop Qt Kaikkiin QWidgetistä periytettyihin luokkiin voidaan toteuttaa D&D toiminnallisuus. Widgetit voivat tukea joko raahauksen aloitusta tai lopettamista tai molempia.

24 1. Raahauksen aloittaminen Toteuta widgetille mousepress-event käsittelijä Periyttämällä oma toteutus Event filtterin avulla Aseta raahattava data QDrag objektiin Data voidaan asettaa useassa eri formaatissa Kerro raahauksen tyyppi ja aloita Dragoperaatio QDrag* pdrag = new QDrag(this); pdrag->exec(qt::copyaction);

25 Esim class CDraggableLabel : public QLabel { public: CDraggableLabel(); protected: void mousepressevent( QMouseEvent *e); ; void mousepressevent( ) { QDrag* drag = new QDrag(this); QMimeData* mimedata = new QMimeData; QString text = this->text(); mimedata->settext(text); drag->setmimedata(mimedata); drag->exec(qt::copyaction);

26 2. Raahaaminen Raahauksen tyyppi Qt::CopyAction Qt::MoveAction Raahauksen hyväksyminen Oletuksena QWidget ei hyväksy droppia

27 Esim class CDraggableLabel : public QLabel { public: CDraggableLabel(); protected: void mousepressevent( QMouseEvent *e); void dragenterevent( QDragEnterEvent *e); ; CDraggableLabel() { setacceptdrops(true); void dragenterevent(qdragenterevent *e) { if (e->mimedata()->hastext()) { e->accept(); else { e->ignore();

28 3. Droppaus Datan kysyminen Toteuta dropevent Otetaan talteen data QString text = event->mimedata()->text(); QByteArray data = event->mimedata()- >data("application/x-omaformaatti");

29 Esim class CDraggableLabel : public QLabel { public: CDraggableLabel(); protected: void mousepressevent( QMouseEvent *e); void dragenterevent( QDragEnterEvent *e); void dropevent(qdropevent *e); ; CDraggableLabel() { setacceptdrops(true); void dropevent(qdropevent *e) { if (e->mimedata()->hastext()) { this->settext(e->mimedata->text()); e->accept(); else { e->ignore();

30 QMimeData Voi sisältää saman data useassa eri formaatissa QStringList formats(); // palauttaa listan käytettävissä olevista formaateista. Huolehtii siitä, että dataa voidaan siirtää eri sovellusten välillä. Yleensä QMimeData olio luodaan new:llä, ja annetaan QDrag/QClipboard oliolle.

31 QMimeData Yleisimmille tyypeille QMimeData tarjoaa erilliset funktiot. Datan kysyminen binäärimuodossa QByteArray data(qstring mimetype);

32 QMimeData Tarjoaa kolme eri tapaa varastoida oman tyyppistä dataa. 1) Suoraan QByteArray:na QByteArray csvdata =...; QMimeData *mimedata = new QMimeData; mimedata->setdata("text/csv", csvdata); 2) Periyttämällä QMimeData ja ylikirjoittamalla hasformat(), formats() ja retrievedata()

33 QMimeData 3) Jos dataa käytetään saman sovelluksen sisällä, voidaan drag and drop:ssa tehdä tyyppimuunnos QMimeData:sta oman aliluokan olioksi ja asettaa/purkaa oma data siitä. void MyWidget::dropEvent(QDropEvent *event) { const MyMimeData *mydata = qobject_cast<const MyMimeData *>(event->mimedata()); if (mydata) { // access mydata's data through MyMimeData interface

34 QApplication globaalit asetukset QApplication::startDragTime() kertoo ajan, joka käyttäjän tulee pitää hiiren näppäintä painettuna ennen kuin raahaus alkaa. Oletus 500ms, voidaan muuttaa setdragtime(int ms) funktiolla. QApplication::startDragDistance() kertoo matkan, joka käyttäjän tulee liikuttaa objektia ennen kuin se tulkitaan raahausoperaatioksi. Oletus 4 pikseliä, voidaan muuttaa setstartdragdistance(int l) funktiolla.