一、实现简单计算器运算
'''表格布局'''
from PyQt5.QtWidgets import QApplication,QWidget,QPushButton,QGridLayout,QLineEdit
from PyQt5.QtCore import Qt,QCoreApplication
import sys
class Example(QWidget):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
# 创建一个表格布局
grid = QGridLayout()
#设置显示器为只读模式
# screen.setReadOnly(True)
#设置右对齐
# screen.setAlignment(Qt.AlignRight)
self.setLayout(grid)
#创建计算器的显示器
self.screen = QLineEdit()
#设置显示器为只读模式
self.screen.setReadOnly(True)
#设置右对齐
self.screen.setAlignment(Qt.AlignRight)
#方法重载
# grid.addWidget(screen,0,1,2,4)
grid.addWidget(self.screen,0,1,1,4)
# 创建所有按钮的标签
labels = ['<——','CE','C','Close',
'7','8','9','/',
'4','5','6','*',
'1','2','3','-',
'0','.','=','+']
# 创建按钮的位置参数
positions = [(x,y) for x in range(1,6) for y in range(1,5)]
# 创建按钮并添加到表格中
for label,position in zip(labels,positions):
btn = QPushButton(label)
#按钮绑定函数
btn.clicked.connect(self.function)
# grid.addWidget(btn,position[0],position[1])
grid.addWidget(btn,*position)
self.move(500,500)
self.setWindowTitle('计算器')
self.show()
#打印绑定的函数
def function(self):
#获取按键的内容
text = self.sender().text()
# print(text)
#判断被按下的按钮,然后执行相应的操作。
if text == '<——':
self.backspace()
elif text == 'C' or text == 'CE':
self.clear()
elif text == 'Close':
self.Close()
elif text == '=':
self.calculate()
else:
self.write(text)
#删除最后一个
def backspace(self):
#获取文本框的内容
content = self.screen.text()
#向文本框写入内容
self.screen.setText(content[:-1])
#全部清除,类似于赋个空值
def clear(self):
self.screen.setText('')
#关闭计算器
def Close(self):
QCoreApplication.quit()
#计算结果
def calculate(self):
content = self.screen.text()
result = eval(content)
self.screen.setText(str(result))
#向显示器写入内容
def write(self,text):
content = self.screen.text()
if len(content) == 0:
content = text
elif content[-1] in '+-*/' and text in '+-*/':
content = content[:-1]+text
else:
content = content+text
self.screen.setText(content)
if __name__ == "__main__":
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
二、制作简单HTML网页
<!DOCTYPE html>
<!-- 标签, -->
<html><!--开始标签,父标签,标签名 根标签 双标签元素-->
<!--标签体-->
<head><!--子标签-->
<!--head中定义页面的样式以及动态效果-->
<!--charset="utf-8":标签的属性,简称属性 meta:源数据-->
<meta charset="utf-8"><!--单标签元素-->
<title>这是我的第一个网页</title>
<style>
/*CSS Cascding Style Sheet层叠样式*/
h1 {
color:darkturquoise
}
.aaa {
color:dodgerblue;
font-size:xx-large;
}
p {
font-family: '仿宋';
}
</style>
</head>
<body>
<!--body中是页面所展示的内容-->
<h1>庚子年马上就要过去了</h1>
<p class='aaa'> 中国马上就要建设空间站了</p>
</body>
</html><!--结束标签-->
|