如何为图形GUI中显示的项目创建炫酷的“镜像”效果？

Question

我有一个QGraphicsScene，我在场景中添加了几个QGraphicsItem。添加到场景中的所有项目都是QGraphicsPixmapItem。

我希望输出显示的场景对添加到场景中的每个项目具有“镜像”视觉效果。我希望“镜像”视觉效果能够在显示相册时对iTunes镜像产生影响：

Example "mirror" effect from http://www.steelskies.com/site/images/iTunesBrowserThumb.jpg

（注意：上面看到的图片来自“CoverFlow company website”。CoverFlow是我认为实现iTunes相册显示“镜像”视觉效果的人。）

请注意此场景中的每个项目下方都有一个镜像。

如何为每件商品创建这种“镜像”视觉效果（如屏幕截图所示）？

Answer 1

我想我就是这样做的。我想根据评论，这对你也有好处。

我只需使用QPainter从原始图像创建反射镜像，然后将两者合并（再次使用QPainter）。生成的图像是使用QGraphicsPixmapItem显示的图像。在下面的代码中，我创建了镜像的反射镜像版本。您需要做的就是调整参数并合并。

#include <QApplication>
#include <QLabel>
#include <QPixmap>
#include <QPainter>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    // Just to show the original image.
    QLabel label;
    QImage original(<place_an_image_path_here>);
    label.setPixmap(QPixmap::fromImage(original));
    label.show();

    // Create the gradient that will be placed over the image.
    QPoint start(0, 0);
    QPoint end(0, original.height());
    QLinearGradient gradient(start, end);
    gradient.setColorAt(0.0, Qt::white);
    gradient.setColorAt(0.5, Qt::black);

    // Create the mask to be used on the mirrored image.
    QImage mask(original.size(), original.format());
    QPainter painter(&mask);
    // You may want to add additional opacity according
    // to the sample image shown.
    painter.setOpacity(0.8);
    painter.fillRect(original.rect(), gradient);
    painter.end();

    // Create the mirrored reflection.
    QImage reflection = original.mirrored();
    reflection.setAlphaChannel(mask);

    // Just to show the result.
    QLabel labelReflection;
    labelReflection.setPixmap(QPixmap::fromImage(reflection));
    labelReflection.show();

    return a.exec();
}

您可以在QGraphicsPixmapItem中加载生成的图像（两者合并的结果），然后您可以继续应用所需的所有转换。

编辑：我忘了您可能还想设置额外的不透明度，因为提供的图像似乎可以。我没试过，但也许可以使用QPixmaps做同样的事情。这应该可以提高性能，甚至可以根据您使用的平台和油漆引擎加速绘画。

EDIT2：根据要求，这是我的测试代码的输出： （我希望这张图片不受某些版权或类似情况影响，我试图检查但没有写入任何内容）