python ui界面设计（二）

以加减乘除为例子，使用pycharm

1.设计界面

设计首页

点击tools->External Tools->Qt Designer,添加四个按钮，分别为页面1，页面2，页面3，页面4，保存为shouye.ui

在终端使用pyuic5 -o shouye.py shouye.ui -x将ui文件转为.py文件

页面1

实现两个数相加，数字1和数字2为label，数字输入框为LineEdit，结果为PushButton,结果输出框为TextEdit。

添加链接关系：

在setupUi()里加入一下代码，add为函数名。

self.pushButton.clicked.connect(self.add)

获得LineEdit的内容

self.lineEdit.text()

获得TextEdit的内容和输入内容

self.textEdit.toPlainText()
self.textEdit.setText('要输入的内容')

页面2，页面3，页面4同上

2.不同页面之间的跳转

在主界面导入各个页面py文件

from add import *    # py文件名
from sub import *
from mul import *
from dev import *

将主界面的object和QtWidgets.QMainWindow，并将各个子界面的类名进行修改，以免与主界面类名重名，并进行以下定义：

class Ui_MainWindow(QtWidgets.QMainWindow):def __init__(self):super(Ui_MainWindow,self).__init__()self.setupUi(self)self.retranslateUi(self)

class Add(QtWidgets.QMainWindow):def __init__(self):super(Add,self).__init__()self.setupUi(self)self.retranslateUi(self)

class Sub(QtWidgets.QMainWindow):def __init__(self):super(Sub,self).__init__()self.setupUi(self)self.retranslateUi(self)

class Mul(QtWidgets.QMainWindow):def __init__(self):super(Mul,self).__init__()self.setupUi(self)self.retranslateUi(self)

class Dev(QtWidgets.QMainWindow):def __init__(self):super(Dev,self).__init__()self.setupUi(self)self.retranslateUi(self)

设置首页页面按钮跳转

self.pushButton.clicked.connect(self.yemian1)
self.pushButton_2.clicked.connect(self.yemian2)
self.pushButton_3.clicked.connect(self.yemian3)
self.pushButton_4.clicked.connect(self.yemian4)

并设计各个页面跳转函数

def yemian1(self):ui_add.show()MainWindow.close()
def yemian2(self):ui_sub.show()MainWindow.close()
def yemian3(self):ui_mul.show()MainWindow.close()
def yemian4(self):ui_dev.show()MainWindow.close()

在页面里设置各个页面跳转的对象

ui_add=Add()   # 类名
ui_sub=Sub()
ui_mul=Mul()
ui_dev=Dev()

python ui界面设计（二）相关推荐

python ui界面设计（一）
1.安装PyQt5和Qt Designer 按win+R后,输入cmd, pip install pyqt5 pip install pyqt5-tools 因为网络等原因,安装可能会失败,可使用 p ...
Android Studio：基本UI界面设计（详细）
一. 实验题目基本UI界面设计二. 实现内容实现一个 Android 应用,界面呈现如下效果: 三. 实验过程 (1)标题首先我们建立一个TextView控件来写标题. 实验对标题的要求如下: ...
Python学习笔记--exe文件打包与UI界面设计
exe文件打包与UI界面设计前言一.基于tkinter实现的UI设计 1.1 库的选择及思路 1.2 定位方法的选用 1.3 Frame控件 1.4 变量设置 1.5 批量设置 1.6 Text文 ...
Winform UI界面设计例程（二）主题风格切换
本专栏会有二十多篇关于winform UI界面设计的案例讲解,包括自定义控件的美化等,完全不使用任何第三方美化库,纯代码编写,写出的界面可以达到WPF界面的效果接上一篇上一篇我们把左侧按钮区组态好 ...
UI界面设计视觉设计参考模板，解剖分层看如何更好的运用排版法则
排版在平面设计领域极为重要,它不只在海报.广告中使用,在制作UI的作品集.UI界面设计.网页设计.运营设计也要注重设计排版,下面分享一些版式设计法则,通过这些法则来规范移动UI设计,并提升作品的精品感 ...
移动端UI界面设计之-注册登录
注册登录是移动端UI界面设计中最基础的板块之一,界面看似简单,但是想设计一个让人眼前一亮的注册登录界面并非易事.今天,小编将和大家一起来聊聊移动端UI界面设计之-登录注册那些事.希望能对设计的朋友有所 ...
【UI界面设计】PS基础学习笔记
[UI界面设计]PS基础学习笔记一.概述 1.行业规范: 2.介绍二.PS入门 1.安装 2.基本介绍 3.新建项目 4.PS的基本使用流程 5.项目保存 6.抠图 7.修图 8.修人像图 9.如 ...
android做试卷的页面,《Android UI界面设计》17移动互联网A卷试题和答案（3页）-原创力文档...
广州市蓝天技工学校质量记录期末考试试卷编号:QD-0812-22 A/0 流水号: 2018 -2019 学年度第一学期 2017级移动互联网应用技术高技专业<UI界面设计>试卷答案 ...
蓝牙聊天App设计1：Android Studio制作蓝牙聊天通讯软件（UI界面设计）
前言:蓝牙聊天App设计全部有三篇文章(一.UI界面设计,二.蓝牙搜索配对连接实现,三.蓝牙连接聊天),这篇文章是一.UI界面设计课程1:Android Studio小白安装教程,以及第一个Andr ...

python ui界面设计（二）

1.设计界面

2.不同页面之间的跳转

python ui界面设计（二）相关推荐

最新文章

热门文章