Python实现简单的ui界面设计(小白入门)

引言:

当我们书写一个python程序时,我们在控制台输入信息时,往往多有不便,并且为了更加美观且直观的方式输入控制命令,我们常常设计一个ui界面,这样就能方便执行相关功能。如计算器、日历等界面。

正文:

我们在使用python语言编写程序时,需要使用的包有pyside6,PyQt6等,我在后续程序中使用的是pyside6,个人也比较推荐pyside6,使用这个模块能够满足大多数图形化界面设计的需求。

本博客是为了给ui设计的小白进行讲解,所以界面设计的并不繁杂。

以下即是设计步骤:

1.首先我们需要安装需要的包pyside6(可以直接""pip install pyside6"",或者在pycharm的程序中直接下载·)

2.在程序的开头,引用包里所需要的模块

3.画出整个页面的框架

4.画出需要的页面内容,如按钮,文本框等

程序如下:

复制代码
from PySide6.QtWidgets import *

def buttonhadler():   #按键处理函数
    info = textinput.toPlainText()
    print(info)

app=QApplication([])

window = QMainWindow()
window.resize(500,600)
window.move(200,200)  #设置窗口所在的位置
window.setWindowTitle("for you")


textinput = QTextEdit(window,)  #文本输入区域
textinput.setPlaceholderText("safe")
textinput.resize(400,450)
textinput.move(10,10)


button = QPushButton('me',window,)
# button.resize(20,20)
button.move(460,300)   #设置按钮所在的位置
button.clicked.connect(buttonhadler)



window.show()


app.exec()  #为了保证页面能够不闪退

以上就可以实现页面的设计:

当然此时,有人会提出疑问,这样的设计总是需要试错每个模块所在的位置和大小,十分繁琐,有没有办法直接有一个类似于电路设计的模块化软件呢?

答案是有!

当我们在下载pyside6的时候,就下载了相关的软件,即designer.exe

就在pyside6的所在路径下。

打开之后页面如下:

使用此软件进行绘制,所需要的页面,以下是组件:

这里可以调整布局:如垂直布局、水平布局等:

这里则是每个组件的管理模块,可以在这里设置相关属性(长、宽等)

相关推荐
u0109147606 小时前
CSS组件库如何快速扩展_通过Sass @extend继承基础布局
jvm·数据库·python
baidu_340998826 小时前
Golang怎么用go-noescape优化性能_Golang如何使用编译器指令控制逃逸分析行为【进阶】
jvm·数据库·python
m0_678485456 小时前
如何利用虚拟 DOM 实现无痕刷新?基于 VNode 对比的状态保持技巧
jvm·数据库·python
不吃香菜学java6 小时前
Redis的java客户端
java·开发语言·spring boot·redis·缓存
qq_342295826 小时前
CSS如何实现透明背景效果_通过RGBA色彩模式控制透明度
jvm·数据库·python
TechWayfarer6 小时前
知乎/微博的IP属地显示为什么偶尔错误?用IP归属地查询平台自检工具3步验证
网络·python·网络协议·tcp/ip·网络安全
Greyson17 小时前
CSS如何处理超长文本换行问题_结合word-wrap属性
jvm·数据库·python
justjinji7 小时前
如何批量更新SQL数据表_使用UPDATE JOIN语法提升效率
jvm·数据库·python
小江的记录本7 小时前
【网络安全】《网络安全常见攻击与防御》(附:《六大攻击核心特性横向对比表》)
java·网络·人工智能·后端·python·安全·web安全
贵沫末7 小时前
python——打包自己的库并安装
开发语言·windows·python