QGraphicsView实现简易地图9『层级缩放显示底图』

前文链接: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);
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

浮生卍流年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值