1

У меня будет простое банковское приложение. И я решил сделать такой интерфейс:

Окно приложения Я хочу, чтобы при нажатии на кнопки A - B, перерисовывалась только правая область. К примеру, при нажатии на кнопку А, в правой области высвечивались все счета клиента и он мог выбрать активный счет. При нажатии на кнопку B, в правой области отрисовывались возможности положить деньги на счет и т.д. Думаю идея понятна.

И да, можно ли описанное выше осуществить с помощью qt designer?

3
  • Да, все можно сделать. 1 дек 2019 в 7:31
  • А можно поподробнее или где почитать?
    – elvy
    1 дек 2019 в 8:31
  • В документации Qt полно примеров. 1 дек 2019 в 13:52

1 ответ 1

1

Проще всего, чтобы вручную не разбираться со слоями, будет применить QTabWidget, переопределив его TabBar на вертикальное отображение.

#include <QApplication>
#include <QStyleOptionTab>
#include <QStylePainter>
#include <QTabBar>
#include <QTabWidget>

class TabBar: public QTabBar{
public:
    QSize tabSizeHint(int index) const{
        QSize s = QTabBar::tabSizeHint(index);
        s.transpose();
        return s;
    }
protected:
    void paintEvent(QPaintEvent * /*event*/){
        QStylePainter painter(this);
        QStyleOptionTab opt;

        for(int i = 0;i < count();i++)
        {
            initStyleOption(&opt,i);
            painter.drawControl(QStyle::CE_TabBarTabShape, opt);
            painter.save();

            QSize s = opt.rect.size();
            s.transpose();
            QRect r(QPoint(), s);
            r.moveCenter(opt.rect.center());
            opt.rect = r;

            QPoint c = tabRect(i).center();
            painter.translate(c);
            painter.rotate(90);
            painter.translate(-c);
            painter.drawControl(QStyle::CE_TabBarTabLabel,opt);
            painter.restore();
        }
    }
};

class TabWidget : public QTabWidget
{
public:
    TabWidget(QWidget *parent=0):QTabWidget(parent){
        setTabBar(new TabBar);
        setTabPosition(QTabWidget::West);
    }
};

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    TabWidget w;
    w.addTab(new QWidget, "tab1");
    w.addTab(new QWidget, "tab2");
    w.addTab(new QWidget, "tab3");
    w.show();

    return a.exec();
}

введите сюда описание изображения

Подобный вопрос обсуждался на английском SO по ссылке.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.