Домой · Редактор · Перемещение по коду · Клавиатурные сочетания · Wiki

[Предыдущий: Создание проекта в Qt Creator] [Руководство по Qt Creator] [Следующий: Текстовый редактор]

Написание простой программы с помощью Qt Creator

В этом примере мы опишем шаги использования Qt Creator для написания маленькой программы Qt, Text Finder. Вдохновлённые примером QtUiTools Text Finder, мы напишем похожую на него но упрощённую версию как показано ниже.

Настройка вашей среды

После того как вы установили Qt Creator, он автоматически определит, находится ли Qt в вашей переменной PATH. Если нет, то выполните инструкции в Управление профилями Qt.

Настройка проекта

Мы начнём с проекта Gui приложение Qt4, сгенерированного Qt Creator. Документ Создание проекта в Qt Creator детально описывает этот проект. Не забудьте выбрать QWidget в качестве базового класса Text Finder. Если ваш проект ещё не загружен, загрузите его выбрав Открыть файл или проект... из меню Файл.

В вашем проекте будут следующие файлы:

• textfinder.h
• textfinder.cpp
• main.cpp
• textfinder.ui
• textfinder.pro

Файлы .h и .cpp содержат необходимые строки кода. Файл .pro также завершён.

Заполнение недостающих кусков

Мы начнём с проектирования интерфейса пользователя и затем перейдём к заполнению недостающего кода. В заключение мы добавим поиск.

Пользовательский интерфейс

Для начала проектирования интерфейса пользователя, щёлкните два раза на файле textfinder.ui в обозревателе проекта. Это запустит интегрированный Qt Designer.

Спроектируйте форму ниже с:

• QLabel
• QLineEdit (названный lineEdit)
• QPushButton (названный findButton)
• QTextEdit (названный textEdit)

Мы рекомендуем вам использовать QGridLayout для расположения метки, строки ввода и кнопки. Затем этот компоновщик и редактор текста могут быть добавлены в QVBoxLayout. Если вы новичок в проектировании форм с Qt Designer, вы можете взглянуть на руководство по Qt Designer.

Заголовочный файл

Файл textfinder.h уже имеет необходимые #include заголовочные файлы, конструктор, деструктор и объект Ui. Нам необходимо добавить закрытый слот on_findButton_clicked() для выполнения операции поиска. Нам также необходима закрытая функция loadTextFile() для чтения и отображения содержимого входного файла в QTextEdit. Это делается следующим кодом:

    private slots:
        void on_findButton_clicked();

    private:
        Ui::TextFinder *ui;
        void loadTextFile();

Замечание: Объект Ui::TextFinder уже предоставлен.

Файл исходных кодов

Теперь, когда наш заголовочный файл завершён, перейдём к файлу исходных кодов textfinder.cpp. Мы начнём с заполнения функциональности для загрузки текстового файла. Это показано в фрагменте кода, приведённого ниже:

    void TextFinder::loadTextFile()
    {
        QFile inputFile(":/input.txt");
        inputFile.open(QIODevice::ReadOnly);

        QTextStream in(&inputFile);
        QString line = in.readAll();
        inputFile.close();

        ui->textEdit->setPlainText(line);
        QTextCursor cursor = ui->textEdit->textCursor();
        cursor.movePosition(QTextCursor::Start, QTextCursor::MoveAnchor, 1);
    }

Мы загружаем текстовый файл используя QFile, читаем его с помощью QTextStream, а затем отображаем его в textEdit с помощью setPlainText(), что требует добавления дополнительных директив #includes в textfinder.cpp:

    #include <QtCore/QFile>
    #include <QtCore/QTextStream>

Для слота on_findButton_clicked() мы извлекаем строку поиска и используем функцию find() для поиска строки в текстовом файле. Это показано в фрагменте кода, приведённого ниже:

    void TextFinder::on_findButton_clicked()
    {
        QString searchString = ui->lineEdit->text();
        ui->textEdit->find(searchString, QTextDocument::FindWholeWords);
    }

После того как эти функции завершены, мы вызываем loadTextFile() в нашем конструкторе.

    TextFinder::TextFinder(QWidget *parent)
        : QWidget(parent), ui(new Ui::TextFinder)
    {
        ui->setupUi(this);
        loadTextFile();
    }

Слот on_findButton_clicked() будет вызван автоматически в сгенерированном uic ui_textfinder.h этой строчкой кода:

    QMetaObject::connectSlotsByName(TextFinder);

Файл ресурсов

Нам потребуется файл ресурсов (.qrc) в котором мы сохраним текстовый файл. Это может быть любой файл .txt с абзацем текста.

Чтобы добавить файл ресурсов:

1. Чтобы добавить файл ресурсов щёлкните правой кнопкой мыши на Файлы ресурсов в обозревателе проектов.
2. Выберите Добавить новый файл....

Появится диалог мастера.

3. Введите "textfinder" в поле Имя. Используйте заданный Путь.
4. Нажмите Далее.

Появится эта страница:

5. Выберите в какой проект вы хотите добавить новый файл. Выберите "TextFinder" в списке напротив Проект.
6. Убедитесь, что пункт Добавить в проект выбран.
7. Нажмите Завершить.

Ваш файл ресурсов будет отображён в редакторе ресурсов.

8. Выберите Добавить > Добавить приставку из выпадающего списка. Приставка, которая нам требуется, это просто черта (/).
9. Выберите Добавить > Добавить файлы из выпадающего списка.
10. Найдите текстовый файл, который вы хотите использовать. Мы будем использовать input.txt.

После того как файл ресурсов будет успешно добавлен, появится следующее:

Сборка и запуск вашего приложения

Теперь, когда у вас есть все необходимые файлы, нажмите на кнопку чтобы скомпилировать вашу программу.

[Предыдущий: Создание проекта в Qt Creator] [Руководство по Qt Creator] [Следующий: Текстовый редактор]