начинаем изучать QT

[Забулдыга]

Цитата: Сообщение от Дайхард Застрял посрелине... виджета LCDDisplay мы не вставляли в диалог, и я даже не смог его

Сорри за очепятку...
Статью исправил. Следующими, наверное, будут статьи про Layoutы.
Кстати, шикарная вещь, если въехать, как ими пользоваться.

[kvm]

Кстати, для С++ программистов, кто хочет изучить QT4 с нуля может быть полезна следующая книга:
QT4: Программирование GUI на С++, Жасмин Бланшет и Марк Саммерфилд.

Ссылку дать не могу, так как у меня она на бумажном носителе.
Изложено ОЧЕНЬ доступно.

[Дайхард]

Блин, я тупой ламер...сори что так долго не отвечал, я не увидел, что тема перепрыгнула на следующую страницу и не первый же год в инете...
...Вобщем все сделал как в статье и получилось, слайдер заработал с первого раза. Правда PushButton, по иде я так понимаю должна бы закрывать прогу, отказалась это делать.
...Ждем следующих статей, если дело это не очень сложное и не отнимает у автора много времени

kvm, об этой кинге уже упоминалось, правда в английском варианте, если достану где электронный вариант русского текста, выложу обязательно.

[trdm]

Цитата: Сообщение от Дайхард kvm, об этой кинге уже упоминалось, правда в английском варианте, если достану где электронный вариант русского текста, выложу обязательно.

Мониторьте ветку:
http://prog.org.ru/forum/index.php/topic,765.0.html
там постоянно сылки на литературу мелькают.
Если все собрать, будет хороший сборничек..
+ есть форум, где лежит инструкция по интеграции QT OS и MS VS:
http://www.qtcentre.org/ <<< вобщем где-то тут..
+ http://slil.ru/25046728

[Забулдыга]

Итак, как я и обещал, продолжение сериала.


Читать тут

В этой статья я попытаюсь изложить всю прелесть
пользования Layout-ами. Если в кратце, layout в
Qt - это автоматизированное управление позицией и размерами
дочерних виджетов (все виджеты, принадлежащие layout-ам будут реагировать на
изменение размера окна, а те, кто просто положен на форму - нет. Вспомните прошлый пример).
По моему скромному мнению, использование layout-ов так, как это представленно в многчисленных
примерах (например, как у Жасмин Бланшетт или в официальных примерах
"ассистента") - на практике не очень удобно. Всё удобство использования
layout-ов очень ярко проявляется при создании макетов диалоговых (или
главных) окон в дизайнере. Поэтому, не упрекайте за однобокость, но в этой статье будет
рассмотрен именно дизайнерский аспект использования layout-ов.
Layout-ы бывают трёх типов: Vertical, Horizonat и Grid.
По сути layout-ы, это контенеры виджетов - каждый layout управляет только теми виджетами,
которые в него помещены. Различие между ними в том, как объекты размещаются внутри контейнера.
Внутрь layout-а можно класть другие layout-ы. Система Qt следит, также, за расстояниями между
объектами внутри контейнера.

Всего существует три правила упорядочивания объектов внутри контейнера:

Vertical - Все объекты внутри контейнера расположены "штабелями", один над другим.
Внутри контейнера Vertical невозможно расположить два и более объектов в горизонтальной плоскости.

Horizontal - Полная противоположность Vertical. Все виджеты, положенные "внутрь" Horizontal Layout
будут распологаться внутри него в горизонтальной плоскости. Невозможно расположить объекты
в вертикальной плоскости внутри Horizontal Layout.

Grid - Это компромисс между описанными выше крайностями. Внутри контейнера Grid объекты
распологаются по ячейкам в обоих плоскостях. По сути, Grid - это множество контейнеров
Vertical внутри Horizontal. Или множество Horizontal внутри Vertical.

[*]

Нет, конечно, можно обойтись и без layout-ов. Кроме сигналов и слотов, в Qt есть еще и 
старые, добрые события (Events). 
Есть там и resizeEvent. Можно перехватить его и 
в обработчике всем объектам 
менять размеры методом resize(newWidth, newHeight).

Итак, как обычно начнем с создания простого диалогового окна.

- Создаем отдельный каталог, в котором будет размещен наш проект.
- В каталоге создаем файл main.cpp

--- main.cpp ---

#include <QApplication>
#include "mydialog.h"

int main(int argc, char **argv)
{
    QApplication app(argc, argv);
    MyDlg dlg;
    dlg.show();
    return app.exec();
}

--- end --------

- Затем, создадим наш класс диалога

--- mydialog.h ---

#ifndef __MYDIALOG_H
#define __MYDIALOG_H


#include "ui_mainDlg.h"
#include <QDialog>

class MyDlg:public QDialog, public Ui::MainDialog 
{
    Q_OBJECT

public:

    MyDlg(QWidget *parent=0);
    ~MyDlg();

};


#endif

--- end ---

--- mydialog.cpp ---

#include "mydialog.h"

MyDlg::MyDlg(QWidget *parent):QDialog(parent)
{
    setupUi(this);
}

MyDlg::~MyDlg()
{
}

--- end ---


Ну вот, все файлы созданы, надеюсь, что Предыдущую статью все читали и не забыли, что регистр имен файлов
имеет значение. В этом примере, я в качестве наглядного примера, буду конструировать диалог добавления новой записи
в некий абстрактный менеджер контактов. Нам надо собрать некую информацию о человеке, с которым мы будем
контактировать. В диалоге будут следующие записи:

                Имя
                ______________________________
                Отчество
                ______________________________
                Фамилия
                ______________________________
                Телефон 
                ______________________________
                email
                ______________________________

                        [Применить]   [Отмена]

Заранее, определимся с количеством и типами виджетов и Layout-ов, со стратегией размещения виджетов внутри
layout-ов.
- Надписи, вроде Имя, Отчество и т.д. это QLabel (в дизанере, в Widget Box-е это Label).
- Поля ввода информации это QLineEdit(в дизанере, в Widget Box-е это Line Edit)..
- Кнопки Применить и Отмена это QPushButton (в дизанере, в Widget Box-е это Push Button).

Как видно из простенькой иллюстрации, строки ввода и метки над ними расположены "штабелем",
тоесть вертикально. Кнопи же, расположенны горизонтально друг к другу. Следовательно, напрашивается
следующая схема:

          - Один Vertical Layout (A), в котором будут распологаться
            подписи (Labels) и строки ввода (Line Edits).
          - Один Horizontal Layout (B), в котором будут распологаться 
             кнопки и такая штучка, как Horizontal Spacer.
          - Один Vertical Layout, в котором будут распологаться 
            layout-ы A и B, а также, штучка, назаваемая Vertical Spacer.

Spacerы - это невидимые виджеты, назначение которых, заставить виджеты в layout-е придерживаться дефолтных размеров.
Например, кнопка, добавленная в пустой Layout, растянется на всю его ширину. Если слева от кнопки добавить spacer,
то кнопка прижмется вправо и сожметься до дефолтной ширины, а справа будет пустое место. Если слева или справа от кнопки
добавить еще одну кнопку, то она тоже сожмется до дефолтной ширины, но за счет пустого места. Рекомендую на досуге поиграться
со spacerами в layout-ах.

Ну, теории достаточно, тронулись помаленьку....:-)

Запускаем дизайнер, набрав в коммандной строке команду designer &
Амперсанд в конце нужен для того, чтобы программа запустилась в фоне.
Для Windows он не нужен, можно пойти в меню Пуск->Программы->Qt by Trolltech v4.3.0 (OpenSource)->designer
В дизанере выбираем вариант Dialog Without buttons и жмем кнопку Create. Если, по каким-то причинам дизайнер
не предложил вам при запуске создать новую форму, то кликаем меню File->New Form.
Предполагается, что наш диалог будет free resize.

Идем в окно Property Editor, меняем значение поля objectName c Dialog на MainDialog (не забываем жать Enter)
В том же окне ищем поле windowTitle и меняем там Dialog на Добавить новый контакт (Enter)
Теперь четко следуем оговоренной выше схеме. Тянем на форму из Widget Box (слева) Vertical Layout.
Он появится на форме в виде красной рамки с синими прямоугольниками. Размеры не меняем, оставляем все как есть.
Это наш контенер для Labels и Line Edits. Теперь надо добавить содержимого. Из Widget Box тянем Label и бросаем внутри
созданного Layout. Это первый Label. Он расположиться в центре слева, внутри Layout-а. Теперь тянем Line Edit внутрь
нашего Layout. Поводите, не бросая, Line Edit над Layout-ом и посмотрите, как верхняя или нижняя сторона Layout-а
меняет свой цвет на жирно-сининий. Это показывает, как добавляемый виджет будет добавлен по отношению к
уже добавленным и расположенным внутри Layout-а.
Поскольку, у нас сначала идет Label, а потом Line Edit, то верным будет вариант, когда жирно-синим подсвечивется
нижняя сторона Layout-а. Нижняя сторона засветилась жирно-синим ? Тогда бросаем. Line Edit расположиться под TextLabel.
Они по началу так и будут называться. Теперь, прежде чем добавлять еще виджеты, переименуем эти объекты, и установим
их содержимое. Лево однократно кликнем в TextLabel. В PropertyEditor, в поле text напишем Имя и нажмем Enter.
Лево однократно кликнем в Line Edit , расположенный под Label. В Property Editor, в поле objectName напишем: leFName (Enter).

Аналогично, соблюдая очередность Label/LineEdit тянем и бросаем виджеты в Layout (ориетируясь по нижней границе).
После добавления каждой пары, переименовываем метку и объект Line Edit так, чтобы получились следующие значения

      Текст Метки    Имя объекта Line Edit
      ------------------------------------
      Имя            leFName
      Отчество       leSName
      Фамилия        leLName
      Телефон        lePhone
      email          leMail

Теперь можно добавить кнопки. Для них, из Widget Box тянем Horizontal Layout и бросаем на диалог ЗА ПРЕДЕЛАМИ
предыдущего Vertical Layout. В этот Horizontal Layout тянем и бросаем Push Button. Меняем поля objectName на: btnAccept и
text на: Принять. Затем тянем сюда второй Push Button, но внимательно следим за левой и правой границами Layout-а.
Как только правая граница станет жирно-синей, отпускаем левую кнопку мышки и бросаем кнопку в layout. Она расположиться
справа от предыдущей кнопки btnAccept. Таким же образом, как и с предыдущей кнопкой, изменим objectName на btnCancel и
text на: Отменить. Финальным штрихом будет добавление spacerа, чтобы кнопки прижались к правому краю. Для этого,
из Widget Box тянем объект Horizontal Spacer в наш Horizontal Layout, но не отпускаем сразу, а водим им по правой границе,
пока она не станет жирно-синей. Как стала - бросаем. Spacer ляжет слева от кнопки btnAccept и будет препятствовать ей
расширяться влево. Spacer в дизайнере диалогов рисуется в виде пружинки, но реально он виден не будет. Чтобы долго не
искать, когда сторона станет жирно-синей, ориентируйтесь на кончик стрелки курсора мыши, а не на картинку под ним.
Как только кончик стрелочки коснется одной из граней, она станет синей, если это предусмотрено. У Vertical Layout
в момент перетаскивания активны только верхняя и нижняя грани, и границы внутри контейнера, чтобы вставлять объекты между
другими. У Horizontal Layout, в момент перетаскивания, активны левая и правая границы, и внутренние. У Grida активны все
четыре внешние грани и внутренние.

Настало время сделать БААААААЛЬШОЙ ГЛОТОК пива и добавить оба Layout-а в третий, чтобы расположить их вертикально
по отношению друг к другу.

Тянем из Widget Box еще один Vertical Layout и бросаем его на форму, ОТДЕЛЬНО от двух других Layout-ов. Если свободного
места на форме маловато, временно расширим форму до удобных размеров. Позже, мы вернем размеры формы до нужных размеров.
Теперь, тянем и бросаем, сначала layout с Метками и Line Edit-ами в этот новый layout. Размеры нового layout-а
сразу подгонятся под размеры брошенного и грани станут жирно-красными. Теперь, ориентируясь по нижней грани,
тянем у бросаем туда же Layout c кнопками. Внимательно следите за границами. Здесь нужна точность. Грани не зря стали
двойной жирности - это грани внешнего и добавленного Layout. У нижней грани синяя полоса может появиться как на внешней,
так и на внутренней сторонах грани. Следите, чтобы синяя полоса появилась на внешней стороне грани. Если вы всё-таки
ошиблись, жмите Ctrl-Z. В результате, между двумя layout-ами должна остаться граница. Последний штрих - надо добавить
Vertical Spacer, чтобы прижать Vertical Layout с Label/Line Edit к верхней части диалога. Для этого надо из Widget Box
перетащить Vertical Spacer и бросить его в эту смесь Layout-ов и виджетов. Если вы правильно сделали все вышесказанное,
то у вас верхняя граница Layout-а с кнопками НЕ БУДЕТ сливаться с нижней границей layout-а с метками/Line Edit-ами.
Когда курсор с Vertical Spacer коснется верхней грани кнопочного layout-а, эта грань станет жирно-синей.
Это то, что нужно - можно бросать.

Ухххх....Осталось самая малость. Право однократно кликаем в любое, свободное от виджетов и лэйаутов, место на диалоге,
выбираем в меню Layout->Layout in a Grid. Затем меняем размер диалога (тягаем правый нижний угол диалога) до
приятных глазу размеров. Всё ! Можно посмотреть наше творение, нажав Ctrl-R. Это предварительный просмотр формы.
Можете потягать ее за....правый низ и посмотреть, как ведут себя виджеты в layout-ах. Закрываем Preview версию формы
и сохраняем шаблон в файл через File->Save Form As. В диалоге сохранения выберите каталог, в котором ранее вы написали
исходные файлы main.cpp и mydialog.cpp/mydialog.h и сохраните форму под именем mainDlg.ui (заглавная D обязательно).


PS: Диалог не закроется нажатием кнопок Принять или Отмена, поскольку они бутафорские. Для этого надо делать реакцию
на нажатие. Посмотрите предыдущую статью, там написано про слоты и сигналы. Можно в дизайнере связать сигналы
clicked() обоих кнопок со слотами формы accept и reject. Можно это сделать и в конструкторе класса,
добавив туда парчку connect-ов, чтобы конструктор был похож на нижеследующее:

[...обрезано...]

setupUi(this); 

connect(btnAccept, SIGNAL(clicked()), this, SLOT(accept()));
connect(btnCancel, SIGNAL(clicked()), this, SLOT(reject()));

[...обрезано...]

Далее, как и в прошлой статье, через cmd или bash заходим в
каталог, где лежат эти три файла, набираем qmake -project (ввод)
Потом qmake (ввод), и наконец make.

После компиляции, если не было ошибок, идем в каталог Release и запускаем файл.

ЗЫ: Не забываем говорить спасибо

[vladshab13]

Плиз Help!!! Господа саксаулы (читать аксакалы), Я новичок в Qt 3, начал писать небольшую программку и стена. У меня в главной форме Not есть кнопка engA, которая должна открывать другое окно (другую форму Result). Есть слот pressengA(), связанный с событием clicked(), кнопки engA, который должен открывать форму Result. Код привожу ниже:
main.cpp -
#include <qapplication.h>
#include "not.h"
#include "result.h"

int main( int argc, char ** argv )
{
QApplication a( argc, argv );
Not w;
w.show();
a.connect( &a, SIGNAL( lastWindowClosed() ), &a, SLOT( quit() ) );
return a.exec();
}

not.ui.h -
#include "result.h"
#include <qapplication.h>

void Not::pressengA()
{
Result wr;
wr.show();
}


Result - пустой файл. Ничего туда я не вписал.


При нажатии кнопки engA ничего не происходит, т. е. форма Result не открывается. Где заковыка? Не могу сообразить. Заранее благодарю.

[Optimal]

Прошу объясните мне где искать файл .profile в котором настраиваются переменные среды для Qt
В домашней папке у меня такого файла нет и работаю я на Fedore 7

[Забулдыга]

Цитата: Сообщение от Optimal Прошу объясните мне где искать файл .profile

В домашнем каталоге, его надо создать.
Например, если имя пользователя, под которым ты вошел в систему
User, то домашний каталог будет /home/user
В это каталоге надо создать файл .profile и в нем прописать, что-то типа

export $PATH:/путь к Qt:/еще один путь к Qt

[vladshab13]

Что, никто не знает как открыть другую форму? Хоть какие-нибудь намеки дайте пожалуйста.

[Забулдыга]

Цитата: Сообщение от vladshab13 Что, никто не знает как открыть другую форму? Хоть какие-нибудь намеки дайте пожалуйста.

Ты тут вообще что-то неимоверное написал...
Создай для каждой формы класс производный от QDialog. В файле
main.cpp ничего кроме начальной инициализации трогать не надо,
и тем более объект app.

//#include <qapplication.h>
//^^^^^^^^^^^^^^^^  регистр имеет значение

#include <QApplication>       //Во всех примерах рекомендуется именно так.
#include "not.h"

int main( int argc, char ** argv )
{
QApplication a( argc, argv );
Not w;
w.show();
return a.exec();
}

Типа...

файл not.h

class Not:public QDialog
{
    Q_OBJECT
public:

    Not(QWidget *parent=0);
    ~Not();

private slots:
    void pressEngA();

private:
    QPushButton *engA;

};

и файл result.h

class Result:public QDialog
{
    Q_OBJECT
public:
    Result(QWidget *parent=0);
    ~Result();

};

Ну а потом, где-то в конструкторе класса Not

engA=new QPushButton("Hello");
connect(engA, SIGNAL(clicked()), this, SLOT(PressEngA()));

Далее, в самой функции PressEngA пишешь

Result r;

r.show();

И всё ...

[vladshab13]

Большое спасибо, сейчас буду пробовать. Утром бежал на работу, некогда было ответить. А то здесь у меня есть пара знакомых программеров? но они в Visual Basic.net, и С++ и Qt совсем не знают. А больше спросить не у кого.

[vladshab13]

Все получилось. Спасибо. У меня все было правильно. Я создавал проэкт в QT Designer 3.3.8 , и у меня есть только файлы ui.h на каждую форму. А файлов с расширениями .h и .cpp у меня нет. Я так понимаю они скрыты от пользователя. У меня все пошло когда я вместо show() применил exec(). А с show() форма почему то не появляется. Но с exec() форма модальная и невозможно работать с главным окном пока на закроешь открывшуюся форму. Как исправить эту ситуацию? И как можно открыть для просмотра или редактирования файлы .h и .cpp . И еще, у меня в главной форме есть несколько кнопок, которые открывают одну и ту же форму Result. Но в зависимости какая кнопка открыла форму, форма должна показывать различную информацию( т.е. делать определенную выборку из базы данных ). Как передать строковую переменную в открывающуюся форму? Я прошу прощения, что так много вопросов. Читаю книги и форумы, но пока ничего похожего не нашел. Может не там искал.

[trdm]

http://www.opennet.ru/docs/RUS/kdevelop3/
http://www.opennet.ru/docs/RUS/qt3_prog/

[Забулдыга]

Цитата: Сообщение от vladshab13 Как передать строковую переменную в открывающуюся форму?

Если ты делал для каждой формы отдельный класс, то нет ничего проще.
Создай метод класса SetStringValue(QString strValue) и приватное свойство QString strVal; перед вызовом
метода show() , сначала вызови метод SetStringValue и передай ему в качестве параметра эту строку.

class Result:public QDialog
{
    Q_OBJECT
public:
    Result(QWidget *parent=0);
    ~Result();
    void SetStringValue(QString);

private:
    void showEvent(QShowEvent *event);

private:
    QString strVal;
};

Да, еще надо при открытии формы обработать предварительно переданную
информацию. Для этого надо перехватить событие формы showEvent
и в нем установить переданное значение...

void Result::showEvent(QShowEvent *event)
{
    //некий элемент отображения на форме...
    someLabel->setText(strValue);
}

Функция showEvent, в отличие от SetStringValue, является виртуальной и поэтому
должна быть испольнена в точности так, показано. SetStringValue, наооборот, вымышленная
и может иметь любое название и параметры.
Да, учти, что все примеры я привожу для QT 4.x.x версий.
Он совершенно не похож на Qt3. И почти несовместим. Кроме того, в ближайшем будущем
поддержка Qt3 уйдет и из KDE. 11 декабря выйдет (официально) KDE4 основанный на Qt4. Сами Trolltech предложили верcb. 4.0 еще в далеком 2003. Так что пока не поздно, сделай поправки.

Цитата: Сообщение от vladshab13 Но с exec() форма модальная и невозможно работать с главным окном пока на закроешь открывшуюся форму

А вот и нет. Есть такой хитрый трюк, когда модальное окно возвращает управление сразу, а не после закрытия.
если сделать так:

Result r;

//Установить признак модальности извне...
r.setModal(true);
r.show();

while(!r.IsSomeConditionMet())
{
    qApp->processEvents();
    //Тут еще можно вставить обработку какого-то процесса...
   ...
   //В случае каких либо непредвиденных ситуаций, окно можно закрыть отсюда
   if(errorCondition)
   {
        r.close();
        break;
   }
}

Тогда окно будет принимать все события модально, а тебе придется
вести модальный цикл самому.

Как ты понял, функцию IsSomeConditionMet тебе придеться самому определить
в классе Result. Переменная errorCondition вымышленная. Так, для нагдядности.

[Keeper13]

Я - полностью начинающий (в смысле и С и QT)... Но в общем о чем тут говорилось понимаю и примеры такого содержания меня очень радуют...
Вопросик возник,...
Вот создал я окно в дизайнере... (Имя, Отчество... ну и кнопочки две).
И захотел я ещё добавить кнопочку "Очистить"
Смастерил Слот в mydialoh.h

private slots:
void myslot();

Описал его в mydialoh.cpp

void MyDlg::myslot()
{
QMessageBox msgBox;
msgBox.setIcon(QMessageBox::Question);
msgBox.setStandardButtons(QMessageBox::Yes | QMessageBox::No);
msgBox.setText(QString::fromLocal8Bit("Вы уверены, что вы хотите очиcтить?"));
msgBox.setWindowTitle(QString::fromLocal8Bit("Точно..."));
switch (msgBox.exec())
{
case QMessageBox::Yes:
// yes was clicked
this->leFName-> setText(QString::fromLocal8Bit(""));
this->leSName-> setText(QString::fromLocal8Bit(""));
this->leLName-> setText(QString::fromLocal8Bit(""));
this->lePhone-> setText(QString::fromLocal8Bit(""));
this->leMail-> setText(QString::fromLocal8Bit(""));
break;
case QMessageBox::No:
break;
default:
break;
}
}

И ещё добавил кнопочку в моё окошко (но не в дизайнере):
Код из конструктора диалога:

...
QPushButton *button = new QPushButton(QString::fromLocal8Bit("Очистить")); // Кнопка.
connect(button, SIGNAL(clicked()), this, SLOT(myslot()));
button->show();
...

И кнопка влезла в левый вверхний угол окна...
В принципе можно посидеть подумать и влепить её по координатам...
но, хотелось бы засунуть её в ЛэйАут... в тот, в котором две кнопки
Что бы получилось так:

|~~~~~~~~~| [Очистить] [Принять] [Отменить]

Но воспользоваться : /имя Layouta/.addWidget(button, 1); не получаеться, так как у если посмотреть в Qt Designer, то у лэйаутов написано <noname> (и у Spacer)... да и переименовать их нельзя.
Как быть?