Я пытаюсь создать собственный виджет в Qt5, который похож на QProgressBar, но с 3 ползунками и перемещаемым пользователем: (слегка нарушенная реализация JS: codepen, gist)
У меня проблемы с тем, как это сделать. Мои попытки не смогли правильно отрисовать все части виджета (что очень затрудняло выбор и перемещение различных его частей) или некорректно работать с VBoxLayout (не расширяется, чтобы соответствовать горизонтальному пространству)
Моя последняя попытка (вы должны получить общее представление о конструкторе, больше ничего не было реализовано)
UTrackSlider::UTrackSlider(QWidget *parent) : QWidget(parent)
{
this->setSizePolicy(QSizePolicy::MinimumExpanding, QSizePolicy::Minimum);
// CIRCLE_HEIGHT = 10
// BACKGROUND_HEIGHT = 30
/// @todo css should be in global stylesheet
background = new QLabel(this);
background->setMinimumHeight(this->BACKGROUND_HEIGHT);
background->setStyleSheet("QLabel{ border: 1px solid gray; background-color:white; border-radius:2px}");
background->setAttribute(Qt::WA_DeleteOnClose);
cue = new QLabel(this);
cue->setFixedSize(QSize(this->CIRCLE_HEIGHT, this->CIRCLE_HEIGHT));
cue->setStyleSheet("QLabel:hover{ border: 2px solid #d9534f; border-radius:5px}");
cue->setAttribute(Qt::WA_DeleteOnClose);
duration = new QLabel(this);
duration->setFixedSize(3, this->BACKGROUND_HEIGHT);
duration->setStyleSheet("QLabel{border: 3px solid #2376bb} QLabel:hover{border: 5px solid #2376bb}");
duration->setAttribute(Qt::WA_DeleteOnClose);
intro = new QLabel(this);
intro->setFixedSize(QSize(this->CIRCLE_HEIGHT, this->CIRCLE_HEIGHT));
intro->setStyleSheet("QLabel:hover{ border: 2px solid #5bc85c; border-radius:5px}");
intro->setAttribute(Qt::WA_DeleteOnClose);
QGridLayout *mainLayout = new QGridLayout(this);
mainLayout->addWidget(cue, 5, 0);
mainLayout->addWidget(background, 0, this->CIRCLE_HEIGHT);
mainLayout->addWidget(duration, 2, this->CIRCLE_HEIGHT);
mainLayout->addWidget(intro, 5, this->CIRCLE_HEIGHT + this->BACKGROUND_HEIGHT);
this->setLayout(mainLayout);
}
В принципе, есть ли какие-нибудь указания о том, как я должен структурировать этот составной виджет, чтобы он работал во всех этих условиях?
РЕДАКТИРОВАТЬ: обсудив проблему с некоторыми людьми на #qt, я пришел к выводу, что я должен переопределить paintEvent. Но это также означает переопределение некоторых других функций для выполнения эффектов onClick и перетаскивания, и я понятия не имею, с чего начать.