老梦毕设学习平台设计——Home设计

我是真的傻了,当初自己定了这么一个难的毕设,为难现在的自己
最近写代码入魔,从起来写到睡觉,写写博客放松一下。

毕设简介

一个用来辅助学习的平台
功能:

  • 英语学习模块
  • 单词学习模块
  • 记笔记模块
  • 本地视频浏览模块。

本来是打算做个移动端的,可惜当初不了解PyQt很难移植到手机上。毕设题目毕竟是基于PyQt的平台。现在挖坑自己填了。
目前这样打算,先学PyQt做PC端,后学kivy移植到手机端。当然,还有两个月,对于这么勤奋的我来说应该不至于那么难吧。。。
目前定制的制作过程

  1. 界面的设计
  2. Home界面
  3. 笔记模块
  4. 视频模块
  5. 单词模块
  6. 算法模块

什么都不会,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表层和笔记模块大部分功能已经实现了,加油啊,填坑之路漫漫长。

### 高级网页设计 PSD 毕业设计案例 #### 华南师范大学网站HTML模板 对于高级网页设计PSD文件的需求,可以考虑基于社团活动主题的华南师范大学网站HTML模板。此项目不仅提供了完整的HTML结构,还附带详细的PSD源文件,适用于展示校园文化和社会实践成果[^1]。 ```html <!-- 示例:导航栏 --> <nav> <ul> <li><a href="#home">首页</a></li> <li><a href="#about">关于我们</a></li> <li><a href="#activities">社团活动</a></li> <li><a href="#contact">联系我们</a></li> </ul> </nav> ``` 该设计方案强调用户体验优化和技术实现细节,如响应式布局、交互特效等,能够为毕业生提供丰富的灵感源泉和实际操作经验。 #### 文化传承类网站——传统文化壁画手工艺 另一个值得借鉴的是关于中国传统文化中的壁画艺术专题页面。该项目深入挖掘非物质文化遗产价值,通过高质量视觉呈现吸引观众兴趣的同时传递深厚的历史底蕴[^4]。 ```css /* CSS样式 */ body { font-family: 'Arial', sans-serif; } .container { width: 80%; margin: auto; } ``` 此类项目的PSD文档通常会包含多个版本的设计稿,从初版草图到最终定稿,全面记录整个创作过程,有助于学习者理解设计师如何逐步完善构思并落实到具体界面中去。 #### 大学生个人主页建指南 针对希望打造个性化在线形象的同学来说,《web课程设计》所涉及的大二年级青春风格站点同样具备很高的参考价值。它涵盖了从基础框架搭建直至复杂功能模块开发在内的全流程教程,帮助使用者快速掌握前端技术要点[^2]。 ```javascript // JavaScript脚本 function toggleMenu() { var menu = document.getElementById('menu'); if (menu.style.display === "none") { menu.style.display = "block"; } else { menu.style.display = "none"; } } ``` 这些资源共同构成了一个较为完善的教学体系,既有利于理论知识的学习也便于动手能力培养;更重要的是它们均配有详尽的设计说明以及可供下载编辑使用的PSD格式素材库,非常适合用于毕业设计参考资料的选择[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值