pythonQWidget父子关系，控件显示优先级原理剖析与应用实战演练

见贤思齐

✨✨欢迎大家来到景天科技苑✨✨🎈🎈养成好习惯，先赞后看哦~🎈🎈🏆作者简介：景天科技苑🏆《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。🏆《博客》：Python全栈，前后端开发，小程序开发，云原生K8S，人工智能，js逆向，App逆向，网络系统安全，数据分析，PyQt5，tkinter，Django，fastapi，flask等框架，linux，shell脚本等实操经验，网站搭建，数据库等分享。所属的专栏：PyQt5桌面应用开发，零基础到进阶应用实战景天的主页：景天科技苑文章目录QWidget父子关系1.QWidget父子关系常用API2.QWidget父子关系代码展示3.QWidget父子关系实战案例QWidget层级显示控制1.正常情况下，多个控件，下方代码展示在最顶层2.层级控制实战案例QWidget父子关系在Qt中，QWidget及其子类是用于界面构建的基本单元。每个QWidget对象都可以有一个父对象，而在这个父对象的children()列表中，也能找到这个子对象。当父对象被销毁时，它的所有子对象也会被销毁。1.QWidget父子关系常用APIchildAt(x,y)函数可以根据传入的坐标参数获取该QWidget中位于该坐标位置的子QWidget，如果该位置没有子QWidget则返回None。x,y是相对于窗口的坐标parentWidget()函数可以获取当前QWidget的父QWidget，如果没有父QWidget则返回None。通过这个函数可以遍历组成QWidget树的所有QWidget。childrenRect()函数可以获取该QWidget中所有子QWidget的组合边界矩形（boundingrectangle），该矩形包括所有子QWidget的位置和大小。可以利用这个函数来计算一个QWidget内所有子QWidget的相对位置和大小，方便进行布局和重绘。2.QWidget父子关系代码展示#0.导入需要的包和模块fromPyQt5.Qtimport*importsys#1.创建一个应用程序对象app=QApplication(sys.argv)#2.控件的操作#2.1创建控件window=QWidget()#2.2设置控件window.setWindowTitle("QWidget父子关系")window.resize(500,500)#在窗口里面添加三个标签子控件label1=QLabel(window)#label1.setParent()label1.setText("标签01")label1.move(200,200)label2=QLabel(window)#label1.setParent()label2.setText("标签02")label2.move(50,50)label3=QLabel(window)#label1.setParent()label3.setText("标签03")label3.move(100,100)#查看(255,255)这个位置是否有子控件print(window.childAt(55,55))#打印某控件的父QWidgetprint(label2.parentWidget())#获取该QWidget中所有子QWidget的组合边界矩形（boundingrectangle），该矩形包括所有子QWidget的位置和大小print(window.childrenRect())#2.3展示控件window.show()#3.应用程序的执行,进入到消息循环sys.exit(app.exec_())123456789101112131415161718192021222324252627282930313233343536373839404142434445可以根据API获取子控件，判断某控件的父控件，子控件所在位置能画出的矩形等。3.QWidget父子关系实战案例要求：创建一个窗口,包含若干Label控件点击哪个标签,就让哪个标签背景变红使用父控件处理,不要使用自定义QLabel子类#0.导入需要的包和模块fromPyQt5.Qtimport*importsys#老式的自定义类点击改变背景颜色#classLabel(QLabel):#defmousePressEvent(self,QMouseEvent):#self.setStyleSheet("background-color:red;")#根据父子关系。只有点击到子控件，才让子控件背景色变红classWindow(QWidget):#重写父对象的鼠标点击事件，来接收子控件传递来的事件消息defmousePressEvent(self,evt):local_x=evt.x()local_y=evt.y()#根据鼠标位置，查找是否有子控件sub_widget=self.childAt(local_x,local_y)#如果有，九江子控件背景颜色设为红色ifsub_widget:sub_widget.setStyleSheet("background-color:red;")print("被点击了",local_x,local_y)#1.创建一个应用程序对象app=QApplication(sys.argv)#2.控件的操作#2.1创建控件window=Window()#2.2设置控件window.setWindowTitle("父子关系案例")window.resize(500,500)#循环创建几个子标签#默认点击标签，标签并没有对事件进行处理。所以会向父对象传递，我们在父对象里面重写了mousePressEvent事件，来处理点击逻辑foriinrange(1,5):label=QLabel(window)label.setText("标签"+str(i))label.move(40*i,40*i)#2.3展示控件window.show()#3.应用程序的执行,进入到消息循环sys.exit(app.exec_())1234567891011121314151617181920212223242526272829303132333435363738394041424344454647鼠标点到哪个控件。哪个控件变红QWidget层级显示控制在PyQt中，QWidget的层级控制允许对不同的QWidget进行层级关系的调整，从而决定它们在屏幕上的显示顺序。以下是一些用于层级控制的常用API：lower()函数可以将一个QWidget置于其兄弟QWidget的底部，即降低其显示级别。raise_()函数可以将一个QWidget置于其兄弟QWidget的顶部，即提高其显示级别。a.stakUnder(b)函数可以将QWidgeta置于QWidgetb的面。注意：以上以上操作专指同级控件1.正常情况下，多个控件，下方代码展示在最顶层#0.导入需要的包和模块fromPyQt5.Qtimport*importsys#1.创建一个应用程序对象app=QApplication(sys.argv)#2.控件的操作#2.1创建控件window=QWidget()#2.2设置控件window.setWindowTitle("层级关系调整")window.resize(500,500)label1=QLabel(window)label1.setText("标签1")label1.resize(200,200)label1.setStyleSheet("background-color:red;")label2=QLabel(window)label2.setText("标签2")label2.resize(100,100)label2.setStyleSheet("background-color:green;")label2.move(100,100)#2.3展示控件window.show()#3.应用程序的执行,进入到消息循环sys.exit(app.exec_())123456789101112131415161718192021222324252627282930313233运行：通过运行结果我们看出：哪个控件后展示，它的级别就越高。标签2在标签1的下方写的代码。标签2将与标签1重叠部分遮挡。标签2的级别比标签1高。使用上述的API将标签2置于底层label2.lower()#将标签2置于底层#或#label1.raise_()将标签1置于顶层#或#label2.stackUnder(label1)使标签2的级别低于标签112345可见，标签2被标签1遮挡，标签2的级别小于标签12.层级控制实战案例创建一个窗口，在窗口中创建两个有部分重叠的标签，实现鼠标点击哪个标签，哪个标签就变为顶层。代码展示：#0.导入需要的包和模块fromPyQt5.Qtimport*importsysclassLabel(QLabel):defmousePressEvent(self,evt):#点击哪个控件，就将哪个控件显示为顶层self.raise_()#1.创建一个应用程序对象app=QApplication(sys.argv)#2.控件的操作#2.1创建控件window=QWidget()#2.2设置控件window.setWindowTitle("层级关系调整")window.resize(500,500)label1=Label(window)label1.setText("标签1")label1.resize(200,200)label1.setStyleSheet("background-color:red;")label2=Label(window)label2.setText("标签2")label2.resize(200,200)label2.setStyleSheet("background-color:green;")label2.move(100,100)#label2.lower()#label1.raise_()#label2.stackUnder(label1)#2.3展示控件window.show()#3.应用程序的执行,进入到消息循环sys.exit(app.exec_())12345678910111213141516171819202122232425262728293031323334353637383940点击哪个标签，哪个标签显示到最上面点击红色标签点击绿色标签