前文链接:QGraphicsView实现简易地图8『缓存视口周边瓦片』
前一篇文章解决了地图平移时,瓦片加载可能延时的问题,但是地图缩放仍然有延时,此时会先呈现蓝色空白背景,而后瓦片加载的现象。为此,需要在地图缩放时立刻加载缩放前的地图缩略图,而缩略图的范围则用视口及周边瓦片构成的区域即可,以此实现类似渐进式加载的效果。
1、动态演示效果
2、层级缩放显示底图代码
void MapView::scaleSceneBackground(double scale)
{
// 设置底图,移动底图位置
QString appPath = QApplication::applicationDirPath();
QString dirPath = QString("%1/MapData/GaoDeMap/Map/MapPng/L0%2").arg(appPath).arg(scale == 2 ? m_curLevel : m_curLevel + 2);
m_bgPixmap = QPixmap(m_viewAndAroundTileRect.size() * PIXMAP_SIZE);
m_painter.begin(&m_bgPixmap);
for (int row = m_viewAndAroundTileRect.top(); row <= m_viewAndAroundTileRect.bottom(); ++row)
{
for (int col = m_viewAndAroundTileRect.left(); col <= m_viewAndAroundTileRect.right(); ++col)
{
QString fileName = dirPath % "/Map_" % QString::number(row + 1).rightJustified(2, '0') % "-" % QString::number(col + 1).rightJustified(2, '0') % ".png";
QPixmap pixmap(fileName);
m_painter.drawPixmap((col - m_viewAndAroundTileRect.x()) * PIXMAP_SIZE, (row - m_viewAndAroundTileRect.y()) * PIXMAP_SIZE, PIXMAP_SIZE, PIXMAP_SIZE, pixmap, 0, 0, PIXMAP_SIZE - 1, PIXMAP_SIZE - 1);
}
}
m_painter.end();
m_bgPixmap = m_bgPixmap.scaled(m_bgPixmap.size() * scale, Qt::KeepAspectRatio, Qt::SmoothTransformation);
m_bgItem->setPixmap(m_bgPixmap);
m_bgItem->setPos(m_viewAndAroundTileRect.x() * scale * PIXMAP_SIZE, m_viewAndAroundTileRect.y() * scale * PIXMAP_SIZE);
}