QGraphicsScene 像素图网格视图

Question

我想实现像素图的“网格视图”。这就是我希望 UI 的行为方式：单击一个按钮，它会显示一个带有 QGraphicsScene 的 QGraphicsView（完成），然后我想在网格视图中显示我的所有 QPixmap。我实际上不想看到网格，我只想组织像素图，例如 10 列（像素图）。行，然后每个像素图之间有 10 像素的空白。 （未完成）。这将如何实施？ 编辑：这是我到目前为止所做的（产生第二条评论中描述的结果）

public SpriteScene() {
    super(0, 0, 800, 500);

    QPixmap[] sprites = GUI.getWInterface().sprites;
    List<QPixmap> l = Arrays.asList(sprites);
    Iterator<QPixmap> i = l.iterator();
    int rows = 10 / sprites.length;
    boolean isDone = false;

    for(int y = 0; y < rows; y++) {
        for(int x = 0; x < 10; x++) {
            if(i.hasNext()) {
                QGraphicsPixmapItem pixmap = addPixmap(i.next());

                pixmap.setPos(x * 64 + 10 , y * 64 + 10);
            } else {
                isDone = true;
                break;
            }
        }

        if(isDone) {
            break;
        }
    }
}

SpriteScene 扩展了 QGraphicsScene 并被添加到 QGraphicsView 中，如下所示：

spriteView = new QGraphicsView(new SpriteScene(), this);
spriteView.setGeometry(0, 35, 850, 550);
spriteView.setAlignment(new Qt.AlignmentFlag[]{Qt.AlignmentFlag.AlignLeft, Qt.AlignmentFlag.AlignTop});
spriteView.hide();

哦，顺便说一下每个像素图是 64x64 像素:)

Answer 1

pixmap.setPos(x * 64 + 10 , y * 64 + 10);

将前几个值写在纸上：

x = 0, y = 0 => pos = ( 10, 10)
x = 1, y = 0 => pos = ( 74, 10)
x = 2, y = 0 => pos = (138, 10)

每个连续的 x 偏移之间仅存在 64 像素的差异。您需要 74 像素 - 像素图的大小加上边框的大小。

为图像设置一些变量，包括高度、水平和垂直间距，您的代码应如下所示：

pixmap.setPos(x * (width+hspacing) + offsetx, y * (height+vspacing) + offsety);

如果 Offsetx/y 是获取网格的相应间距值的一半，那么它们可能看起来会更好“居中”。