Pierwsze kroki w programowaniu z Qt/pl

From Qt Wiki
Jump to navigation Jump to search
This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine.
Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean.

Pierwsze kroki w programowaniu z Qt

Witamy w świecie Qt - wieloplatformowego zestawu narzędzi i bibliotek do tworzenia aplikacji z graficznym interfejsem użytkownika (GUI) i nie tylko. Nauczymy cię tutaj podstaw Qt pokazując jak zaimplementować prostą aplikację typu Notatnik. Po lekturze tego przewodnika powinieneś być gotów do zagłębienia się w dokumentację API oraz omówień poszczególnych modułów i rozwiązań dostępnych w Qt. Znajdywanie informacji potrzebnych do stworzenia aplikacji, którą zapewne od dawna planujesz napisać, będzie wówczas przebiegać sprawniej.

Powitalny notatnik

W pierwszym przykładzie stworzymy i pokażemy pole edycji tekstu w jego własnym oknie. Jest to najprostszy możliwy program napisany w Qt posiadający GUI.

screenshot

Tak wygląda kod owej aplikacji:

#include <QApplication>
#include <QTextEdit>

int main(int argv, char *'''args)
{
 QApplication app(argv, args);

 QTextEdit textEdit;
 textEdit.show();

 return app.exec();
}

Prześledźmy go linijka po linijce. W dwóch pierwszych dołączamy pliki nagłówkowe QApplication i QTextEdit, czyli dwóch klas, których użyjemy w tym przykładzie. Wszystkie klasy Qt posiadają pliki nagłówkowe nazwane tak samo jak nazwy klas, których dotyczą.

W 6 linijce tworzony jest obiekt typu QApplication. Zarządza on zasobami aplikacji i jest niezbędny do uruchomienia jakiegokolwiek programu Qt mającego GUI. Parametry argv i args są wymagane, ponieważ każda aplikacja Qt obsługuje zestaw opcji, które można przekazać do programu z linii poleceń (np. -graphicssystem).

W 8 linijce powstaje obiekt typu QTextEdit. Jest to element mający wizualną reprezentację w GUI, a takie w Qt nazywamy widżetami (z ang. widget). Inne widżety to np. pasek przesuwania (ang. scroll bar), etykieta (ang. label) czy przycisk opcji (ang. radio button). Widżet może być także kontenerem dla innych widżetów, a okno dialogowe jest tego przykładem.

Linijka 9 powoduje wyświetlenie się pola edycji tekstu z jego własną ramką okna. Ponieważ widżety funkcjonują także jako kontenery (np. QMainWindow z jego paskami narzędzi, menu, statusu i paroma innymi widżetami), możliwe jest wyświetlenie pojedynczego widżetu w jego własnym oknie. Widżety nie są domyślnie widoczne, ale funkcja show() pozwala nam zmienić ten stan rzeczy.

Ostatnia linijka w funkcji main() odpowiedzialna jest za wejście obiektu typu QApplication w jego pętlę zdarzeń (ang. event loop). Programy oparte na Qt korzystają ze zdarzeń, które są generowane i przesyłane w trakcie działania aplikacji między widżetami. Takie zdarzenia to np. naciśnięcie klawisza na klawiaturze lub myszy. W trakcie pisania tekstu w polu edycji, widżet je reprezentujący odbiera zdarzenia informujące o naciśnięciu poszczególnych klawiszy i rysuje wpisany tekst.

Nim uruchomimy naszą aplikację, musimy ją najpierw zbudować. Dokonać tego możemy otwierając z okno z linią poleceń, przechodząc do katalogu, w którym trzymamy wyżej zaprezentowany plik .cpp z kodem programu i wykonując następujące polecenia:

qmake -project
qmake
make

To spowoduje utworzenie pliku wykonywalnego (w systemie Windows może zaistnieć potrzeba użycia polecenia nmake zamiast make; ponadto plik będzie umieszczony w podkatalogu debug lub release). qmake to narzędzie Qt wspierające budowanie aplikacji poprzez generację plików Makefile, które opisują proces budowania, na bazie specjalnych plików konfiguracyjnych. Taki plik konfiguracyjny (o rozszerzeniu .pro) może zostać wygenerowany automatycznie również dzięki aplikacji qmake przy użyciu opcji -project. Pisaniem własnych plików .pro zajmiemy się później.

Dowiedz się więcej

Zdarzenia i ich obsługa - The Event System

Dodanie przycisku Quit

W prawdziwej aplikacji zazwyczaj potrzeba więcej niż jednego widżetu. Dodamy więc QPushButton – przycisk – pod polem edycji tekstu. Przycisk ten sprawi, że aplikacja zakończy się w momencie jego naciśnięcia (np. za pomocą kliknięcia myszą).

screenshot

Kod źródłowy dla tego przykładu:

#include <QtGui>

int main(int argv, char **args)
{
 QApplication app(argv, args);

QTextEdit textEdit;
 QPushButton quitButton("Quit");

QObject::connect(&quitButton, SIGNAL (clicked()), qApp, SLOT (quit()));

QVBoxLayout layout;
 layout.addWidget(&textEdit);
 layout.addWidget(&quitButton);

QWidget window;
 window.setLayout(&layout);

window.show();

return app.exec();
}

W 10 linijce wykorzystujemy mechanizm sygnałów i slotów Qt, aby sprawić, że aplikacja zakończy się, kiedy przycisk Quit zostanie naciśnięty. Sygnał, kiedy uruchomiony, wywoła wszystkie powiązane z nim sloty.

quit() jest slotem klasy QApplication, który zakańcza aplikację. clicked() to sygnał QPushButton, który emitowany jest, gdy przycisk zostanie przyciśnięty. Statyczna metoda QObject::connect() zajmuje się dowiązaniem slotu do sygnału. SIGNAL ()_ oraz _SLOT() to dwa makra, które opisują metody mające zostać ze sobą powiązane. Trzeba również podać wskaźniki do obiektów, które emitują i otrzymują dany sygnał.

W linijce 12 tworzymy QVBoxLayout. Jak wspominaliśmy, widżety mogą zawierać inne widżety. Można ustawić lokalizację i wymiary każdego widżetu bezpośrednio ale zazwyczaj łatwiej jest użyć layoutu (z ang. „rozkład" lub „układ graficzny" - sposób rozmieszczenia). Layout zarządza wymiarami wszystkich swoich podwidżetów. Na przykład QVBoxLayout ustawia wszystkie podwidżety pionowo w rzędzie.

Linijki 13 oraz 14 dodają pole edycji tekstu oraz przycisk do layoutu. W linijce 17 ustawiony zostaje layout naszego widżetu.

Dowiedz się więcej

Definiowanie klas pochodnych od QWidget

Kiedy użytkownik chce wyjść z aplikacji, możesz chcieć pokazać okno dialogowe, które pyta, czy on, lub ona, rzeczywiście tego chce. W tym przykładzie, stworzymy klasę dziedziczącą z QWidget i dodamy slot, do którego podłączymy przycisk Quit.

screenshot

Spójrzmy na kod źródłówy:

#include <QtGui>

class Notepad : public QWidget
{
 Q_OBJECT
 QPushButton quitButton("Quit");
public:
 Notepad();

private slots:
 void quit();
 layout.addWidget(&quitButton);
private:
 QTextEdit *textEdit;
 QPushButton *quitButton;
};

Makro Q_OBJECT musi być pierwszym elementem w definicji klasy. Deklaruje ono naszą klasę jako QObject (oczywiście musi ona również dziedziczyć z QObject). Dodaje to kilka funkcjonalności do zwykłej klasy C++. Przede wszystkim, nazwa klasy i jej slotów mogą być pobrane w trakcie działania programu. Można również pobrać typy parametrów tych slotów i je wywołać.

W linijce 13 deklarowany jest, przy użyciu makra slots, slot quit(). Teraz można podłączyć ten slot do sygnałów ze zgadzającą się sygnaturą, tj. z jakimkolwiek sygnałem, który nie ma parametrów.

Zamiast ustawiania GUI i łączenia slotów w funkcji main(), użyjemy konstruktora klasy Notepad.

 Notepad::Notepad()
 {
 textEdit = new QTextEdit;
 quitButton = new QPushButton(tr("Quit"));

connect(quitButton, SIGNAL (clicked()), this, SLOT (quit()));

QVBoxLayout '''layout = new QVBoxLayout;
 layout->addWidget(textEdit);
 layout->addWidget(quitButton);

 setLayout(layout);

 setWindowTitle(tr("Notepad"));
 }

Jak widać było w definicji klasy, używamy wskaźników do naszych QObject-ów (textEdit oraz quitButton). Z zasady zawsze powinno się tworzyć QObiekty na stosie i nigdy ich nie kopiować.

Następnie używamy metody tr() dla wszystkich widocznych dla użytkownika ciągów tekstu. Metoda ta jest niezbędna jeżeli chcesz udostępniać swoją aplikację w więcej niż jednym języku (np. po polsku i po angielsku). Nie będziemy wchodzić w szczegóły, możesz zgłębić temat pod linkiem Qt Linguist Manual z tabeli poniżej.

Dowiedz się więcej

tr() i internacjonalizacja - Qt Linguist Manual, Writing Source Code for Translation, Hello tr() Example, Internationalization with Qt

Tworzenie pliku .pro

Na potrzeby tego przykładu, napiszemy własny plik .pro zamiast używać qmake z opcją -project.

HEADERS = notepad.h
SOURCES = notepad.cpp  main.cpp

Do zbudowania naszej aplikacji wystarczą teraz dwa polecenia:

qmake
make

Używanie QMainWindow

Wiele aplikacji skorzysta z plusów używania QMainWindow. Klasa ta dostarcza swój własny layout, do którego można dodać menu, zadokowane widgety, paski narzędzi i pasek statusu. QMainWindow ma centralną strefę, która może być zajmowana przez dowolny widget. W naszym przypadku będzie to pole edycji tekstu.

screenshot

Oto kod nowa definicja klasy Notepad:

 #include <QtGui>

 class Notepad : public QMainWindow
 {
 Q_OBJECT

 public:
 Notepad();

 private slots:
 void open();
 void save();
 void quit();

 private:
 QTextEdit *textEdit;

 QAction *openAction;
 QAction *saveAction;
 QAction *exitAction;

 QMenu '''fileMenu;
 };

Dołączyliśmy dwa nowe sloty, które zapiszą i wczytają dokument. Zaimplementujemy je w następnej sekcji.

Bardzo często w głównym oknie ten sam slot może być wywołany przez kilka widżetów. Przykładem może być opcja w menu i przycisk na pasku narzędzi. Zeby to uprościć, Qt dostarcza klasę QAction, obiektowi której podać można kilka widżetów i podłączyć go do slotu. Na przykład QMenu i QToolBar mogą stworzyć wpisy w menu i przycisku na pasku z tej samej QAction. Za chwilę zobaczymy, w jaki sposób to zrobić.

Tak jak wcześniej, używamy konstruktora klasy Notepad do zestawienia GUI:

 Notepad::Notepad()
 {
 saveAction = new QAction(tr("&Open"), this);
 saveAction = new QAction(tr("&Save"), this);
 exitAction = new QAction(tr("E&xit"), this);

 connect(openAction, SIGNAL (triggered()), this, SLOT (open()));
 connect(saveAction, SIGNAL (triggered()), this, SLOT (save()));
 connect(exitAction, SIGNAL (triggered()), qApp, SLOT (quit()));

 fileMenu = menuBar()->addMenu(tr("&File"));
 fileMenu->addAction(openAction);
 fileMenu->addAction(saveAction);
 fileMenu->addSeparator();
 fileMenu->addAction(exitAction);

 textEdit = new QTextEdit;
 setCentralWidget(textEdit);

 setWindowTitle(tr("Notepad"));
 }

QAction tworzone są z tekstu, który ma pojawić się na widżecie, do którego je dodajemy - w tym przypadku do opcji w menu. Gdybyśmy chcieli dodać akcje dodatkowo do paska narzędzi, moglibyśmy dać im również ikony.

Teraz, w momencie kliknięcia wpisu w menu, uruchomi on akcję i wywoła odpowiedni slot.

Dowiedz się więcej

Główne okna i klasy je udostępniające- Application Main Window, Main Window Examples

Zapisywanie i ładowanie

W tym przykładzie, zaimplementujemy funkcjonalność slotów open() oraz save(), które dodaliśmy w poprzedniej sekcji.

screenshot

Zaczniemy od slotu open():

 QString fileName = QFileDialog::getOpenFileName(this, tr("Open File"), "",
 tr("Text Files ('''.txt);;C++ Files ('''.cpp *.h)"));

if (fileName != "") {
 QFile file(fileName);
 if (!file.open(QIODevice::ReadOnly)) {
 QMessageBox::critical(this, tr("Error"),
 tr("Could not open file"));
 return;
 }
 QString contents = file.readAll().constData();
 textEdit->setPlainText(contents);
 file.close();
 }

Pierwszy krok to zapytanie użytkownika o nazwę pliku do wczytania. Qt dostarcza QFileDialog, który jest oknem dialogowym, gdzie użytkownik wybiera plik. Obrazek wyżej ukazuje takie okno na systemie Kubuntu. Statyczna metoda getOpenFileName() wyświetla modalne okno dialogowe i nie zwraca wartości dopóki użytkownik nie wybierze pliku. Zwracana przez nią wartość to ścieżka do wybranego pliku, lub pusty ciąg jeżeli użytkownik anulowal wybór.

Gdy mamy ścieżkę, otwieramy plik metodą open(), która zwraca true, jeżeli operacja się powiodła. Nie będziemy zgłębiać obsługi błędów, jest ona opisane w linkach z tabeli Dowiedz się więcej. Jeżeli otwarcie pliku jest niemożliwe, używamy QMessageBox do wyświetlenia okna z komunikatem błędu (zobacz opis klasy QMessageBox po więcej szczegółów).

Sam odczyt danych jest trywialny dzięki użyciu metody readAll(), która zwraca wszystkie dane w postaci QByteArray. constData() zwraca tablicę jako const char*, dla której klasa QString ma zdefiniowany konstruktor. Następnie zawartość pliku może być wyświetlona w polu edycji. Możemy więc zamknąć plik metodą close(), aby oddać systemowi operacyjnemu deskryptor pliku.

Przejdźmy do slotu save():

 QString fileName = QFileDialog::getSaveFileName(this, tr("Save File"), "",
 tr("Text Files ('''.txt);;C++ Files ('''.cpp '''.h)"));

 if (fileName != "") {
 QFile file(fileName);
 if (!file.open(QIODevice::WriteOnly)) {
 // error message
 } else {
 QTextStream stream(&file);
 stream << textEdit->toPlainText();
 stream.flush();
 file.close();
 }
 }

Do zapisywania zawartości pola edycji do pliku używamy klasy QTextStream, która opakowuje obiekt QFile. Strumień może zapisywać QString bezpośrednio do pliku, natomiast QFile akceptuje jedynie czyste dane (char*) przy pomocy metody write() z klasy QIODevice.

Dowiedz się więcej

Pliki i urządzenia we/wy - QFile, QIODevice