Жақсы орналасу әрқашан қолданбаның ыңғайлылығын арттырады және бұл жұмыс үстелінен ұялы телефонға дейінгі кез келген қолданба түріне қатысты. Қолданбаның интерфейсінде екі аумақты бөлетін қалқымалы бөлгіші бар орналасу түріндегі нысан болып табылатын QSplitter сыныбы пайдалану мүмкіндігін жақсартатын осындай UI элементтерінің бірі болып табылады.
QSplitter үшін жоба құрылымы
QSplitter үшін жоба құрылымы Жоба құрылымы мүлдем ерекше және қызықты емес, себебі негізгі әрекеттер дизайнерде орындалады және mainwindow.cpp ішіндегі QSplitter параметрі минималды болады.
QSplitter көмегімен қадамдық
Бірінші қадам - Ең алдымен, интерфейс элементтері орналасатын макет түріндегі екі нысанды қосамыз.
Екі макет қосу Екінші қадам - Ctrl пернесін басып тұрып, макеттің екеуін де таңдап, «Бөлгішпен көлденеңінен орналасу» түймесін басыңыз немесе «Бөлгішпен тігінен орналасу» түймесін басыңыз. сізге не керек.
QSplitter көмегімен орналасу Үшінші қадам - QSplitter құрылғысы орналасқан аумақты созу. Бұл QSplitter сыртқы түрі сіз қалағандай болмаса қажет. Ол үшін QSplitter орналасқан негізгі виджетті таңдап, «Торға құрастыру» түймесін басыңыз. Нәтижесінде біз төмендегі суретке ұқсас нәтиже аламыз.
QSplitter көмегімен аумақты созу Төртінші қадам - анық болу үшін бірнеше нысанды салыңыз.
Қабаттардағы нысандар Бесінші қадам - қолданбаны іске қосу кезінде аймақтардың созылуын реттеу үшін кодты реттеңіз және бөлгіш түсін орнатыңыз.
#include "mainwindow.h" #include "ui\_mainwindow.h" MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow) { ui->setupUi(this); /* Устанавливаем параметры растяжения областей. * Области считаются слева направо. * в Методе setStretchFactor вначале устанавливается индекс * области, а потом её вес. * Таким образом первой области ставим максимальный вес, * а второй области минимальный. * */ ui->splitter->setStretchFactor(0,1); ui->splitter->setStretchFactor(1,0); /* Также сразу хочу показать, как выбрать цвет разделителя. * Для это нам необходимо воспользоваться классом QPallete, * Для которого выбираем цвет фона. * */ QPalette p; p.setColor(QPalette::Background, Qt::red); /* И устанавливаем палитру на QSplitter * */ ui->splitter->setPalette(p); } MainWindow::~MainWindow() { delete ui; }
Барлығы
Нәтижесінде қолданба келесідей болады.
Бөлгіш қолданбасы