如何打造炫酷的“镜子”？对图形 GUI 中显示的项目有何影响？

Question

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

我希望输出显示的场景对于添加到场景中的每个项目都具有“镜像”视觉效果。我希望“镜像”视觉效果在显示专辑时看起来对 iTunes 镜像有一点影响：

（注：上面看到的图片来自"CoverFlow 公司网站”。我认为 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：根据要求，这是我的测试代码的输出：

（我希望这张图片不受某些版权或类似的保护，我试图检查，但什么也没写）