前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >PyQt 编程入门(二)

PyQt 编程入门(二)

作者头像
用户6021899
发布2019-08-14 17:42:40
7540
发布2019-08-14 17:42:40
举报

本例讲解标签和按钮的简单用法。程序的显示效果如下图。可以点击按钮切换图像。

代码如下,讲解详见注释。

# _*_ coding:utf-8_*_ import sys from PyQt5 import QtGui, QtWidgets

class MyWidget(QtWidgets.QWidget):#创建一个QWidget的 子类 def __init__(self,parent = None):#初始化函数 super().__init__(parent)#调用基类的初始化函数 self.initUI()

def initUI(self):

lable0 = QtWidgets.QLabel(u"这是一个文本标签", self) #创建一个文本标签, self (MyWidget实例)为父控件 lable0.move(100,20) #标签移动到父控件的x=100,y=20坐标处 (左上角为基准点) self.photos = ["ICON/1.png","ICON/2.png","ICON/3.png","ICON/4.png"] #图片路径list btn1 = QtWidgets.QPushButton(u"切换头像",self)#创建一个按钮,同时设置按钮上的文字 btn1.move(50,50)#标签移动到父控件的x=50,y=50坐标处 btn1.clicked.connect(self.changePhoto)#连接按扭btn1的单击事件与self (MyWidget实例)的响应函数

self.lable1 = QtWidgets.QLabel(self) #创建一个空的标签,self (MyWidget实例)为父控件 self.index1 = 0 self.lable1.setPixmap(QtGui.QPixmap(self.photos[self.index1]))#创建一个QPixmap对象,将其设为标签的图像 self.lable1.move(20,100)

#这两段注释同上,故省略 self.pets = ["ICON/andriod.png", "ICON/dog1.png", "ICON/dog2.png", "ICON/pig1.png"]#图片路径list btn2 = QtWidgets.QPushButton(u"切换宠物",self) btn2.move(220,50) btn2.clicked.connect(self.changePet)

self.lable2 = QtWidgets.QLabel(self) self.index2 = 0 self.lable2.setPixmap(QtGui.QPixmap(self.pets[self.index2])) self.lable2.move(200,100)

self.setGeometry(500,300,380,250)# 设置坐标x, y 以及宽和高。.move() 和.resize() 的综合 self.setWindowTitle(u'标签、按钮和图像')#设置self (MyWidget实例)的窗口标题

def changePhoto(self):#第1个按钮的响应 self.index1 = (self.index1 +1 ) % len(self.photos) # 索引切换到下一个,若结束了则回到最初 self.lable1.setPixmap(QtGui.QPixmap(self.photos[self.index1]))# #创建一个QPixmap对象,将其设为标签的图像 def changePet(self):#第2个按钮的响应 self.index2 = (self.index2 +1 ) % len(self.pets) self.lable2.setPixmap(QtGui.QPixmap(self.pets[self.index2]))

if __name__== '__main__': app=QtWidgets.QApplication(sys.argv) widget= MyWidget() widget.show() #显示到屏幕 sys.exit(app.exec_())

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-01-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Python可视化编程机器学习OpenCV 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
区块链
云链聚未来,协同无边界。腾讯云区块链作为中国领先的区块链服务平台和技术提供商,致力于构建技术、数据、价值、产业互联互通的区块链基础设施,引领区块链底层技术及行业应用创新,助力传统产业转型升级,推动实体经济与数字经济深度融合。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档