python編程使用PyQt制作預覽窗口游戲中的小地圖
寫作思路
1、簡述實現(xiàn)原理
2、部分代碼解析
3、位置同步解析（①上下兩屏位置同步②編輯屏位置保持不變）
效果圖如下：
版本1：
這就是我們常見的預覽窗口，上面預覽窗口移動/縮放小方框都會導致下面的編輯界面位置發(fā)生變化，同理，下面的編輯界面的移動/縮放也會導致上面的小方框變化，并且上面預覽圖是編輯窗口的同比例縮放
版本2：
在版本1的基礎上，加入了點的刪除和增加，并對畫布進行了擴展，同時保持編輯界面的畫面位置不變
1、簡述實現(xiàn)原理
首先最重要的，要知道我們這些是用QGraphicsView、QGraphicsScene、QGraphicsRectItem 這三個基類實現(xiàn)的
實現(xiàn)方法如下：
①QGraphicsScene.render渲染編輯窗口獲得image，將image按照預覽窗口的比例進行縮放并放入overView
②創(chuàng)建一個矩形框，框是按照編輯器窗口和image的比例進行繪制的
③拖動或者縮放預覽窗口的時候，編輯窗口按照同樣的比例移動縮放，拖動或者縮放預覽窗口的時候同理
2、部分代碼解析
①方框的完整代碼
from PyQt5.QtCore import Qt, QRectF
from PyQt5.QtGui import QBrush, QPainterPath, QPainter, QColor, QPen
from PyQt5.QtWidgets import QGraphicsRectItem, QGraphicsItem
class GraphicsRectItem(QGraphicsRectItem):
def __init__(self, scene, *args):
super().__init__(*args)
self.scene = scene
self.setFlag(QGraphicsItem.ItemIsMovable, True)
self.setFlag(QGraphicsItem.ItemIsSelectable, True)
self.setFlag(QGraphicsItem.ItemSendsGeometryChanges, True)
self.setFlag(QGraphicsItem.ItemIsFocusable, True)
def shape(self):
path = QPainterPath()
path.addRect(self.rect())
return path
def paint(self, painter, option, widget=None):
# 框選出來的方形
painter.setBrush(QBrush(QColor(0, 0, 0, 0)))
painter.setPen(QPen(QColor(0, 0, 0), 0.1, Qt.SolidLine))
painter.drawRect(self.rect())
x = self.rect().x()
y = self.rect().y()
width = self.rect().width()
height = self.rect().height()
otherColor = QColor(150, 150, 150, 50)
painter.setBrush(QBrush(otherColor))
# 下面這部分代碼是使得小方框以外的地方多一層蒙皮
painter.setPen(QPen(QColor(0, 0, 0, 0), 1.0, Qt.SolidLine))
painter.drawRect(QRectF(x-10000, y, 20000+width, -20000+height)) #上
painter.drawRect(QRectF(x-10000, y+height, 20000+width, 20000+height)) #下
painter.drawRect(QRectF(x, y, -20000, height)) #左
painter.drawRect(QRectF(x+width, y, 20000, height)) #右
painter.setRenderHint(QPainter.Antialiasing)
painter.setBrush(QBrush(QColor(255, 0, 0, 255)))
painter.setPen(QPen(QColor(0, 0, 0, 255), 1.0, Qt.SolidLine, Qt.RoundCap, Qt.RoundJoin))
這就是前面提到的 “item” 《scene view item的使用》，QGraphicsRectItem 也是繼承自QGraphicsItem的，這里的方框就是我們要加到OverView界面中的那個定位方框
②編輯界面
class GraphicsWindow(QGraphicsView):
def __init__(self, parent=None):
super(GraphicsWindow, self).__init__(parent)
......
self.scene = ViewPortGraphScene(self)
self.setScene(self.scene)
......
self.setSceneRect(-1 << 30, -1 << 30, 1 << 31, 1 << 31)
self.setHorizontalScrollBarPolicy(Qt.ScrollBarAlwaysOff)
self.setVerticalScrollBarPolicy(Qt.ScrollBarAlwaysOff)
def addPoint(self, x, y):
self.scene.addEllipse(x, y, 16, 16, QPen(QColor(Qt.red)), QBrush(QColor(Qt.red)))
def mousePressEvent(self, mouseEvent):
......
if mouseEvent.button() == Qt.LeftButton:
if isinstance(self.itemAt(mouseEvent.pos()), QGraphicsEllipseItem):
self.scene.removeItem(self.itemAt(mouseEvent.pos()))
self.parent.changeView()
......
super(GraphicsWindow, self).mousePressEvent(mouseEvent)
class ViewPortGraphScene(QGraphicsScene):
def __init__(self, parent=None):
super(ViewPortGraphScene, self).__init__(parent)
......
def drawBackground(self, painter, rect):
# 自己去畫格子吧 hhh
熟悉的操作：
1、創(chuàng)建scene
2、把scene放到view
3、把item放到scene，其中這里的item是點也就是QGraphicsEllipseItem，也是繼承自QGraphicsRectItem
使屏幕可以拖動： self.setSceneRect(-1 << 30, -1 << 30, 1 << 31, 1 << 31)，因為scene很大，在view里面裝不下，所以就可以拖動啦~
**添加點：**如上的addPoint方法
**刪除點：**如上的mousePressEvent方法，其中self.itemAt(mouseEvent.pos())可以獲取當前鼠標位置是什么東西
③預覽窗口
class OverViewGraphicsWindow(QGraphicsView):
def __init__(self, parent=None):
super(OverViewGraphicsWindow, self).__init__(parent)
......
self.scene = OverViewGraphScene(self)
self.item = GraphicsRectItem(self.scene, 0, 0, 50, 25)
self.scene.addItem(self.item)
......
......
class OverViewGraphScene(QGraphicsScene):
def __init__(self, parent=None):
super(OverViewGraphScene, self).__init__(parent)
同樣的套路：
1、創(chuàng)建scene
2、把scene放到view
3、把item放到scene，其中這里的item是點也就是QGraphicsRectItem，繼承自QGraphicsRectItem
3、位置同步解析
①上下兩屏位置同步、編輯屏位置保持不變
1、兩個pyqtSignal 分別去響應上下兩個屏幕的移動和縮放
2、scene的的左上角到當前屏幕中心的長寬來定位（主要用到scene.itemsBoundingRect()、view.mapToScene()、view.mapFromScene()這幾個方法），屏幕中心的scene位置可以通過編輯窗口長寬的一半并通過view.mapToScene()來轉化
以上就是python使用PyQt制作預覽窗口游戲中的小地圖的詳細內容，更多關于PyQt制作預覽游戲小地圖窗口的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要為大家介紹了PyTorch搭建LSTM實現(xiàn)時間序列負荷預測，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-05-05
這篇文章主要介紹了python機器學習實戰(zhàn)之最近鄰kNN分類器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
Pytorch實現(xiàn)圖像識別之數字識別(附詳細注釋)
這篇文章主要介紹了Pytorch實現(xiàn)圖像識別之數字識別(附詳細注釋),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-05-05
這篇文章主要介紹了ython數字類型和占位符詳情，文章圍繞主題展開全文詳細內容，需要的小伙伴可以參考一下，希望對你的學習有所幫助2022-03-03
這篇文章主要介紹了利用python?OpenCV去除視頻水印，下面我們將利用視頻的某一幀將圖片的一些污點去掉，代碼先從視頻中導出一幀圖片，然后統(tǒng)計需要刪除按鈕的坐標位置，然后再對視頻中的每一幀圖像做處理的函數,下面操作過程需要的小伙伴可以參考一下2022-02-02
這篇文章主要介紹了python3 爬取圖片的實例代碼,代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-11-11
這篇文章主要為大家詳細介紹了如何基于Python實現(xiàn)有趣的俄羅斯方塊躲閃小游戲，文中的示例代碼講解詳細，感興趣的小伙伴可以跟隨小編一起了解一下2023-04-04
解決python報錯ImportError:urllib3?v2.0?only?supports?OpenSSL
這篇文章主要介紹了解決python報錯ImportError:urllib3?v2.0?only?supports?OpenSSL?1.1.1+的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-12-12
這篇文章主要為大家講解了Python深度學習中線性代數的示例詳解有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步2021-10-10
這篇文章主要為大家介紹了數據驅動測試DDT之Selenium讀取Excel文件，2021-11-11