PYQT5界面设计

pyqt5界面设计学习

设备:pycharm+python3.6+pyqt5
1,进入qt designer
在pycharm的终端输入后回车:

pyqt5designer

PYQT5界面设计_第1张图片
2,新建一个Widget窗口
窗口尺寸可以自己任意选择,也可以默认,选择完之后会自动弹出窗口;
PYQT5界面设计_第2张图片
3,窗口控件选择
界面左侧是我们需要使用的控件;
PYQT5界面设计_第3张图片
本次我们先练习一个简单的登录界面设计
所以选择以下控件:(控件直接用鼠标左键点中拖拽到窗口里面即可)
Label、pushbutton、textline
PYQT5界面设计_第4张图片
点击修改文字:
PYQT5界面设计_第5张图片
一个简易的登录界面就完成啦!
4,界面修饰
界面这样看上去很是单调,所以我们可以给他化个妆;
页面背景设置:
先给页面加一个Label来放入图片,大小可以自己调整;
选中Label框,右键单击选择Change Styleheet;
选择add resource中的border-image设置;
PYQT5界面设计_第6张图片
添加资源:
PYQT5界面设计_第7张图片
导入资源文件:
PYQT5界面设计_第8张图片
选择qrc文件:
在这里插入图片描述
PYQT5界面设计_第9张图片

选择一张心仪的图片:
PYQT5界面设计_第10张图片
PYQT5界面设计_第11张图片
图片可以根据需求调整到满意的大小
PYQT5界面设计_第12张图片
再来一个Label框加上设计一下:
background-color: rgba(255, 255, 255,0.2);
border-radius:15px;
PYQT5界面设计_第13张图片
然后加上其他控件微调一下即可:
PYQT5界面设计_第14张图片
今天的学习就到这里,有什么问题可以直接百度哦。

你可能感兴趣的:(笔记,pyqt)