каким способом проще рисовать поверх рисунка, о рисовании в очередной раз Опции

[Litkevich Yuriy]

Хочу сделать графический объект, а внем шкалу заполнения и стрелку указатель заполнения.
выклядеть должно так:

серенькие внутринности должны заливатся начиная снизу, изображая заполнение водой, т.е. это будет не прямоугольник, а полигон.
У меня есть картинки, нарисовал в Inkscape, башенки и стрелочки, хочу их использовать.
Т.к. уровень будет менятся в верх и в низ, нужно чтобы при уменьшении уровня фоновую картинку опять становилось видно, т.е. фон заливки должен поддерживать прозрачность.

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

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

Еще коварный момент, стрелочка должна двигаться вдоль кромки, т.е. ее траектория не прямая линия, а ломаная.

[ViGOur]

т.е. нарисовать все програмно? я думал это сложнее чем заливать полигон поверх рисунка.

Примерно вот так:

void testQtGui::paintrect( QPainter &painter, const QRect &rect, QLinearGradient &gradient)
{
    gradient.setColorAt( 0.0, Qt::white);
    gradient.setColorAt( 0.7, Qt::gray);
    gradient.setColorAt( 1.4, Qt::black);

    QBrush brush(gradient); 
    painter.setBrush( brush);

    painter.drawRect( rect);
}

void testQtGui::paintEvent ( QPaintEvent * event)
{
    QPainter painter( this);

    QRect rect1( 120, 120, 100,200);
    QLinearGradient gradient1( rect1.left(), rect1.top() + rect1.bottom()/2, rect1.right(), rect1.top() + rect1.bottom()/2);

    QRect rect2( 20, 120, 100,200);
    QLinearGradient gradient2( rect2.right(), rect2.top() + rect2.bottom()/2, rect2.left(), rect2.top() + rect2.bottom()/2);
    
    paintrect( painter, rect1, gradient1);
    paintrect( painter, rect2, gradient2);
}

Это я нарисовал только нижнюю часть, верхняя примерно также...