老梦毕设学习平台设计——Home设计
我是真的傻了,当初自己定了这么一个难的毕设,为难现在的自己
最近写代码入魔,从起来写到睡觉,写写博客放松一下。
毕设简介
一个用来辅助学习的平台
功能:
- 英语学习模块
- 单词学习模块
- 记笔记模块
- 本地视频浏览模块。
本来是打算做个移动端的,可惜当初不了解PyQt很难移植到手机上。毕设题目毕竟是基于PyQt的平台。现在挖坑自己填了。
目前这样打算,先学PyQt做PC端,后学kivy移植到手机端。当然,还有两个月,对于这么勤奋的我来说应该不至于那么难吧。。。
目前定制的制作过程
- 界面的设计
- Home界面
- 笔记模块
- 视频模块
- 单词模块
- 算法模块
什么都不会,PyQt就入了个基础们,一堆的控件用法都不会。
现在买了本PyQt和Qt,慢慢来吧,看看最后我是成功拿毕业证,还是一片昏暗的人生!!
刚辞退一份offer,工作要找,毕设要做,人生现在就是一片昏暗。
HOME界面设计
界面展示
设计步骤
这个Home都是用designer工具制作的,暂时的具体功能还没有实现。
1 图片资源加载
博主比较擅长ppt的设计,不会ps,所以预先在ppt上简单制作了home界面的样式。所以大致需要的图片资源我都保存了。
Qt Designer有个资源文件,首先把它创建了。
第一步:在项目目录下,创建一个image文件夹,image下创建一个名叫apprcc.qrc的文件。
首先写入如下代码:
<rcc version="1.0"><qresource></qresource>
</rcc>
保存后,开始用Qt Designer加载图片
点击那支笔后,选择刚才创建的apprcc.qrc资源文件
加入一个Prefix(前缀) 名为pic
然后再pic下添加图片吧,添加按钮,就在添加pic按钮的旁边。
添加完后,需要把apprcc.qrc文件转为apprcc.py。具体的转换操作百度吧
该资源文件会把图片转为二进制字符串,存在py里面。易于保存。
以后需要添加图片什么的,就选择这个资源里的图片。
2 Qt Designer初步制作UI
环境是PyCharm配Anaconda。
首先设计四个按钮
一个表格布局Grid Layout
四个按钮Push Button
四个标签 Label
一个水平间隔控件 Horizontal Spacer
按钮加入表格布局时,大小需要调整
把每个按钮的minimumSize属性的高宽都设置为120。
Label的高度有点拥挤,设置一下最大期望尺寸maximumSize,高height为30。
这样这一部分就做好了。
3 加入按钮样式图
找到按钮的styleSheet属性
开始添加样式图
上面时添加快速设置样式图片,如果还要添加按下后的样式变化,这样做
QPushButton{border-image: url(:/pic/btn_english.png);}
QPushButton:pressed{border-image: url(:/pic/btn_english2.png);}
第一行为按钮平常模样,第二行为按钮按下后的模样。
四个按钮都这样设置,与时就设置好了大概的模样。
接着就是再加两个标签,一个用作显示图标,一个用来写"老梦辅助学习平台“
Label做图标:QLabel属性里的pixmap进行设置
4 Home界面设置图标
上面已经把表面内容都涉及好了。
再加上窗口的图标,添上窗口标题就行了。点击窗体,开始设置。
这样个属性都在图上所示。
5 演示
designer工具中,快捷键Ctrl + R 为演示窗口。
接下在保存为cHome.ui,把它存放在项目目录下。
然后转换成cHome.py。环境,转换什么的,看这篇博客吧
现在只是初步展示,因为其他界面还没有设计好,所以home的功能暂时不会写。
建立一个app.py
import sys
from PyQt5 import QtWidgets, QtCore, QtGui
from cHome import *class MyMainWindow(QtWidgets.QMainWindow, Ui_mainWindow):def __init__(self, parent=None):super(MyMainWindow, self).__init__(parent)self.setupUi(self)if __name__ == '__main__':if QtWidgets.QApplication.instance():app = QtWidgets.QApplication.instance()else:app = QtWidgets.QApplication(sys.argv)#app.setWindowIcon(QtGui.QIcon("./image/icon3.png"))myWin = MyMainWindow()myWin.show()sys.exit(app.exec_())
以上是Home的表层设计工作,接下来攻破笔记模块,再回来实现Home的具体功能。
2020/04/11 从昨天到现在,home表层和笔记模块大部分功能已经实现了,加油啊,填坑之路漫漫长。
老梦毕设学习平台设计——Home设计相关推荐
- 打造企业级云深度学习平台——小米云深度学习平台的架构设计与实现
作者:陈迪豪,小米深度学习工程师,负责小米云深度学习平台的架构和实现,目前专注于TensorFlow和Kubernetes社区. 责编:何永灿,欢迎人工智能领域技术投稿.约稿.给文章纠错,请发送邮件至 ...
- 基于Html+Bootstrap的高校智慧学习平台WEB界面设计
目 录 1 概述 4 2 需求分析 4 3 高校智慧学习平台WEB界面设计 4 2.1 功能描述 5 2.2 功能结构图 5 2.3界面设计 7 1 概述 高校智慧学习平台主要是为在校学生提供一个开源 ...
- 小米云深度学习平台的架构设计与实现
深度学习服务介绍 机器学习与人工智能,相信大家已经耳熟能详,随着大规模标记数据的积累.神经网络算法的成熟以及高性能通用GPU的推广,深度学习逐渐成为计算机专家以及大数据科学家的研究重点.近年来,无论是 ...
- 【附源码】计算机毕业设计java在线党建学习平台设计与实现
项目运行 环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclis ...
- java计算机毕业设计BS架构考研交流学习平台设计与实现源码+数据库+系统+lw文档
java计算机毕业设计BS架构考研交流学习平台设计与实现源码+数据库+系统+lw文档 java计算机毕业设计BS架构考研交流学习平台设计与实现源码+数据库+系统+lw文档 本源码技术栈: 项目架构:B ...
- (附源码)计算机毕业设计SSM幼儿英语学习平台的设计与实现
项目运行 环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclis ...
- 【附源码】计算机毕业设计java幼儿英语学习平台的设计与实现设计与实现
项目运行 环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclis ...
- 在线教育、精品课程、直播课、课程交流、历史观看、订单、收藏、余额、推荐、关注、购买课程、充值、产品设计、线上教育、视频课程、教育app、在线课堂、网络教学、远程教育、教学辅导、学习平台、K12教育
在线教育.精品课程.直播课.课程交流.历史观看.订单.收藏.余额.推荐.关注.购买课程.充值.产品设计.线上教育.视频课程.教育app.在线课堂.网络教学.远程教育.教学辅导.学习平台.K12教育 A ...
- 计算机毕业设计之 少儿编程学习平台的设计与实现
采用了B/S架构,Thinkphp5框架作为开发平台,数据库采用了Mysql,使用Vscode作为开发工具进行开发.该系统包括前台操作和后台管理两个部分,一方面,为游客提供注册.登录.编程学习.在线测 ...
最新文章
- 简述电子计算机的用途和特点_计算机基础试题及答案
- fork+exit+php,php实现简单的守护进程创建、开启与关闭操作
- Error creating bean with name ‘requestMappingHandlerAdapter‘ OR Failed to load ApplicationContext
- 解决pip异常:No module named ‘pip‘
- R语言与非参数检验之单样本位置检验
- quartus管脚分配后需要保存吗_掉电保存数据到EEPROM
- 2021牛客暑期多校训练营1 J-Journey among Railway Stations(线段树+思维转化)
- Linux系统如何连接和上传文件到服务器上
- 心理学上的被动_心理学教你认识孤僻、被动、社交恐惧症,它们都是内向惹的祸...
- oracle数据库11g完全卸载,oracle 11g完全卸载
- [渝粤教育] 武汉科技大学 证券投资学 参考 资料
- ASUS蓝屏和重装系统之后驱动问题总结
- bootstrap导航栏.nav和.navbar区别
- 茎叶图、箱图是什么,如何用SPSS实现?(图文)
- 北京交通大学计算机仿真大作业直流调速系统仿真,计算机仿真技术大作业 12脉波整流电路仿真.doc...
- 7-6 红包 (20 分)
- java P1195 口袋的天空
- uniapp 总结篇 (小程序)
- 笔记-项目人力资源管理-制订人力资源计划-矩阵图
- 软件单元黑盒测试,软件测试教学资源单元3 黑盒测试.doc