文章目录
效果展示:
一、安装及常见指令
1.1 安装
pip install pyside6
然后去这儿添加进Pycharm:
注意exe的路径在你虚拟环境里面:
理论上讲啊,不管Pycharm单独下载pyside6也可以,有兴趣可以去研究。
1.2 转换指令
(1)ui -> py
注意路径要对,我是已经在这个文件夹里面了,所以直接输入相对路径即文件名来转换:
pyside6-uic faculty.ui -o faculty.py
(2)qrc -> py
pyside6-rcc pics.qrc -o pics_rc.py
这两个指令有什么用后面就知道了。
二、设计UI
这部分我就不说多了,拖拉拽的东西,大家发挥创造力自己设计吧。
2.1 类别
类别太多了我也分不清有啥区别,简单说下一下:
layouts、containers都是容器,其他我后面会提到的都属于物件。容器里可以套容器,也可以存放物件。这种设计是为了让排版更方便。
这些东西之间有什么区别,自己拖出来看看就知道了。
反正大概来说,layouts排得更整齐,container更灵活。
2.1.1 Spacer
用来占空间的,因为你直接调长宽有的时候不方便,就拖点spacer出来产生空格,spacer调整长宽很方便,留白。
2.1.2 Buttons
按钮,看样子也知道分别是什么按钮了。按钮因为会和函数挂钩,算是非常重要的物件了。
如果你只需要一些简单的功能,那么可以在左下角这里添加,具体怎么用的摸索一下就行了:
但是如果你设计的函数非常复杂,就必须去python里写了,之后再说。
2.1.3 Input Widgets
所有的输入物件都在这里,也比较重要,因为会和传参挂钩,建议仔细研究。
2.1.4 Display Widgets
顾名思义是给人看的,你如果有一些东西是放在界面上当标识的,就从这里拖。一般是label。
2.1.5 注意事项
我这里只提醒1点,容器千万要一开始就设计好,后面再改排版布局非常麻烦,因为你所有物件都是往容器里拖的,容器一变啥都变了。不是很清楚有没有快速更换容器的方法。
2.2 对象和属性
这部分太多了,我也只选重要的讲一讲。
2.2.1 对象
这里可以看到层级结构,如果发现层级结构错了,即物品没有在你想要的容器里,赶紧改吧。
这里选择物件也很方便,有时UI设计重叠起来,或者是翻页设计,你从窗口那是点不到的,只有从这里点。
然后最重要的,记得改名,尽量所有对象都改个名!!不然之后进python人直接麻了,根本分不清谁是谁,比如你想指定某个button,结果全是button1,button2,button3。
2.2.2 属性
2.2.2.1 属性的层级结构
我这里选中了一个按钮,看看他的属性:
它的属性被分成了4大类,这是什么意思?我举个例子。
我是个中国成都人,如果把我的属性也分成四大类,就是:地球人属性、中国人属性、四川人属性、成都人属性。
2.2.2.2 重要的属性
首先所有属性你肯定都得看一遍吧,什么大小、字体啥的。
我这里选一些你平常用别人的软件觉得很自然,但自己设计可能会忽略的属性:
-
cursor:鼠标悬浮上去出现的手势;
-
toolTip:鼠标悬浮上去出现的提示性文字;
-
然后最重要的styleSheet(直接对着物件右键点击“改变样式表”也可以):
styleSheet使用的好像是前端语法?反正我建议直接搜索,然后抄,因为一点提示没有,根本不知道改写啥进去。
下面这个是我给按钮用的样式,就和我们win10效果一样的,我讲一下:
QPushButton
{
text-align : center;
font