6

假设我有一个线性渐变,如图所示:

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 回答 4

9

我将渐变的颜色存储在一个 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);
}
于 2015-03-26T14:01:39.467 回答
5

Mason Zhang 的回答确实有效,而且非常好!让 controlPoints() 返回 a QMap<qreal,QColor>,其键值在 0.0 和 1.0 之间。这是我的做法(感谢 Mason Zhang)

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>() ;
}
于 2011-09-26T08:00:43.923 回答
3

只有一种方法可以做到:

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 处的颜色。

所以返回的颜色是你正在寻找的颜色。

于 2011-03-18T17:21:15.703 回答
1

QVariantAnimation 也有类似的功能,QVariantAnimation::keyValueAt 可以返回你需要的值。你可以进入 QVariantAnimation 的代码,看看 keyValueAt 是如何工作的。

于 2010-07-22T09:35:46.427 回答