Python大作业——爬虫+可视化+数据分析+数据库（可视化篇）

接下来设置界面控件

self.frame = QFrame(self)

self.frame.move(260, 110) # 坐标

self.mainLayout = QVBoxLayout(self.frame)

为了简单方便，只设置了账号密码两个输入框以及登录注册两个按钮，如下为账户号输入框设置

self.nameEd1 = QLineEdit(self) # 创建输入框

self.nameEd1.setPlaceholderText(“Admin”) # 设置默认文字

self.nameEd1.setFont(QFont(‘微软雅黑’, 22)) # 设置字体和大小

设置透明度

op2 = QGraphicsOpacityEffect()

op2.setOpacity(0.5)

self.nameEd1.setGraphicsEffect(op2)

设置控件样式

self.nameEd1.setStyleSheet(‘’‘QLineEdit{border-radius:5px; padding: 8px}’‘’)

密码输入框也类似，只需要再将其编辑模式设置为小圆点填充即可

self.nameEd2.setEchoMode(QLineEdit.Password)

登录和注册按钮设置则完全一致

self.btnLG = QPushButton(‘Login’) # 按钮值设置Login

设置透明度

op3 = QGraphicsOpacityEffect()

op3.setOpacity(0.5)

self.btnLG.setGraphicsEffect(op3)

设置控件样式

self.btnLG.setStyleSheet(

‘’'QPushButton{background:#1E90FF;border-radius:5px;}QPushButton:hover{background:#4169E1;}\

QPushButton{font-family:‘Arial’;color:#FFFFFF; padding:6px}‘’') # hover为鼠标悬浮样式

接下来再将部件加入布局中，并为它们设置相邻距离

self.mainLayout.addWidget(self.nameEd1)

self.mainLayout.addWidget(self.nameEd2)

self.mainLayout.addWidget(self.btnLG)

self.mainLayout.addWidget(self.btnRG)

self.mainLayout.setSpacing(60)

最后再为他们绑定鼠标单击事件，即完成了登录界面的设计

self.btnLG.clicked.connect(self.login)

self.btnRG.clicked.connect(self.register)

最终大概效果如下：