Получить промежуточный цвет из градиента - PullRequest
Новая
       31

Получить промежуточный цвет из градиента

4 голосов
/ 22 июля 2010

Скажите, у меня есть градиент лайнера, как показано: 

QLinearGradient linearGrad(QPointF(0, 0), QPointF(0, 100));
linearGrad.setColorAt(1, Qt::red);
linearGrad.setColorAt(0.5, Qt::yellow);
linearGrad.setColorAt(0, Qt::green);

Как получить цвет точки QPointF (0, 28,5) в этом градиенте?

Действительно, я хочу иметь такой вид распределения цвета, чтобы можно было выбирать промежуточные цвета. Мне все равно, если это делается с помощью QLinearGradient или что-то еще.

Ответы [ 4 ]

4 голосов
/ 26 марта 2015

Я сохраняю цвета градиента в одном QList, а затем вычисляю с интерполяцией цвета. 

QColor ColorGradient::getColor(double value)
{
  qDebug()<< "ColorGradient::getColor:";
    //Asume mGradientColors.count()>1 and value=[0,1]
    double stepbase = 1.0/(mGradientColors.count()-1);
    int interval=mGradientColors.count()-1; //to fix 1<=0.99999999;

      for (int i=1; i<mGradientColors.count();i++)//remove begin and end
        {
            if(value<=i*stepbase ){interval=i;break;}
        }
       double percentage = (value-stepbase*(interval-1))/stepbase;
       QColor color(interpolate(mGradientColors[interval],mGradientColors[interval-1],percentage));        
       return color;
}
QColor ColorGradient::interpolate(QColor start,QColor end,double ratio)
{
    int r = (int)(ratio*start.red() + (1-ratio)*end.red());
    int g = (int)(ratio*start.green() + (1-ratio)*end.green());
    int b = (int)(ratio*start.blue() + (1-ratio)*end.blue());
    return QColor::fromRgb(r,g,b);
}
3 голосов
/ 18 марта 2011

Есть только один способ сделать это:

В классе QPixmap есть статический член
QPixmap QPixmap::grabWindow( WId window, int x = 0, int y = 0, int width = -1, int height = -1 )

1) нарисовать свой градиент на виджете;

2) с помощью этой функции захватить поверхность вашего виджета в растровое изображение;WId можно получить от QWidget::effectiveWinId ();

3) преобразовать растровое растровое изображение в QImage (имеется конструктор);

4) int QImage::pixelIndex( int x, int y ) возвращает индекс пикселя в точке (x, y) в таблице цветов QImage.В вашем случае вы должны рассчитать процентное значение от высоты виджета (pWidget->height() / 100 * 28.5).

5) QRgb QImage::color( int i ) возвращает цвет в таблице цветов по индексу i.

Итак, возвращенный цвет - это цвет, который вы искали.

3 голосов
/ 26 сентября 2011

Мейсон Чжан ответ работает, и очень хорошо! Пусть controlPoints () возвращает QMap<qreal,QColor> с ключом от 0,0 до 1,0. Вот как я это сделал (спасибо Мейсону Чжану) 

QColor getColor(qreal key) const
{
    // key must belong to [0,1]
    key = Clip(key, 0.0, 1.0) ;

    // directly get color if known
    if(controlPoints().contains(key))
    {
        return controlPoints().value(key) ;
    }

    // else, emulate a linear gradient
    QPropertyAnimation interpolator ;
    const qreal granularite = 100.0 ;
    interpolator.setEasingCurve(QEasingCurve::Linear) ;
    interpolator.setDuration(granularite) ;
    foreach( qreal key, controlPoints().keys() )
    {
        interpolator.setKeyValueAt(key, controlPoints().value(key)) ;
    }
    interpolator.setCurrentTime(key*granularite) ;
    return interpolator.currentValue().value<QColor>() ;
}
1 голос
/ 22 июля 2010

QVariantAnimation имеет аналогичные функциональные возможности, и QVariantAnimation :: keyValueAt может возвращать нужное вам значение.Вы можете перейти к коду QVariantAnimation и посмотреть, как работает keyValueAt. * ​​1001 *

...