Рисование на сабконтролере

@Кудаив · Регистрация: 27.05.2012

Author24 — интернет-сервис помощи студентам

Доброй ночи форумчане! Есть ли возможность рисовать на сабконтроллере виджета - например я хочу нарисовать посреди groove горизонтального слайдера вертикальную красную линию. Я так понял надо копать в сторону QStyleOptionSlider + QStylePainter но поизучав доку чего либо внятного по своему вопросу не нашел

@RazrFalcon · 18.04.2014, 21:56

Вот один из вариантов: http://qt-project.org/doc/qt-4... tyles.html

А вот пример как нарисовать скролбар самому с нуля:

C++ (Qt)

void ScrollBar::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
 
    QStyleOptionSlider opt;
    opt.initFrom(this);
 
    opt.state &= ~QStyle::State_HasFocus;
 
    opt.rect = rect();
    if (isEnabled())
        opt.state |= QStyle::State_Enabled;
    opt.orientation = (orientation() == Qt::Vertical) ? Qt::Vertical : Qt::Horizontal;
 
    if (orientation() == Qt::Horizontal)
        opt.state |= QStyle::State_Horizontal;
    else
        opt.state &= ~QStyle::State_Horizontal;
 
    opt.sliderValue = value();
    opt.sliderPosition = opt.sliderValue;
    opt.pageStep = pageStep();
    opt.minimum = 0;
    opt.maximum = qMax(0, maximum());
    QApplication::style()->drawComplexControl(QStyle::CC_ScrollBar, &opt, &painter, this);
}

@Кудаив · 20.04.2014, 21:34 **[ТС]**

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

C++ (Qt)

void Claszz::paintEvent(QPaintEvent* e)
{
   QPainter p;
 /*рисование линии*/
 QSlider::paintEvent(e);
}

то есть такая фигня, что если сабконтроллы слайдера стилизованны - бэкграунд и прочее прочее, то отрисованной линии не видно - родительский paintEvent рисуется поверх моей линии, если же делать

C++ (Qt)

void Claszz::paintEvent(QPaintEvent* e)
{
 QSlider::paintEvent(e);
   QPainter p;
 /*рисование линии*/
}

то линия рисуется поверх хэндла...

я пошел по пути следующему

C++ (Qt)

 void paintEvent(QPaintEvent *event)
    {
        Q_UNUSED(event);
        QStylePainter painter(this);
 
        // groove & ticks
        QStyleOptionSlider opt;
        initStyleOption(&opt);
        opt.sliderValue = 0;
        opt.sliderPosition = 0;
        opt.subControls = QStyle::SC_SliderGroove | QStyle::SC_SliderTickmarks;
        painter.drawComplexControl(QStyle::CC_Slider, opt);
 
        QPoint center = rect().center();
        QPoint top = QPoint(center.x(), center.y() + 20);
        QPoint bottom = QPoint(center.x(), center.y() - 20);
        painter.setPen(Qt::red);
        painter.drawLine(top, bottom);
 
        opt.subControls = QStyle::SC_SliderHandle;
        opt.activeSubControls = QStyle::SC_SliderHandle;
        painter.drawComplexControl(QStyle::CC_Slider, opt);
 
    }

и думалось мне что все удасться, однако при прорисовки хэндла перерисовывается все остальные сабконтроллы - я в смятении

@RazrFalcon · 20.04.2014, 21:41

Эм... я не понял в чем проблема. У меня ваш код рисует красную линию. Что вас не устраивает?

@Кудаив · 21.04.2014, 13:27 **[ТС]**

ок, полный код

CustomSlider.h

C++ (Qt)

#include <QSlider>
#include <QStylePainter>
 
class CustomSlider : public QSlider
{
    Q_OBJECT
public:
    CustomSlider(QWidget *parent = 0): QSlider(Qt::Horizontal, parent)
    {
        setStyleSheet("QSlider{background-color: blue;}"
             "QSlider::groove:horizontal { background: red;   position: absolute; left: 4px; right: 4px; height: 10px;}"
             "QSlider::handle:horizontal {height: 10px; background: green;margin: 0 -4px; border-radius: 4px;}"
             "QSlider::add-page:horizontal {background: white;}"
             "QSlider::sub-page:horizontal {background: pink;}"
                 );
    }
 
    void paintEvent(QPaintEvent *event)
    {
        QSlider::paintEvent(event);
 
        QStylePainter painter(this);
        QPoint center = rect().center();
        QPoint top = QPoint(center.x(), center.y() + 20);
        QPoint bottom = QPoint(center.x(), center.y() - 20);
        painter.setPen(Qt::red);
        painter.drawLine(top, bottom);
    }
};

main.cpp

C++ (Qt)

#include "CustomSlider.h"
#include <QApplication>
 
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    CustomSlider sl;
 
    sl.show();
    
    return a.exec();
}

и попробуйте в paintEvent родительский paintEvent ставить либо в конец либо в начало тела функции

Добавлено через 8 минут
а потом поменяйте тело функции на то что с отрисовкой через QStylePainter + QStyleOptionSlider

Добавлено через 15 часов 32 минуты
собственно проблема решается - если бэкграунд не стилизуется, отсюда выход - бэкграунд виджета на котором рисуется кастомный слайдер стилизуем, бэкграунд слайдера - делаем прозрачным - отрисовка корректная

@Кудаив 419 / 418 / 72 Регистрация: 27.05.2012 Сообщений: 1,168
		1
	Рисование на сабконтролере 18.04.2014, 20:57. Показов 2093. Ответов 4 Метки нет (Все метки) Доброй ночи форумчане! Есть ли возможность рисовать на сабконтроллере виджета - например я хочу нарисовать посреди groove горизонтального слайдера вертикальную красную линию. Я так понял надо копать в сторону QStyleOptionSlider + QStylePainter но поизучав доку чего либо внятного по своему вопросу не нашел 0

@RazrFalcon 1403 / 1260 / 262 Регистрация: 10.11.2013 Сообщений: 3,763
	20.04.2014, 21:41	4
	Эм... я не понял в чем проблема. У меня ваш код рисует красную линию. Что вас не устраивает? 0

	21.04.2014, 13:27