标签：png title 重写 滚动 html frame sni ring htm
简介：在弄一个横版的游戏，需要一个随鼠标左右滑动的功能，最终做了一个拖动的效果。
打算用图片来模拟卷轴大小
来用一个光头的图片来模拟的时候，发现一个问题：
QLabel设置大小无效问题import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QLabel, QFrame
from PyQt5.QtCore import QSize
from PyQt5.QtGui import QPixmap
class War(QMainWindow):
‘‘‘游戏主类‘‘‘
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
self.board = Scroll(self)
# 窗口设置
self.setFixedSize(QSize(720,480))
self.setWindowTitle("原始战争")
self.show()
class Scroll(QFrame):
‘‘‘卷轴测试类‘‘‘
def __init__(self, parent):
super().__init__(parent)
self.lbl = QLabel(self)
self.qpix=QPixmap(sys.path[0]+‘/resource/57001_one_punch_man.jpg‘)
self.lbl.setGeometry(0,0,720,480)
self.lbl.setPixmap(self.qpix)
if __name__ == ‘__main__‘:
app = QApplication([])
war = War()
sys.exit(app.exec_())
看效果
发现图片没有显示出来，只显示在了左上角，其实不是QPixmap的问题，时QLabel大小设置的问题。如果把
self.lbl = QLabel(self)
self.qpix=QPixmap(sys.path[0]+‘/resource/57001_one_punch_man.jpg‘)
self.lbl.setGeometry(0,0,720,480)
self.lbl.setPixmap(self.qpix)这段代码放到War类的initUI()方法下直接调用的话，是可以的，所以问题出在了其他类中的QLable下，初始化QLabel时我用的是self，试着用了下parent就好了。
self.lbl = QLabel(parent)
原因是
QLabel::QLabel(QWidget *parent = nullptr, Qt::WindowFlags f = ...)
第一个参数为父级的QWidget对象。 Qt Documentation - QLabel Class
这个问题是个小插曲，继续做滑动效果，为了方便测试还是在一个类做尝试。
首先选择了好久最后打算用QScrollArea来处理
def initUI(self):
self.lbl = QLabel(self)
self.qpix=QPixmap(sys.path[0]+‘/resource/57001_one_punch_man.jpg‘).scaledToHeight(480)
self.lbl.setGeometry(self.qpix.rect())
self.lbl.setPixmap(self.qpix)
# 添加滚动条，并添加组件
scrollArea = QScrollArea(self)
scrollArea.setWidget(self.lbl)
scrollArea.resize(QSize(720,480))
# 窗口设置
self.resize(QSize(720,480))
self.setWindowTitle("原始战争")self.qpix=QPixmap(sys.path[0]+‘/resource/57001_one_punch_man.jpg‘).scaledToHeight(480)
先把图定高等比例缩放。再添加滚动条。
效果：
鼠标拖动也刚好解决了滑动烦人的速度问题，此处功能以后还可以做RTS用。
在一个论坛看到一篇用C++写的拖动例子，关键在于重载滚动条的事件过滤
bool eventFilter(QObject *o, QEvent *e)
{
if(o!=l)
return QScrollArea::eventFilter(o,e);
if(e->type()==QEvent::MouseButtonPress)
{
m_prev = ((QMouseEvent*)e)->pos();
this->prev_diff.setX(0);
this->prev_diff.setY(0);
return true;
}
if(e->type()==QEvent::MouseMove)
{
QPoint pt = ((QMouseEvent*)e)->pos();
this->diff = pt-m_prev-prev_diff*n;
m_prev = pt;
horizontalScrollBar()->setValue(horizontalScrollBar()->value()+diff.x()*n);
verticalScrollBar()->setValue(verticalScrollBar()->value()+diff.y()*n);
qDebug()<<"("+QString::number(diff.x())+","+QString::number(diff.y())+")";
this->prev_diff=diff;
return true;
}
return QScrollArea::eventFilter(o,e);
}
改了一下：
import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QLabel, QFrame, QScrollArea, QWidget, QVBoxLayout, QHBoxLayout, QScrollBar, QAbstractScrollArea
from PyQt5.QtCore import QSize, Qt, QEvent, QPoint
from PyQt5.QtGui import QPixmap
class War(QMainWindow):
‘‘‘游戏主类‘‘‘
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
self.lbl = QLabel(self)
self.qpix=QPixmap(sys.path[0]+‘/resource/57001_one_punch_man.jpg‘).scaledToHeight(480)
self.lbl.setGeometry(self.qpix.rect())
self.lbl.setPixmap(self.qpix)
print(self.lbl)
# 添加滚动条，并添加组件
scrollArea = ScrollArea(self)
scrollArea.setWidgetResizable(True)
#scrollArea.setBackgroundRole(QPalette::Dark);
scrollArea.setVerticalScrollBarPolicy(Qt.ScrollBarAlwaysOff) # 隐藏滚动条
scrollArea.setHorizontalScrollBarPolicy(Qt.ScrollBarAlwaysOff)
scrollArea.setWidget(self.lbl)
scrollArea.resize(QSize(720,480))
# 窗口设置
self.resize(QSize(720,480))
self.setWindowTitle("原始战争")
#self.scroll(400,200)
#self.update()
class ScrollArea(QScrollArea):
‘‘‘重载滚动条类‘‘‘
def __init__(self, parent):
super().__init__(parent)
self.n=0.8
self.m_prev = QPoint()
self.diff = QPoint()
self.prev_diff = QPoint(0, 0)
self.widget = None
def setWidget(self, w):
‘‘‘设置区域部件时，对象赋值‘‘‘
super().setWidget(w)
self.widget=w
self.widget.installEventFilter(self)
def eventFilter(self,obj,evt):
‘‘‘事件过滤‘‘‘
#print(QScrollArea.widget(self),obj)
if(obj!=self.widget):
return super().eventFilter(obj,evt)
if(evt.type()==QEvent.MouseButtonPress):
self.m_prev = evt.pos()
self.prev_diff.setX(0)
self.prev_diff.setY(0)
# 鼠标移动
# MouseMove为鼠标拖动效果，鼠标滑动是ToolTip
if(evt.type()==QEvent.MouseMove):
#print(evt.pos())
pt = evt.pos()
self.diff = pt-self.m_prev-self.prev_diff*self.n
self.diff = -1*self.diff
print(‘diff x :‘,self.diff.x())
self.m_prev = pt
print(self.horizontalScrollBar().value()+self.diff.x()*self.n,‘--‘)
self.horizontalScrollBar().setValue(self.horizontalScrollBar().value()+self.diff.x()*self.n)
# horizontalScrollBar().setValue(horizontalScrollBar().value()+self.diff.x()*self.n);
# verticalScrollBar()->setValue(verticalScrollBar()->value()+diff.y()*n); # 竖向暂时不需要移动
self.prev_diff=self.diff;
return True
return QScrollArea.eventFilter(self,obj, evt)
if __name__ == ‘__main__‘:
app = QApplication([])
war = War()
war.show()
sys.exit(app.exec_())最终界面效果：
QT做的太好了，看C++文档和代码，一般理解了都可以无缝用PY重写。
以为俩小时能搞好的，搞了一天。英语还是很重要，就是没动力学 嗝。
最佳实践就是动手去做，在实战中学习、成长，而不是等所有的都准备好之后再开始。这两天园子首页的推荐彼之蜜糖，吾之砒霜——聊聊软件开发中的最佳实践
标签：png title 重写 滚动 html frame sni ring htm
原文地址：https://www.cnblogs.com/warcraft/p/9464100.html
