软件实习项目1——计算器的设计与实现（ui界面设计——calculator.ui，calculator.py）_pyqtdesigner制作计算器

使用 Qt Designer 对计算器的界面进行设计
calculator.ui → calculator.py

拖控件

21个PushButton，1个Label

控件样式设计代码

每一个控件原始状态、鼠标悬停时、点击时的样式都不相同

Label的styleSheet

QLabel{
	background-color: rgb(39, 39, 39);
	color: rgb(255, 255, 255);
	qproperty-alignment: 'AlignVCenter | AlignRight';
	border: 1px solid gray 
}
background-color: black;
1
2
3
4
5
6
7

PushButton(数字、"."、"=")的styleSheet

QPushButton{
	
	background-color: rgb(255, 255, 255);
	border:1px solid gray;
}
QPushButton:hover{
	Background-color:qlineargradient(x1:0,y1:0,x2:0,y2:1,stop:0 #cdced1, stop:1 #f6f7fa);
}
QPushButton:pressed{
	Background-color:qlineargradient(x1:0,y1:0,x2:0,y2:1,stop:0 #f6f7fa, stop:1 #cdced1);
}
1
2
3
4
5
6
7
8
9
10
11

PushButton(“C”、"("、")")的styleSheet

QPushButton{
	background-color:rgb(210,210,210);
	border:1px solid gray;
}
QPushButton:hover{
	background-color:qlineargradient(x1:0,y1:0,x2:0,y2:1,stop:0 #b6b6b6, stop:1 rgb(227, 227, 227));
}
QPushButton:pressed{
	background-color:qlineargradient(x1:0,y1:0,x2:0,y2:1,stop:0 rgb(227, 227, 227), stop:1 #b6b6b6);
}
1
2
3
4
5
6
7
8
9
10

PushButton("+"、"-"、“×”、“÷”、“⬅”)的styleSheet

QPushButton{
	background-color:rgb(255,151,57);
	color:white;
	border:1px solid gray;
}
QPushButton:hover{
	background-color:qlineargradient(x1:0,y1:0,x2:0,y2:1,stop:0 #ffd606, stop:1 #ff8a2b);
}
QPushButton:pressed{
	background-color:qlineargradient(x1:0,y1:0,x2:0,y2:1,stop:0  #FF7832, stop:1 #ffca0c);
}
1
2
3
4
5
6
7
8
9
10
11

PushButton (History) 的styleSheet

QPushButton{
	background-color:rgb(100,100,100);
	color:white;
	border:1px solid gray;
}
QPushButton:hover{
	background-color:qlineargradient(x1:0,y1:0,x2:0,y2:1,stop:0 rgb(60,60,60), stop:1 rgb(150,150,150));
}
QPushButton:pressed{
	background-color:qlineargradient(x1:0,y1:0,x2:0,y2:1,stop:0 rgb(150,150,150), stop:1 rgb(60,60,60));
}
1
2
3
4
5
6
7
8
9
10
11

最后，保存为 calculator.ui

ui文件转成py文件

通过PyUIC将刚刚用Qt Designer生成的ui文件转成py文件。有以下两种方法：
1、通过cmd，输入以下命令进行转换：

pyuic5 -o calculator.py calculator.ui

2、将PyUIC放入PyCharm的External Tool中，选中calculator.py直接进行转换。

——2020/12/5（殷越）