Cze 14 2009

Kurs Qt - Część 3 - Zasoby

Kategorie: Kurs Qt Programowanie Qt Techblog — Matthew @ 16:02:12

W tej części zrobimy coś pożytecznego. Napiszemy notatnik. Ale nie byle jaki. Będzie miał ikony! :D A co za tym idzie nauczymy się dołączać zasoby do naszej aplikacji. Czas przygotować ikony, które dołączymy do naszej aplikacji z poprzedniej cześciu kursu.

Plik zasobów to zwykły xml, który ma w sobie ścieżki do plików które mają być później dołączone do naszego programu. Plik zasobów wygląda tak:

  1. <RCC>
  2.         <qresource prefix="/" >
  3.                 <file>copy.png</file>
  4.                 <file>cut.png</file>
  5.                 <file>paste.png</file>
  6.                 <file>open.png</file>
  7.                 <file>save.png</file>
  8.                 <file>new.png</file>
  9.         </qresource>
  10. </RCC>
  11.  

Jak widać składnia jest bardzo prosta. W przypadku Qt Creator mamy odpowiedni edytor, który w sposób klikany, załatwia za nas całą pracę (dodaj pozycję, wskaż plik, ciesz się życiem ;)). Nasz plik nagłówkowy się niewiele zmienił. Trochę go posprzątamy (wyrzucimy etykiety i przyciski, żeby zrobić miejsce pod pole edycji teksty, które dodamy w przyszłych częściach kursu) i dodamy wskaźniki do obiektów pasków narzędzi (linie 25. i 26.).

mainwindow.hpp:

  1. #ifndef MAINWINDOW_HPP
  2. #define MAINWINDOW_HPP
  3.  
  4. #include <QApplication>
  5. #include <QtGui>
  6.  
  7. class MainWindow : public QMainWindow
  8. {
  9.         Q_OBJECT
  10.  
  11. private:
  12.         QMenu *fileMenu;
  13.         QAction *newAction;
  14.         QAction *openAction;
  15.         QAction *saveAction;
  16.         QAction *quitAction;
  17.  
  18.         QMenu *editMenu;
  19.         QAction *copyAction;
  20.         QAction *pasteAction;
  21.         QAction *cutAction;
  22.  
  23.         QMenu *helpMenu;
  24.  
  25.         QToolBar *fileToolBar;
  26.         QToolBar *editToolBar;
  27.  
  28.         void createFileActions();
  29.         void createEditActions();
  30.  
  31.         void createMenus();
  32.         void createStatusBar();
  33.         void createToolBar();
  34.  
  35. public:
  36.         MainWindow();
  37. };
  38.  
  39. #endif // MAINWINDOW_HPP
  40.  

Zastąpiliśmy dużą liczbę nagłówków jednym QtGui, który łączy w sobie inne związane z GUI. Stworzymy również dwie funkcje do definiowania akcji, dzięki czemu pozbędziemy się bałaganu definiowania ich w funkcji tworzącej menu, a później używania ich w przypadku toolbarów (tak, jedną akcję możemy wykorzystać w kilku miejscach). Przez to rozrósł się nam mainwindow.cpp:

  1. #include "mainwindow.hpp"
  2.  
  3. MainWindow::MainWindow()
  4. {
  5.         QTextCodec::setCodecForTr (QTextCodec::codecForName ("UTF-8"));
  6.  
  7.         createFileActions();
  8.         createEditActions();
  9.  
  10.         createMenus();
  11.         createStatusBar();
  12.         createToolBar();
  13.  
  14.         setMinimumSize(160, 160);
  15.         resize(480, 320);
  16. }
  17.  
  18. void MainWindow::createFileActions()
  19. {
  20.         newAction = new QAction(QIcon(":/new.png"), tr("&Nowy"), this);
  21.         newAction->setStatusTip(tr("Nowy plik."));
  22.         newAction->setShortcut(QKeySequence::New);
  23.  
  24.         openAction = new QAction(QIcon(":/open.png"), tr("&Otwórz"), this);
  25.         openAction->setStatusTip(tr("Otwórz istniejący plik."));
  26.         openAction->setShortcut(QKeySequence::Open);
  27.  
  28.         saveAction = new QAction(QIcon(":/save.png"), tr("&Zapisz"), this);
  29.         saveAction->setStatusTip(tr("Zapisz plik."));
  30.         saveAction->setShortcut(QKeySequence::Save);
  31.  
  32.         quitAction = new QAction(tr("&Wyjście"), this);
  33.         quitAction->setStatusTip(tr("Wyjdź z programu."));
  34.         quitAction->setShortcut(Qt::CTRL + Qt::Key_Q);
  35.         connect (quitAction, SIGNAL(triggered()), qApp, SLOT(quit()));
  36. }
  37.  
  38. void MainWindow::createEditActions()
  39. {
  40.         copyAction = new QAction(QIcon(":/copy.png"), tr("&Kopiuj"), this);
  41.         copyAction->setStatusTip(tr("Kopiuj."));
  42.         copyAction->setShortcut(QKeySequence::Copy);
  43.  
  44.         pasteAction = new QAction(QIcon(":/paste.png"), tr("&Wklej"), this);
  45.         pasteAction->setStatusTip(tr("Wklej."));
  46.         pasteAction->setShortcut(QKeySequence::Paste);
  47.  
  48.         cutAction = new QAction(QIcon(":/cut.png"), tr("Wy&tnij"), this);
  49.         cutAction->setStatusTip(tr("Wytnij."));
  50.         cutAction->setShortcut(QKeySequence::Cut);
  51. }
  52.  
  53. void MainWindow::createMenus()
  54. {
  55.         fileMenu = new QMenu(tr("&Plik"), this);
  56.         menuBar()->addMenu(fileMenu);
  57.  
  58.         fileMenu->addAction(newAction);
  59.         fileMenu->addAction(openAction);
  60.         fileMenu->addSeparator();
  61.         fileMenu->addAction(saveAction);
  62.         fileMenu->addSeparator();
  63.         fileMenu->addAction(quitAction);
  64.  
  65.         editMenu = new QMenu(tr("&Edytuj"), this);
  66.         menuBar()->addMenu(editMenu);
  67.  
  68.         editMenu->addAction(copyAction);
  69.         editMenu->addAction(pasteAction);
  70.         editMenu->addAction(cutAction);
  71.  
  72.         helpMenu = new QMenu(tr("P&omoc"), this);
  73.         menuBar()->addMenu(helpMenu);
  74.  
  75.         helpMenu->addAction(tr("O &Qt"), qApp, SLOT(aboutQt()));
  76. }
  77.  
  78. void MainWindow::createStatusBar()
  79. {
  80.         statusBar()->showMessage(tr("Gotowy"));
  81. }
  82.  
  83. void MainWindow::createToolBar()
  84. {
  85.         fileToolBar = new QToolBar(this);
  86.  
  87.         fileToolBar->addAction(newAction);
  88.         fileToolBar->addAction(openAction);
  89.         fileToolBar->addAction(saveAction);
  90.  
  91.         addToolBar(fileToolBar);
  92.  
  93.         editToolBar = new QToolBar(this);
  94.  
  95.         editToolBar->addAction(copyAction);
  96.         editToolBar->addAction(pasteAction);
  97.         editToolBar->addAction(cutAction);
  98.  
  99.         addToolBar(editToolBar);
  100. }
  101.  

W stosunku do poprzedniej części kursu zmienił się trochę sposób tworzenia akcji (linie od 20 do 22). Teraz dodajemy do nich ikonę, poprzez klasę QIcon. Dwukropek oznacza wykorzystanie wcześniej zdefiniowanych zasobów. Jeżeli byśmy chcieli wykorzystać plik na dysku, to zamiast dwukropka używamy kropki. Ustawiamy również skrót klawiszowy. Możemy do tego celu wykorzystać gotowe ustawienia Qt, które to zmienią się, na natywny, w zależności od systemu na którym kompilujemy nasz program. Lub jak w linii 34. możemy na stałe przypisać wybrany skrót.

W tej chwili wystarczy dodać nasze akcje do menu lub toolbara. Jeżeli nasza pozycja w menu lub toolbarze ma tylko wywołać slot to zamiast definiować akcje lub sygnały wystarczy skorzystać z odpowiednej werji metody addAction (linia 75.), w której to podajemy kolejno nazwę pozycji, wskaźnik na klasę w której jest nasz slot oraz sam slot.

Tworzenie toolbara w Qt wygląda podobnie do menu. Tworzymy obiekt QToolBar (linia 85.), dodajemy do niego akcje (linie od 87. do 89.) oraz dodajemy nasz toolbar do okna (linia 91.). Musimy jeszcze dodać jedną linijkę, na koniec naszego pliku projektu (*.pro):

RESOURCES += resource.qrc

Po kompilacji nasz program powinien wyglądać mniej więcej tak:

Qt - Główne okno z toolbarem

Tym razem to na tyle. Wiem, że bardzo krótko. Ponieważ zbliża się sesja, a niestety wychodzi na to że będzie trudniejsza niż plan zakładał, więc następna część kursu pojawi się za jakieś 2 tygodnie. Ale w ramach rekompensaty przedstawię wątki w Qt. Do następego!

Komentarze:

  1. Grzegorz:
    14 Cze 2009, 19:35:53

    Wiesz już może ile lekcji będzie zawierał kurs, masz jakiś plan co do tego? Po wszystkim świetnym posunięciem byłoby wydanie e-booka. trzymam kciuki za dalsze części, jednocześnie liczę, że nie będą się ukazywać co 2 tygodnie, tylko częściej.

  2. Matthew:
    14 Cze 2009, 19:42:05

    @Grzegorz: bladego pojęcia nie mam. Prawdę mówiąc robię to trochę na żywioł. Ot, jeżeli kończą mi się pomysły o czym by tutaj napisać to piszę o tym o czym ludzie chcą przeczytać (stąd wielowątkowość w Qt), więc jako tako na ebooka się to nie nadaje (chyba że po przeredagowaniu). Więc kurs może się skończyć po wakacjach, jak również może się skończyć za rok, lub nigdy się nie skończyć.
    A te dwa tygodnie to tylko przez sesję (chociaż tą część pisałem cały tydzień, bo jakoś nie miałem weny). I tak już mam dwa przedmioty do poprawy we wrześniu, więc nie mogę sobie pozwolić na więcej. Od lipca mam też zamiar ruszyć inne projekty które ostatnio wymyśliłem (zrobić film w 3D, sprawdzić jak działa reklama internetowa i ile ona daje, nauczyć się grać na gitarze czy doprowadzić do rozsądnego poziomu fooaudio, zrobić wreszcie mikrobloga tutaj). Mam tylko nadzieję że wystarczy mi na to wszystko czasu. :)

  3. Grzegorz:
    14 Cze 2009, 19:44:42

    Bardzo ambitne plany. Powodzenia.

  4. Pieczara:
    18 Cze 2009, 20:17:28

    Dzis odkrylem ten kurs, poki co zapowiada sie swietnie :)

    Oby ta sesja szybko Ci sie skonczyla i powodzenia :)

  5. Dandys:
    20 Cze 2009, 12:54:14

    Panie kierowniku, a wiesz może, jak zapisać na dysku plik z zasobów? Tzn. wrzucam sobie do zasobów w projekcie plik PNG albo TXT, i chcę go zapisać na dysku.

  6. Matthew:
    20 Cze 2009, 13:26:13

    @Dandys: nie robiłem nigdy czegoś takiego. Kwestia czy chcesz, żeby taki zasób był widziany przez użytkownika przed zapisem czy nie. Jeżeli tak, to wystarczy że wrzucisz go w odpowiednią formatkę, a później wykorzystasz QFileDialog. Jeżeli użytkownik nie miałby o tym wiedzieć, to rodzi się problem dla plików tekstowych (bo obrazki wystarczy wczytać do obiektu klasy QImage lub QPixmap i wywołać metodę save), gdyż trzeba się pobawić z klasami QFile i QTextStream.

Dodaj komentarz: